Que Es Experiencia de Usuario y Como La Construimos - Comprimido
Que Es Experiencia de Usuario y Como La Construimos - Comprimido
Que Es Experiencia de Usuario y Como La Construimos - Comprimido
Lucía Bustamante
DISEÑADORA DE PRODUCTOS DIGITALES
@lubustaman
Hablar cara a cara con la mujer de IT que reside en Uruguay.
Nuclear comunidades de mujeres en tecnología.
Fomentar la inclusión de la mujer en el ámbito tecnológico.
Difundir iniciativas que busquen o sean de mujeres.
Contar qué hacemos las mujeres.
Informar sobre búsqueda de speakers, voluntarias, etc
mujeresit.uy
@lubustaman
Mi camino hacia UX
2005
Diseño Diseño
2003
Gráfico
2007
interiores
2011 2012 2014 - Hoy
Tecnicatura
Informática Diseño
Diseño Diseño Producto
Web Industrial
Gráfico digital
Service
Ing Design
Front-
sistemas End
Product
Management
2016
2005
HOY
UX es como el usuario
siente y vive su relación con
un producto o servicio.
@luciabustamante
@lubustaman
¿Qué es UX?
UX es como el usuario
siente y vive su relación con Satisfacción
un producto o servicio.
Deseable
@luciabustamante
@lubustaman
Producto Interfaz de usuario Experiencia
UTILIDAD
USABILIDAD DESEABILIDAD
VALOR
ENCONTRABLE ACCESIBILIDAD
Soluciones específicas
y beneficios reales para el usuario
¿Qué es UX?
Diseño Centrado
en el Usuario
(UCD: User Centered Design)
¿Qué es UX?
@luciabustamante
@lubustaman
¿Qué es UX?
Hábitos
Género
Edad
Objetivos
Educación,
profesión
Expectativas
Estado y demandas
social Interaccion
es con el
producto
@luciabustamante
@lubustaman
Principios del Diseño Centrado en el Usuario
IDENTIFICAR OBJETIVOS
y EMPATIZAR ANALIZAR PROTOTIPAR TESTEAR
MEDIBLES
Las preferencias Observar y Establecer Crear prototipos Testear la
y necesidades estudiar las objetivos para la interfaz propuesta e
del usuario y su tareas de los medibles que se de usuario. iterar con
contexto. usuarios en su puedan aplicar usuarios reales
contexto. como criterios de
calidad.
¿El producto se va
a poder usar?
EL CLIENTE NOS PIDE
@luciabustamante
@lubustaman
El cliente nos pide
@luciabustamante
@lubustaman
¿Y ahora...?
@luciabustamante
@lubustaman
¿Qué es Usabilidad?
¿Qué es Usabilidad?
@luciabustamante
@lubustaman
¿Qué es Usabilidad?
Fecha de nacimiento
20 Enero 1978
@luciabustamante
@lubustaman
¿Qué es Usabilidad?
LA USABILIDAD, ES UN ATRIBUTO DE
CALIDAD
@luciabustamante
@lubustaman
¿Si es bonito es mejor?
Diseño visual
@luciabustamante
@lubustaman
UX
Diseño Diseño visual
Centrado en el
Usuario Armonía
Confianza
Interacción Credibilidad
Tareas
Usabilidad
Funcionalidad
Previsibilidad
Facilidad
¿Qué papel juega
nuestra mente?
Ciencias
Cognitivas
Cómo se procesa la
información, a través de la
percepción y el conocimiento
adquirido.
Modelos mentales
Modelos Mentales
@luciabustamante
@lubustaman
Modelos mentales
Modelos mentales
Modelos mentales
Ejemplos:
@luciabustamante
@lubustaman
AHORA...
Rápido Lento
Impulsivo Consciente
Automático Analítico
Inconsciente Racional
Modelos mentales Lógico
Nuestro cerebro
Demasiados estímulos compitiendo por la atención.
Diseñando para todas las personas
Accesibilidad
Accesibilidad
@luciabustamante
@lubustaman
4 principios básicos de la Accesibilidad:
1
PERCEPTIBLE
Cualquier información que se muestre debe
presentarse a los usuarios de forma que pueda ser
percibida fácilmente.
Ejemplo: subtítulos y lengua de señas para hacer Ejemplo: asegurar que la funcionalidad se ejecute
accesible el contenido. desde el teclado.
4 principios básicos de la Accesibilidad:
1 2
PERCEPTIBLE OPERABLE
Cualquier información que se muestre debe La navegación debe ser manejable, es decir, se
presentarse a los usuarios de forma que pueda ser debe poder acceder al contenido desde cualquier
percibida fácilmente. dispositivo de apoyo.
Ejemplo: subtítulos y lengua de señas para hacer Ejemplo: asegurar que la funcionalidad se ejecute
accesible el contenido. desde el teclado.
3 COMPRENSIBLE
El contenido debe ser claro y fácil de interpretar, sin
dar lugar a confusiones o equivocaciones.
Ejemplo: subtítulos y lengua de señas para hacer Ejemplo: asegurar que la funcionalidad se ejecute
accesible el contenido. desde el teclado.
3 COMPRENSIBLE ROBUSTO 4
El contenido debe ser claro y fácil de interpretar, sin El contenido y la navegación ha de ser interpretado
dar lugar a confusiones o equivocaciones. por los navegadores, dispositivos y tecnologías de
apoyo.
Ejemplo: Ayudar a los usuarios a prevenir y corregir
Ejemplo: lectores de pantallas para personas ciegas
los errores.
como lo son Talkback, VoiceOver.
Diseño
Interacción
Centrado en el Diseño visual
Usuario Armonía
Confianza
Interacción
Credibilidad
Tareas
CONSTRUCCIÓN Ciencias
DE LA cognitivas
Multidisciplinar y Co-creativa
Recursos UX
Inglés Herramientas para validar accesibilidad
https://uxmag.com/ https://contrast-ratio.com/
Español https://achecker.ca/checker/index.php
https://uxenespanol.com/ http://colororacle.org/
E-books gratis
https://www.uxpin.com/studio/ebooks/
Recordá siempre, que no sos el usuario.
Muchas gracias!
Lucía Bustamante
DISEÑADORA DE PRODUCTOS DIGITALES
@lubustaman
@luciabustamante