Meetup UX UI

48
User Experience Estefanía Gilges UX Leader [email protected] M. Fernanda Rodriguez Arias UX Leader [email protected]

Transcript of Meetup UX UI

Page 1: Meetup UX UI

User Experience

Estefanía GilgesUX [email protected]

M. Fernanda Rodriguez AriasUX [email protected]

Page 2: Meetup UX UI

Embrace the challengelagash.com

Soy FerLic. en TecnologíaMultimedialUniversidad Maimónides

Téncica en SistemasMultimedialesUniversidad de Belgrano

SoyTeffDiseñadora GráficaUniversidad de Buenos Aires

Docente MorfologíaUniversidad de Buenos Aires

Page 3: Meetup UX UI

Embrace the challengelagash.com

Page 4: Meetup UX UI

lagash.com

¿Quées UI?

Page 5: Meetup UX UI

lagash.com

UI = User InterfaceEs el diseño o creación de una interfaz.

Page 6: Meetup UX UI

Embrace the challengelagash.com

Diseño de interfaces=

Wireframes

Diseño de Interfaces≠

Diseño Gráfico

Look and feel=

Diseño Gráfico

Page 7: Meetup UX UI

lagash.com

¿Qué es una interfaz?Una interfaz es el mediador entre nosotros y una tecnología.

Page 8: Meetup UX UI

Embrace the challengelagash.com

Esto es una interfaz

Page 9: Meetup UX UI

Embrace the challengelagash.com

Esto es una interfaz

Page 10: Meetup UX UI

Embrace the challengelagash.com

Esto es una interfaz

Esto es una interfaz

Esto es una interfaz

Page 11: Meetup UX UI

Embrace the challengelagash.com

Interactuamos con la tecnología de modo intuitivo, esperamos que las cosas se comporten de un modo consistente para no tener que pensar en ellas.

Como la interfaz es la cara visible, una mala interfaz nos hará sentir que la tecnología es mala.

Page 12: Meetup UX UI

lagash.com

¿Qué es el diseño centrado en el usuario?Es una metodología que se caracteriza por enfocar todo el proceso de diseño y desarrollo hacia las usuarios, sus necesidades, características y objetivos.

Page 13: Meetup UX UI

Embrace the challengelagash.com

Diseño Centrado en el Usuario

Page 14: Meetup UX UI

Embrace the challengelagash.com

Page 15: Meetup UX UI

Embrace the challengelagash.com

1. Involucrar a los usuarios desde el comienzo del proceso.

2. Conocer cómo son, qué necesitan, para qué usan el sistema.

3. Testear el producto con los propios usuarios.

4. Investigar cómo es su experiencia de uso.

El DCU implica:

Page 16: Meetup UX UI

lagash.com

¿y UX?

Page 17: Meetup UX UI

lagash.com

UX = User ExperienceLa experiencia de usuario abarca todo lo relacionado con las emociones que una persona siente cuando interactúa con un dispositivo, sistema, producto o servicio.

Page 18: Meetup UX UI

Embrace the challengelagash.com

Page 19: Meetup UX UI

Embrace the challengelagash.com

UX

UI

Page 20: Meetup UX UI

Embrace the challengelagash.com

To be a great designer, you need to look a little deeper into how people think and act.Paul Boag

Page 21: Meetup UX UI

Embrace the challengelagash.com

Disciplinas que integran UX• Usabilidad• Diseño de interacción• Arquitectura de la información

Page 22: Meetup UX UI

Embrace the challengelagash.com

Usabilidad“…facilidad con que las personas pueden utilizaruna herramientaparticular o cualquier otroobjeto fabricado porhumanos con el fin de alcanzar un objetivoconcreto.”

Page 23: Meetup UX UI

Embrace the challengelagash.com

UsabilidadSe puede medir con 3 factores

EfectividadMide la cantidad de tareas

que un usuario puederealizar sin ayuda externa.

EficienciaMide el costo para realizar

una tarea.

SatisfacciónMide la ausencia de

incomodidad y la actitudpositiva en el uso del

producto.

Page 24: Meetup UX UI

Embrace the challengelagash.com

Pensemos en un gato…

Page 25: Meetup UX UI

Embrace the challengelagash.com

Modelo Mental

Page 26: Meetup UX UI

Embrace the challengelagash.com

Ahora,

¿Cómo conocera mis usuarios?

Page 27: Meetup UX UI

Embrace the challengelagash.com

Técnicas- Entrevistas

- Encuestas

- Cuestionarios

- Análisis de competencia

- Shadowing

- Focus groups

Page 28: Meetup UX UI

Embrace the challengelagash.com

Mapa de EmpatíaEs una herramienta que nos ayuda a entender mejor a nuestro usuario a través de un conocimiento más profundo del mismo, su entorno, su visión del mundo y de sus propias necesidades.

Nos obliga a “ponernos en el lugar de nuestro usuario”.

Page 29: Meetup UX UI

Embrace the challengelagash.com

Armado de PersonasEsta es una de las técnicas más conocidas y habituales y que nos ayudará a pensar en los “usuarios” como “personas”.

Una vez segmentado nuestro público objetivo representaremos y humanizaremos a cada uno con un personaje ficticio (Persona), un arquetipo de usuario, del cual haremos una ficha.

Page 30: Meetup UX UI

Embrace the challengelagash.com

Page 31: Meetup UX UI

Embrace the challengelagash.com

Diseño de interacciónDefine la estructura y comportamientos de los sistemas interactivos.

Page 32: Meetup UX UI

Embrace the challengelagash.com

Arquitectura de la informaciónEl arte y la ciencia de estructurar y clasificar un determinado sistema con el fin de ayudar a los usuarios a encontrar y manejar la información.

Page 33: Meetup UX UI

Embrace the challengelagash.com

Arquitectura de la informaciónEl arte y la ciencia de estructurar y clasificar un determinado sistema con el fin de ayudar a los usuarios a encontrar y manejar la información.

Page 34: Meetup UX UI

lagash.com

¿Cómo testeamos?

Page 35: Meetup UX UI

Embrace the challengelagash.com

EvaluaciónHeurísticaEs una técnica de análisis de usabilidadque no require la participación del usuarios.

Se basa en 10 reglas que desarrollo JakobNielsen para testear interfaces de manerarapida y economica.

Page 36: Meetup UX UI

Embrace the challengelagash.com

Page 37: Meetup UX UI

Embrace the challengelagash.com

Test de UsabilidadEs la reproducción de una situación típica de uso en un ambiente más o menos controlado donde podemos observar el comportamiento de “N” usuarios representativos, analizando como usan el sistema.

Page 38: Meetup UX UI

Embrace the challengelagash.com

Page 39: Meetup UX UI

lagash.com

Generando experiencias

Page 40: Meetup UX UI

Embrace the challengelagash.com

Page 41: Meetup UX UI

Embrace the challengelagash.com

Page 42: Meetup UX UI

Embrace the challengelagash.com

Doug se enteró que más del 80% de los

niños eran sedados para

poder realizarse el examen.

Page 43: Meetup UX UI

Embrace the challengelagash.com

Page 44: Meetup UX UI

Embrace the challengelagash.com

Page 45: Meetup UX UI

Embrace the challengelagash.com

Page 46: Meetup UX UI

Embrace the challengelagash.com

Ahora, solo el 10% de los niños

necesitaban ser sedados.

Page 47: Meetup UX UI

Embrace the challengelagash.com

¿Preguntas?

Page 48: Meetup UX UI

Argentina | Buenos Aires+54 (11) 4982 [email protected]

Chile | Santiago de Chile+56 (2) 2231 [email protected]

Colombia | Bogotá+57 (1) 750 [email protected]

México | México DF+52 (55) 6394 [email protected]

USA | Seattle - US+1 844 4 [email protected]

Uruguay | Montevideo+598 2623 [email protected]

Let’s keep in touch