Este documento presenta una descripción general de las principales metodologías del Diseño Centrado en el Usuario (DCU), incluyendo 1) planeación con reuniones de clientes y usuarios, 2) definición de requisitos mediante escenarios, personas y cardsorting, 3) diseño con prototipado y wireframes/blueprints, 4) evaluación con paseos cognitivos y heurística, y 5) implementación con pruebas A/B y tests remotos de usuarios. El objetivo es lograr una experiencia de usuario óptima a través de un enfoque

1. La experiencia
de usuario
¿Qué se es?
Metáfora del iceberg
¿Qué busca?
De lo útil a lo deseable
Etapas y roles
¿Quién hace qué?
Ciclo de vida UX
Etapas de la experiencia de usuario

6. Metodologías
concretas

7. Arquitectura de info
Organizar
Usabilidad
Evaluar
Accesibilidad
Asegurar
¿Qué logramos
al final?

8. Metodologías y técnicas
para el Diseño Centrado en elpara el Diseño Centrado en el
Usuario

9. Metodologías DCU
l ióPlaneación
‐ Reunión con cliente
‐ Reunión con usuarios
‐ Benchmark
ó
1
Definición de requisitos
‐ Definición de escenarios
‐ Personas o arquetipos
‐ Cardsorting
‐ Auditoría de contenidos
2‐ Auditoría de contenidos
Diseño
‐ Prototipado colaborativo
‐ Prototipado avanzado (baja y alta fidelidad)
Esquemas de navegación 3‐ Esquemas de navegación
‐ Wireframe
‐ Blueprint
Evaluación
Paseo cognitivo
3
4‐ Paseo cognitivo
‐ Mago de oz
‐ Evaluación heurística
‐ Eyetracking
Implementación
4
5Implementación
‐ pruebas A/B:
‐ test remoto de usuario: 5

10. Metodologías DCU
Planeación 1
Reunión con cliente
• Necesidad general del proyecto
bj i d l i /• Objetivos del negocio / proyecto
• Qué requisitos de tecnología, logísticos, de contenido?
• Tiene los recursos para realizar el proyecto? 3Tiene los recursos para realizar el proyecto?
• Metas y objetivos definidos del proyecto
• Cual es la idea que usuario que tiene el cliente
3
• Definir competencia (para Benchmark)
Documento 1Documento 1

11. Metodologías DCU
Planeación 1
Reunión con usuarios (Focus group)
• Consultar al usuario sobre realmente que necesita en el sitio en
términos de información y serviciostérminos de información y servicios
• Qué tareas/acciones desearía hacer
• Consultarle si conoce el sitio (si existe) y su percepción
• Indagar sobre cuales serán las tareas que el usuario desea realizar
• Consultar sobre tendencias de consumo digital del usuario (correo,
newsletters movil etc )newsletters, movil, etc )
Documento 2Documento 2

12. Metodologías DCU
Planeación 1
Benchmark
Se evalúan sitios de la competencia en los siguientes item:
l k & f l• look & feel
• coherencia de diseño
• jerarquía informativa 3jerarquía informativa
• carga cognitiva 7 +/‐ 2
• tamaños de fuente e imagen
3
• rótulos en secciones y menús
• SEO…
Documento 3

13. Metodologías DCU
Requisitos 2
‐ Definición de escenarios
Son requisitos de navegación. Estos se diseñan y se crean diferentes
tareas en diferentes rutas de navegación para lograr un mismo objetivotareas en diferentes rutas de navegación para lograr un mismo objetivo
y poder así evaluarlas.
A partir de los inconvenientes de navegación que se tengan con los
usuarios, se selecciona la mejor ruta.
Diagrama 1
55

14. Metodologías DCU
Requisitos 2
‐ Personas o arquetipos
De los usuarios se definen unos arquetipos, es algo asi como un usuario
promedio creado para caracterizar tipos de usuario del sitiopromedio, creado para caracterizar tipos de usuario del sitio.
Juan Pérez
Edad:
22
Bio:
Juan Pérez es un estudiante universitario. Es
usuario asiduo de portales web informativos y
participa activamente de las redes sociales.
Frase:
“Me gustan los sitios fáciles de navegar, con
contenidos sencillos”
Nivel educativo:
universitario
Ocupación:Ocupación:
estudiante
Preguntas, observaciones que hace
al proyecto?
¿Se podría tener los contenidos para descargar?
¿Puedo personalizar la interfaz inicial?
Sitios web que visita
www.eltiempo.com
www.amazon.com
Que busca en un sitio?
Rapidez, facilidad en la búsqueda de
información, etc
Diagrama 2

15. Metodologías DCU
Requisitos 2
‐ Cardsorting
Ejercicio de organización de tarjetas (palabras clave) en secciones o
categorías Se realiza cerrado para tener una primera aproximación a lacategorías. Se realiza cerrado para tener una primera aproximación a la
arquitectura de información.
Documento 4
55

16. Metodologías DCU
Requisitos 2
Auditoría de contenidos
‐ Auditar
li‐ Analizar
‐ Editar
‐ ConstruirConstruir
‐ Organizar contenido
Documento 5
55

17. Metodologías DCU
Diseño 3
Prototipado colaborativo
Los usuarios aportan
al proceso inicial deal proceso inicial de
prototipado
D t 6Documento 6

18. Metodologías DCU
Diseño 3
Wireframe
Prototipar
f
2Interfases
Diagrama 3Diagrama 3

19. Metodologías DCU
Diseño 3
Blueprint
Mapa del sitio, define
l di ñ d l
2El diseño de la
Navegación y
la Interacción
Diagrama 4Diagrama 4

20. Metodologías DCU
4Evaluación
2
Paseo cognitivo
Es complementario a Escenarios. A partir de los wireframes se definen
unas tareas al usuario y son evaluadas para hacer correcciones enunas tareas al usuario, y son evaluadas para hacer correcciones en
prototipos.
Documento 7

21. Metodologías DCU
4Evaluación
2
Evaluación heurística
Se realiza con aspectos y toma los siguientes elementos:
h i l bj i di ñ d l i i‐Coherencia en los objetivos y diseño del sitio
‐ Branding
‐ NavegaciónNavegación
‐ Multimedia
‐ Contenidos
‐ Tecnología
‐ Interfaz
‐ FeedbackFeedback
Documento 8

22. Metodologías DCU
4Evaluación
2
Eyetracking
Evaluación de la visualización de la interfaz
Documento 9Documento 9

23. Metodologías DCU
Implementación 5
‐ Pruebas A/B:
A través de Google Analytics, enviamos dos versiones de la página y
evaluamos cual tiene un mejor comportamiento con usuariosevaluamos cual tiene un mejor comportamiento con usuarios.
Documento 10

24. Metodologías DCU
Implementación 5
Test remoto de usuario:
Es un laboratorio de usabilidad remoto.
Permite hacer pruebas económicasPermite hacer pruebas económicas
con el usuario.
Se realizan preguntas sobre:
‐Identidad, contenido, navegación, gráfica web,
búsqueda feedback utilidadbúsqueda, feedback, utilidad.
Define ajustes finales para publicación.
Documento 11