This is the P2PU Archive. If you want the current site, go to www.p2pu.org!
User Experience Design | ENG PT ESP
My recent threads
You haven't posted any discussions yet.
Recently updated threads
- [W6] Group M - R Wed, 2011-04-06 16:28
- [W7] Presentation Sat, 2011-04-02 18:45
- Global Service Jam 2011 Wed, 2011-03-23 19:32
- [W6] Group G - L Thu, 2011-03-17 01:19
- [W6] Group S - Z Sat, 2011-03-12 04:44
[W6] Webdesign project
[ENG]
Welcome to our sixth lesson!
As commented on our last class, this is a practical space for us to develop our solutions to "gift-giving in the digital world".
You should present, by March 18th, a proposal of website that fullfils the richness of this experience.
As we have various different backgrounds, there's no need to worry about ultra-high-quality graphics nor even functional interface code.
What we are asking is:
- A mock-up, in the form of wireframes or a consistent interface
- Two usage paradigms: giving a gift and receiving a gift.
Please refer to the forum topic that has the first letter of your name to see which group you're going to work with.
If you have any doubts, don't hesitate to post them here.
Some tips about the Design process:
1) Iterate! Generate different alternatives on different perspectives
2) You gotta love paper: Drawing sketches on paper gives you much more freedom
3) Going digital later: First finish a concept on paper, then transport it to the computer
4) Choose your software: no matter if you use Paint, Photoshop, GIMP or Mockingbird - you're free to choose.
5) Represent hierarchy: choose different shapes or colors to represent semantic related objects in your interface.
Rock on!
[PT]
Bem-vindos(as) a nossa sexta aula!
Como comentado na última semana, este é um espaço prático para o desenvolvimento do projeto "troca de presentes digital".
Vocês devem apresentar suas propostas até 18 de março, na forma de um website que compreenda os conceitos de experiência.
Como todos temos áreas de interesse diferentes, não se preocupe em realizar gráficos refinados ou programação de interface. O que solicitamos é:
- Um mock-up (protótipo estático), na forma de wireframes ou graficamente elaborado
- Dois paradigmas de uso: dar e receber presentes.
Por favor, acesse o tópico de acordo com a primeira letra de seu nome para saber seu grupo.
Se tives dúvidas, não exite em consultar-nos por aqui.
Algumas dicas do processo de Design:
1) Seja iterativo! Gere diferentes alternativas de perspectivas diferentes
2) Ame papel: Desenhar sketches no papel permite uma liberdade maior de criação
3) Digital, depois: Primeiro finalize um conceito no papel e depois transporte-o para o computador
4) Escolha seu software: Paint, Photoshop, GIMP ou Mockingbird - eres livre para escolher
5) Represente a hierarquia: escolha diferentes formas ou cores para representar objetos semanticamente relacionados em sua interface.
[ESP]
Bienvenidos a nuestra sexta lección!
Como comentamos en nuestra última clsae, éste es un espacio práctico para poder desarrollar nuestras soluciones relacionadas con la consigna "enviar un regalo en el mundo digital".
Deberás presentar, hasta el 18 de Marzo, una propuesta de un sitio web que cumpla con la riqueza de esta experiencia.
Debido a que todos venimos de diferentes áreas, no es necesario preocuparse por realizar gráficos de alta calidad ni tampoco por codificar una interfaz funcional.
Lo que pedimos es:
- Un esquema, en forma de "wireframe" o una interfaz consistente.
- Dos paradigmas de uso: dar un regalo o recibir un regalo.
Por favor, haz referencia al tópico del foro que tiene la primera letra de tu nombre para ver en qué grupo trabajarás. Si tienes alguna duda, por favor, escríbela aquí.
Algunos consejos acerca del proceso de diseño:
1) Itera! Genera diferentes alternativas en diferentes perspectivas.
2) Tienes que amar el papel: Dibujar esquemas en papel te da más libertad!
3) Pasa a lo digital al final: Primero termina el concepto en papel, luego transpórtalo a tu computadora.
4) Elige tu software: no importa si usas Paint, Photoshop, GIMP o Mockingbird - eres libre de elegir!
5) Representa jerarquía: elige diferentes formas o colores para representar objetos relacionados semánticamente en tu interfaz.
I would like to share this link about wireframes resources if you want to know more about them :)
http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-reso...
Éste es un enlace con recursos relacionados con wireframes! (en inglés) :)
Another tip:
If your group is planning a Skype/Chat meeting, this website helps to deal with different time zones:
http://www.doodle.com/
Oh!! Tips tsunami!! :) Here is a tool if you want to work your concepts with images, text and more (without registration!!). http://www.twiddla.com/ Really fun!
Thank you for all the fabulous resources so far!