diseño de interfaz para la web

Esta es una relación de enlaces empleada para ilustrar, durante una de mis clases, los principios de diseño básicos de las Interfaces Gráficas de Usuario para la Web.

- Simplicidad: Ikea
- Consistencia: Kukuxumusu
- Contraste: Zara
- Eficacia: Barbie
- Predicción: Custo Barcelona
- Retroalimentación: Mini

Además, hemos visto tres ejemplos de sitios en relación con tres aspectos básicos del diseño de interfaces:

- Composición: este mismo blog...
- Color: The Cocktail
- Controles de navegación: Sra. Rushmore

Y finalmente, una referencia para poder llevar a cabo un análisis exhaustivo del diseño de una interfaz:

Evaluación de Interfaces Gráficas de Usuario
© 2003, María Luisa Santos, Universidad de Navarra

4 comentarios

[Wila - 22 de noviembre de 2004 - 19:29]

Zen Garden es una página que conozco hace tiempo y que me sirvió en su día para ilustrar en un manual sobre accesibilidad web (de uso interno para la empresa en la que trabajo), cómo es posible separar el diseño del contenido mediante hojas de estilo en cascada, permitiendo llevar a cabo diseños accesibles y atractivos a la vez.

En relación con el diseño de interfaz, creo que esta página podría ser un buen ejemplo para ilustrar distintos tipos de composición de las páginas. Pero como cada plantilla css que tiene para ver los contenidos es distinta, los demás principios habría que verlos en cada una de ellas...

[tintachina - 22 de noviembre de 2004 - 19:26]

:-)

ejemplo real: acabamos de contratar a un nuevo diseñador y todo lo quiere hacer en flash :S

¿te encaja http://www.csszengarden.com/ en algún punto de los principios de diseño? O:-)

[Wila - 21 de noviembre de 2004 - 19:56]

Gemma,
te diré que el modo en que técnicamente han sido creados los sitios no ha sido un factor determinante para la selección.
Más bien trataba de mostrar ejemplos de sitios que destacaran en alguno de los seis principios establecidos para el diseño de interfaces, y que a la vez resultaran atractivos y estimulantes para los alumnos.
Seguramente ha sido este último factor el que me ha hecho decantarme por una mayoría de sitios en flash, pero no era intencionado.
Es más, no soy precisamente una defensora del uso de flash en los proyectos web. Así que la próxima vez que dé una sesión de clase sobre este tema, tendré en cuenta tu apreciación ;-)

[tintachina - 21 de noviembre de 2004 - 19:48]

casi todas las propuestas que has elegido están hechas en flash ¿por algún motivo? (simple curiosidad :-)