diseño y experiencia de usuario

Los derechos de autor de esta presentación pertenecen a Consultora Nivel Siete

Diseño y UX Diseñando para el usuario

Laura Martín Prieto@LauraMartinPO

[email protected]


Diseño y UX / Intro

ISO 9241-210 (Ergonomics of human-system interaction) define la experiencia de usuario (UX) como:

“el resultado de las percepciones y respuestas de una persona por el uso y uso anticipado de un producto, sistema o servicio.”


Diseño y UX / Áreas

Arquitectura De Información y Diseño

Plataforma

Contenidos


Diseño y UX / Usuarios

• Se aburren• No leen lo que creen que no les sirve• Buscan palabras clave• No les gusta hacer demasiados clics• Quieren encontrar rápido lo que

buscan • Prefieren asociaciones visuales• Se cuestionan sobre el contenido


Diseño y UX / Generadores

• Piensa en lo que quiere que el usuario lea o aprenda, no en lo que al usuario realmente le interesa

• No tiene conciencia del medio• No tienen conciencia de la audiencia y

por lo tanto de su motivación• Contenidos pesados, sin

jerarquizaciones visuales• Contenidos no optimizados o

pensados para distintos dispositivos


Diseño y UX / Soluciones

Analizar el medio y la audiencia1Pensar en y desde el usuario2

Facilitarle la experiencia al usuario3Diseñar sencillo y limpio4



Acciones principales1Navegación3 Búsquedas principales2

Información y contenidos4



• Mensaje Confuso• Diseño recargado para uso

continuo• Difícil de replicar con estilos

CSS• No se acomoda

• Mensaje directo y claro• Diseño pensado para

replicar la lo largo de una plataforma

• Generado en CCS, con Iconfonts y maleable

• Botones claros, limpios y de mensaje sencilloAplica también para la navegación



• Social Proof – Recomendaciones y respaldoAplica para personas y marcas

Taerum et re magnihil incienditius auta volut dios eicaere nderum debit qui odem am, comnimo luptasp ellaccus nobit ium eum volo blamusant quodit qui in Nime num quas venis ati aut rempori doluptatur alit.

“Qum et re magnihil incienditius auta volut dios eicaere nderum debit qui odem am, comnimo luptasp ellaccus nobit ium eum volo blamusant quodit”



• No demasiadas acciones o clicsFacilitarle al usuario la navegación

HOME

Mi perfil

Mis programas

Mis cursos

HOME

Mis cursos



• Diseñar como Play-doh – Lo más sencillo y fácilPensar en diferentes dispositivos



• Auge del diseño limpio y sencilloMostrar únicamente lo que el usuario va a consumir


Diseño y UX /Páginas

• Yale University

• InVision App

• GoToMeeting

Páginas que piensan su diseño desde la necesidad del usuario.

• Twitter


Diseño y UX /Diseño Responsive



• Imágenes vinculadas y con acciones

• Animaciones sutiles que demuestran acciones

• Contenidos desarrollados para responsive• Imágenes• Videos• Textos y tipografías• Profundidad


Diseño y UX /Páginas

• Compros

• Colly

• Foodsense

Páginas responsive muy agradables y premiadas

• Cacaotour



La buena experiencia de usuario no es solo el funcionamiento de la plataforma1Se debe pensar y diseñar desde el usuario, sus necesidades, intereses y motivación general – Tener conciencia de audiencia2Se debe desarrollar la arquitectura, estructura y contenidos pensados para el espacio web – Conciencia de Medio3Debemos facilitarle la experiencia al usuario, generando contenidos limpios y sencillos – Crear confianza no confusión4

Usar las herramientas a nuestro alcance5Enfocándonos en el desarrollo de contenido agradable, interesante y llamativo6


Diseño y UX Diseñando para el usuario

Laura Martín Prieto@LauraMartinPO

[email protected]

diseño y experiencia de usuario

Education