SlideShare una empresa de Scribd logo
UX & USABILIDAD
en interfaces
Hacer
Probar
Pensar
UX | UI
• UI - parte visual de la aplicación o sistema con la
que el usuario interactúa.
• UX - experiencia que tiene la persona (y cómo se
siente) al interactuar no sólo con tu aplicación o
sistema, sino con tu producto, servicios, tu gente,
toda tu empresa.
UX no se trata de la
interfaz (solamente)
Pero se vale de interfaces para brindar
experiencias al usuario
USABILIDAD
Medición que determina qué tan fácil de usar es una interfaz.
• Eficiencia
• Satisfacción
• Sencillez
USABILIDAD…
¿CÓMO LOGRARLA?
1. Conoce a tu usuario
2. Prueba
1. CONOCER ATU USUARIO
• Perfil de usuario - Entrevistas, encuestas, métricas.
• Personas - Personaje o usuario modelo.
• UCD (User-Centered Design) - Diseño centrado
en el usuario.
Ejemplo
PERFIL DE USUARIO
USO DE PERSONASY ESCENARIOS
• Personaje definido en
base al perfil de
usuarios de tu
aplicación.
• Nos ayuda a ponernos
en sus zapatos.
• Ubicarlo en distintos
escenario nos ayuda a
saber en qué
circunstancias se usará
tu aplicación.
http://fakecrow.com/free-persona-template/
https://blog.mailchimp.com/new-mailchimp-user-persona-research/
Ejemplos de personas
DISEÑO CENTRADO EN EL
USUARIO
• Entender las necesidades principales del usuario
• Asegurar mayor facilidad de uso
• Mejorar su experiencia con la interfaz
Se trata de diseñar pensando siempre en el usuario final, quién
usará nuestra interfaz.
2. PROBAR
• Observar y analizar el
comportamiento del
usuario
• Tareas y escenarios de
uso
Pruebas
Pruebas
Pruebas
TIPOS DE PRUEBAS
• Evaluación heurística - checklist de los principios de
usabilidad.
• Caminata cognitiva - ponte en los zapatos del
usuario.
• Con usuarios finales - obsérvalos. Básate en el
desempeño del sistema, no preferencias del usuario.
HEURÍSTICAS DE USABILIDAD
1. Visibilidad del estatus del sistema. Feedback inmediato.
2. Relación entre el sistema y el mundo real. Lenguaje
familiar, orden lógico y natural de la información.
3. Control y libertad para el usuario. El usuario debe
sentir que tiene el control y libertad mientras usa tu
aplicación, y facilitarle el deshacer o arreglar sus
errores.
HEURÍSTICAS DE USABILIDAD
4. Consistencia y estándares. No hay que reinventar
la rueda, usando estándares agilizamos la curva
de aprendizaje y le facilitamos la vida al usuario.
5. Prevención de errores.Ayudemos a prevenir que
el usuario cometa un error.
HEURÍSTICAS DE USABILIDAD
6. Reconocer antes que recordar. Objetos, acciones y
opciones visibles para que el usuario no tenga que
recordar qué y cómo.
7. Flexibilidad y eficiencia de uso. Ofrecer aceleradores
a los usuarios expertos.
8. Estética y diseño minimalista. Información concisa y
relevante.
HEURÍSTICAS DE USABILIDAD
9. Ayuda al usuario a reconocer, diagnosticar y
recuperarse de errores. Mensajes de error en
lenguaje simple y darle opciones de qué hacer a
continuación.
10. Ayuda y documentación. Ofrecer ayuda al
usuario, que sea fácil de encontrar y entender,
concreta.
http://www.nngroup.com/articles/ten-usability-heuristics/
UX & Usabilidad
EJEMPLOS
Visibilidad del estatus del
sistema. Feedback inmediato.
EJEMPLOS
Prevención de errores
EJEMPLOS
Manejo de errores
EJEMPLOS
Ayuda
EJEMPLOS
Ayuda
EJEMPLOS
Reconocer antes que
recordar
EJEMPLOS
Lenguaje familiar
…y algo extra
http://www.slideshare.net/wouterwalgraeve/user-centered-design-user-experience
RESUMIENDO… 5 PUNTOS
1. Conoce al usuario final y tenlo en mente durante todo el
proceso de desarrollo
2. Apóyate en los estándares y patrones
3. Menos es más
4. Siempre siempre siempre prueba y prueba y vuelve a probar
5. Los detalles sí IMPORTAN, es la sal y pimienta ;)
Susana Castillo
@skyfenix
GRACIAS
=)

Más contenido relacionado

PDF
Ux 101: Personas (Español)
PDF
Introducción a Experiencia de usuario y Usabilidad
PDF
UX Creando Experiencias
PDF
Heurísticas, Taller UX - Agosto 2016
PDF
Hablemos de UX - José Ma. Medina, UX UI designer
PDF
Ux, Experiencia de Usuario
PDF
UX no es lo mismo que UI
PPS
User Experience, UX & UI
Ux 101: Personas (Español)
Introducción a Experiencia de usuario y Usabilidad
UX Creando Experiencias
Heurísticas, Taller UX - Agosto 2016
Hablemos de UX - José Ma. Medina, UX UI designer
Ux, Experiencia de Usuario
UX no es lo mismo que UI
User Experience, UX & UI

La actualidad más candente (20)

PDF
Simple Steps to UX/UI Web Design- Español
PDF
UX para dispositivos móviles
PDF
UX Nights Vol 01.01: Qué es UX
PDF
Mobile design for ux (spanish)
PPTX
¿Diseñar para los usuarios o diseñar con los usuarios?
PDF
Manuel Razzari - Accesibilidad web e Inclusión Social
PDF
Ux en 30 minutos
PDF
UX Industry Survey Spain 2016 _ Highlights
PPTX
Usabilidad, diseño y accesibilidad
PDF
Taller UX: Diseño visual - IxDA Mendoza
PDF
Principios básicos de usabilidad y accesibilidad
PPT
PDF
Taller UX 2019 - Patrones de diseño
PDF
Diseñado interfaces "intuitivas" mediante patrones de diseño
PDF
El equipo ideal UX, roles y tareas
PDF
Ux beneficios e implementación
PDF
Introducción a los Wireframes
PDF
Usabilidad Web (tan de moda hoy en día)
PPTX
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
PPTX
Módulo 4: Usabilidad Web
Simple Steps to UX/UI Web Design- Español
UX para dispositivos móviles
UX Nights Vol 01.01: Qué es UX
Mobile design for ux (spanish)
¿Diseñar para los usuarios o diseñar con los usuarios?
Manuel Razzari - Accesibilidad web e Inclusión Social
Ux en 30 minutos
UX Industry Survey Spain 2016 _ Highlights
Usabilidad, diseño y accesibilidad
Taller UX: Diseño visual - IxDA Mendoza
Principios básicos de usabilidad y accesibilidad
Taller UX 2019 - Patrones de diseño
Diseñado interfaces "intuitivas" mediante patrones de diseño
El equipo ideal UX, roles y tareas
Ux beneficios e implementación
Introducción a los Wireframes
Usabilidad Web (tan de moda hoy en día)
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Módulo 4: Usabilidad Web
Publicidad

Similar a UX & Usabilidad (20)

PDF
Taller UX: Evaluaciones heurísticas
PDF
Heurística
PPTX
Diseno de interfaces zyndi.pptx
PPTX
La_usabilidad, exploramos su significado ¿que es? .pptx
PPTX
Diseño de interfaces de usuario
PPT
La usabilidad y los sistemas de ayuda
PPTX
Interfaces de usuario
PPTX
Principios Básicos de la Interacción Humano-Computadora.pptx
PPTX
investigacion usabilidad
PDF
Clase 1 Introducción a la Usabilidad
PDF
Modelo Implantacion del usuario = "Usabilidad"
PDF
Introducción usabilidad y ux mejorandola-natalia
PPT
Usabilidad: del Dicho al Hecho.
PPTX
Usabilidad: la información pensada para el cliente
PDF
Usabilidad y ficha analisis
PDF
Usabilidad web
PPT
Interfaces graficas de usuario
PPTX
DISEÑO UX_UI edicion especial123456789078.pptx
PDF
Manual de tecnicas_para_el_diseno_participativo-usabilidad_corregido
PDF
Introducción al desarrollo y diseño de aplicaciones móviles
Taller UX: Evaluaciones heurísticas
Heurística
Diseno de interfaces zyndi.pptx
La_usabilidad, exploramos su significado ¿que es? .pptx
Diseño de interfaces de usuario
La usabilidad y los sistemas de ayuda
Interfaces de usuario
Principios Básicos de la Interacción Humano-Computadora.pptx
investigacion usabilidad
Clase 1 Introducción a la Usabilidad
Modelo Implantacion del usuario = "Usabilidad"
Introducción usabilidad y ux mejorandola-natalia
Usabilidad: del Dicho al Hecho.
Usabilidad: la información pensada para el cliente
Usabilidad y ficha analisis
Usabilidad web
Interfaces graficas de usuario
DISEÑO UX_UI edicion especial123456789078.pptx
Manual de tecnicas_para_el_diseno_participativo-usabilidad_corregido
Introducción al desarrollo y diseño de aplicaciones móviles
Publicidad

Último (20)

PPT
BUENA PARA INSTRUCCION EN BUENAS PRACT.ppt
PDF
Ideacion y conceptualización-Act2-EmelyBermeo-Parte 1.pdf
PDF
Presentación Diapositivas Propuesta de Proyecto Orgánico Aesthetic Beige y Ma...
PPTX
Presentación de resumen del producto.pptx
PDF
Rendimiento de instalacion de tuberias de diferentes diametros
PPTX
Conferencia orientadora Sinapsis y Receptores.pptx
PPTX
Presentaciones de modelos en power points
PPTX
Acido Base.pptx m
PDF
programa-regular-abril-julio-2025-ii (1).pdf
PDF
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
PDF
CATALOGO piratería y decoración para negocio
PPTX
13 huhijkjlkjlkjlkjlkjlkjde agosto (2).pptx
PDF
Curso online para participar en exel o deribados
DOCX
EL SENSOR PARA CUIDAR EL MEDIO AMBIENTE.docx
PDF
Cuidado para el Desarrollo Infantil _Certificado de participación-7.pdf
PPTX
29.01.2025, Liderazgo activo Kevin Romaña sem 4.pptx
PDF
un power point de minecraft, no está terminado.
PDF
Presentación Me gustas San Valentín Creativo Rosa_20250729_111237_0000.pdf
PPTX
Presentación de tema sexualidad y cuidado del cuerpo
PDF
ORIENTACIÓN - SEM1.pdf ORIENTACIÓN ESTRUCTURAL
BUENA PARA INSTRUCCION EN BUENAS PRACT.ppt
Ideacion y conceptualización-Act2-EmelyBermeo-Parte 1.pdf
Presentación Diapositivas Propuesta de Proyecto Orgánico Aesthetic Beige y Ma...
Presentación de resumen del producto.pptx
Rendimiento de instalacion de tuberias de diferentes diametros
Conferencia orientadora Sinapsis y Receptores.pptx
Presentaciones de modelos en power points
Acido Base.pptx m
programa-regular-abril-julio-2025-ii (1).pdf
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
CATALOGO piratería y decoración para negocio
13 huhijkjlkjlkjlkjlkjlkjde agosto (2).pptx
Curso online para participar en exel o deribados
EL SENSOR PARA CUIDAR EL MEDIO AMBIENTE.docx
Cuidado para el Desarrollo Infantil _Certificado de participación-7.pdf
29.01.2025, Liderazgo activo Kevin Romaña sem 4.pptx
un power point de minecraft, no está terminado.
Presentación Me gustas San Valentín Creativo Rosa_20250729_111237_0000.pdf
Presentación de tema sexualidad y cuidado del cuerpo
ORIENTACIÓN - SEM1.pdf ORIENTACIÓN ESTRUCTURAL

UX & Usabilidad