EN LA CLASE PASADA...Usabilidad y Experiencia de usuario.

1.- MENOS ES MÁS

2.- EL SECRETO ESTA EN OBSERVAR A NUESTROS USUARIOS

3.- LAS EXPERIENCIAS ESTÁN CAMBIANDO

GOOGLE GLASS

CLASE3: WIREFRAMESComo diseñamos la información.

¿QUÉ ES DISEÑO DE INFORMACIÓN?

DISEÑO DE INFORMACIÓN

Priorización y presentación de los contenidos que poseerá un sitio web.

Esta orientada a cumplir los objetivos y tareas que podrá realizar un usuario.

El centro esta en LOS CONTENIDOS.

¿CÓMO SE PRESENTA EL DISEÑO DE INFORMACIÓN?

WIREFRAMES

¿QUÉ SON LOS WIREFRAMES?

WIKIPEDIA NOS DICE:

"Esquema del diseño de página u ordenamiento del contenido del sitio web, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto."

• Plasmar los resultados de nuestra investigación posterior en donde identificamos usuarios, definimos un árbol de contenidos y buscamos buenas prácticas.

• Ordenamiento y jerarquización de los contenidos según la importancia de nuestros arquetipos.

• Planteamiento visual y funcional de como se vera nuestro sitio en pantalla

• Son el paso intermedio entre la arquitectura de información y el diseño de interfaz.

• Es un diseño más racional, a diferencia del de interfaces que es más emocional.

Diseño de Interfaz

Wireframes

Arquitectura de la información

¿PARA QUÉ SON LOS WIREFRAMES?

¿PARA QUÉ SON LOS WIREFRAMES?

• Visualizar una conceptualización de la disposición de los contenidos.

• Visualizar como serian los flujos de interacción de un sitio web.

• Para comenzar a definir las primeras interacción que poseerá la plataforma. .

¿PARA QUÉ SON LOS WIREFRAMES?

• Son el punto para discutir entre los distintos actores que están en el proyecto. Estos pueden ser arquitectos de información, diseñadores, desarrolladores y clientes cuando sea el caso.

¿CÓMO PUEDEN SER LOS WIREFRAMES?

• Sencillos de entender y evitamos distracciones en temas que en esta etapa no son de importancia como colores o uso de fotografías.