User Experience
Estefanía Gilges
UX Leader
estefaniag@lagash.com
M. Fernanda Rodriguez Arias
UX Leader
mfernandar@lagash.com
Embrace the challengelagash.com
Soy
Fer
Lic. en Tecnología
Multimedial
UniversidadMaimónides
Téncica en Sistemas
Multimediales
Universidadde Belgrano
Soy
Teff
Diseñadora Gráfica
Universidadde BuenosAires
Docente Morfología
Universidadde BuenosAires
Embrace the challengelagash.com
lagash.com
¿Qué
es UI?
lagash.com
UI = User Interface
Es 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 Experience
La 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 utilizar
una herramienta
particular o cualquier otro
objeto fabricado por
humanos con el fin de
alcanzar un objetivo
concreto.”
Embrace the challengelagash.com
Usabilidad
Se puede medir con 3 factores
Efectividad
Mide la cantidad de tareas
que un usuario puede
realizar sin ayuda externa.
Eficiencia
Mide el costo para realizar
una tarea.
Satisfacción
Mide la ausencia de
incomodidad y la actitud
positiva 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 conocer
a 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ía
Es 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
Personas
Esta 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ón
Define la estructura y
comportamientos de los
sistemas interactivos.
Embrace the challengelagash.com
Arquitectura de la
información
El 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ón
El 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ón
Heurística
Es una técnica de análisis de usabilidad
que no require la participación del
usuarios.
Se basa en 10 reglas que desarrollo Jakob
Nielsen para testear interfaces de manera
rapida y economica.
Embrace the challengelagash.com
Embrace the challengelagash.com
Test de Usabilidad
Es 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 4185
info@lagash.com
Chile | Santiago de Chile
+56 (2) 2231 9428
info_chile@lagash.com
Colombia | Bogotá
+57 (1) 750 5276
info_colombia@lagash.com
México | México DF
+52 (55) 6394 0617
info_mexico@lagash.com
USA | Seattle - US
+1 844 4 Lagash
infousa@lagash.com
Uruguay | Montevideo
+598 2623 2546
info_uy@lagash.com
Let’s keep in touch

Meetup UX UI