Download - Meetup UX UI
User Experience
Estefanía GilgesUX [email protected]
M. Fernanda Rodriguez AriasUX [email protected]
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
Embrace the challengelagash.com
lagash.com
¿Quées UI?
lagash.com
UI = User InterfaceEs el diseño o creación de una interfaz.
Embrace the challengelagash.com
Diseño de interfaces=
Wireframes
Diseño de Interfaces≠
Diseño Gráfico
Look and feel=
Diseño Gráfico
lagash.com
¿Qué es una interfaz?Una interfaz es el mediador entre nosotros y una tecnología.
Embrace the challengelagash.com
Esto es una interfaz
Embrace the challengelagash.com
Esto es una interfaz
Embrace the challengelagash.com
Esto es una interfaz
Esto es una interfaz
Esto es una interfaz
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.
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.
Embrace the challengelagash.com
Diseño Centrado en el Usuario
Embrace the challengelagash.com
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:
lagash.com
¿y UX?
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.
Embrace the challengelagash.com
Embrace the challengelagash.com
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
Embrace the challengelagash.com
Disciplinas que integran UX• Usabilidad• Diseño de interacción• Arquitectura de la información
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.”
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.
Embrace the challengelagash.com
Pensemos en un gato…
Embrace the challengelagash.com
Modelo Mental
Embrace the challengelagash.com
Ahora,
¿Cómo conocera mis usuarios?
Embrace the challengelagash.com
Técnicas- Entrevistas
- Encuestas
- Cuestionarios
- Análisis de competencia
- Shadowing
- Focus groups
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”.
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.
Embrace the challengelagash.com
Embrace the challengelagash.com
Diseño de interacciónDefine la estructura y comportamientos de los sistemas interactivos.
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.
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.
lagash.com
¿Cómo testeamos?
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.
Embrace the challengelagash.com
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.
Embrace the challengelagash.com
lagash.com
Generando experiencias
Embrace the challengelagash.com
Embrace the challengelagash.com
Embrace the challengelagash.com
Doug se enteró que más del 80% de los
niños eran sedados para
poder realizarse el examen.
Embrace the challengelagash.com
Embrace the challengelagash.com
Embrace the challengelagash.com
Embrace the challengelagash.com
Ahora, solo el 10% de los niños
necesitaban ser sedados.
Embrace the challengelagash.com
¿Preguntas?
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