DCU
DCU Diseño Centrado en el Usuario Adrián Gómez
DCU
Enfoque de diseño cuyo proceso está dirigido por información sobre las personas que van hacer uso del producto.
DCU
diseño industrial y militar de la década de los cincuenta
antropometría - ergonomía - arquitectura - biomecánica
DCU
ergonomía
antropometría
biomecánica
arquitectura
DCU
Norman Bel Geddes
Henry Dreyfuss
George Nelson
Charles Eames
DCU
DCU
DCU se utiliz贸 como marco de trabajo, investigaci贸n y desarrollo de principios del dise帽o de interfaces de usuario.
El modelo conceptual: Ofrecido por el dise帽ador del sistema. Interfaz: La imagen que el sistema presenta al usuario. El modelo mental: Desarrollado por el usuario a partir de la imagen.
DCU
De este modo, el enfoque del DCU persigue asegurar la consecución de un producto con la funcionalidad adecuada para usuarios concretos. ¿quién usará este sistema?, ¿qué es lo que va a hacer con él? ó ¿qué información necesitará para alcanzar sus objetivos?.
Experiencias de uso
DCU
Diseño centrado en el diseñador (Designer-centered design): El diseñador, a partir de su visión personal, sabe qué es lo mejor en cada momento.
Dise単o centrado en la empresa (Enterprise-centered design): El sitio web se dise単a atendiendo a la estructura y necesidades de la empresa.
Dise帽o centrado en el contenido (Content-centered design): El cuerpo de informaci贸n es la base para organizar el sitio y la estructura de navegaci贸n.
Diseño centrado en la tecnología (Technology-centered design): Todo gira en torno a la tecnología y se busca la manera más fácil de implementar una solución
DCU
Usabilidad ≠DCU
DCU
DCU
Usabilidad
DCU
Usabilidad
DCU
QUÉ
CÓMO
DCU
Objetivo lograr la satisfacci贸n de las necesidades de todos sus usuarios potenciales, adaptar la tecnolog铆a utilizada a sus expectativas y crear interfaces que faciliten la consecuci贸n de sus objetivos
DCU
Proceso iterativo Usabilidad evaluada de forma iterativa y mejorada incrementalmente
DCU
Usuario “dueño del proceso” decisiones de diseño están dirigidas por el usuario y los objetivos que pretende satisfacer el producto
DCU
Proceso cíclico Especificar el contexto de uso
Evaluación
Especificar requisitos
Producir soluciones de diseño
DCU
Proceso de ejecuci贸n Enfoque para pensar en la idea del producto
DCU
Necesidades Motor de la conducta humana
Necesidades = Motivaci贸n Necesidades = Condicionar el dise帽o
DCU
observaci贸n investigaci贸n indagaci贸n del usuario
DCU
No saben que necesitan
DCU
Uso busca satisfacer una necesidad no contemplada
No flexibilizar cuando implique diďŹ cultar su uso
DCU
Si hago todo lo que quiere el usuario
Caos!
DCU
En qué momentos son eficaces En qué momentos evidencian dificultades
necesidades y propósitos más probables
DCU
MetodologĂa
DCU
Modelo conceptual
Contexto Objetivos
Usuario
Detalle Contenido Organizaci贸n Flujo de tareas
DCU
Principios Enfoque temprano en usuarios y tareas Mediciones empĂricas y pruebas de uso del producto DiseĂąo iterativo
DCU
Técnicas Test de usuarios Evaluación eurística Card Sorting Entrevistas Encuestas Analítica web
DCU
Test de usuarios
Observación de usuarios Aún cuando diseñador sea experto
DCU
Test de usuarios 驴C贸mo?
15 participantes (3 pruebas) Pruebas iterativas
DCU
Test de usuarios
Participantes Perfiles acordes a los usuarios reales o potencial del sitio web Es importante que estén motivados: remuneración o recompensa
DCU
Test de usuarios
Prueba de forma individual
Registrar toda la informaci贸n
DCU
Test de usuarios
“TEST DE 5 SEGUNDOS” Primera impresión: Juzgan lo que ven y toman decisiones intuitivas en muy poco tiempo Contexto y objetivos concretos
DCU
Test de usuarios “TEST DE 5 SEGUNDOS” Qué le parece, qué cree que ofrece Capacidad autoexplicativa del diseño visual
DCU
Test de usuarios Tareas Ser razonables Estar descritas en términos de objetivos finales Ser específicas Ser factibles Duración razonable
DCU
Test de usuarios En qué se equivoca y porqué
think-aloud think-aloud retrospectivo
DCU
Test de usuarios
An谩lisis de los resultados y conclusi贸n de las mejoras necesarias
DCU
Test de usuarios
¿Cuándo? DCU es una filosofía de diseño iterativa basada en la mejora incremental del producto
DCU
Test de usuarios Limitaciones y problemas
Tiempo y esfuerzo en reclutar los participantes realizar las pruebas, sintetizar y analizar Entorno diferenciado, interacci贸n descontextualizada
DCU
Evaluación Heurística Expertos Análisis del diseño Principios heurísticos
DCU
Evaluaci贸n Heur铆stica
3 a 5 expertos
DCU
Evaluación Heurística
Identificar los problemas Gravedad de los problemas Frecuencia Impacto
DCU
Evaluaci贸n Heur铆stica Tipos:
Evaluaci贸n de alto nivel Evaluaci贸n en detalle
DCU
Evaluación Heurística ¿Cuándo? Arquitectura de información
Diseño gráfico
DCU
Evaluación Heurística Limitaciones y problemas Identifica mayor cantidad de problemas menores, pero menor cantidad de problemas mayores “Falsas alarmas”
DCU
Card Sorting Arquitectura de informaci贸n
Conocimiento que los usuarios adquieren a partir de su experiencia lo estructuran internamente en forma de conceptos y relaciones sem谩nticas MODELO MENTAL
DCU
Card Sorting
Informaci贸n a colocar en la web Transformar Modelo mental del usuario
DCU
Card Sorting Agrupar los conceptos representados en cada tarjeta por su similitud semántica.
Identificar qué conceptos tienen relación semántica entre sí, e incluso cuál es el grado de esa relación
DCU
Card Sorting
5
+20
Cualitativo
Cuantitativo
(5 participantes)
(entre 20 y 30)
DCU
Card Sorting
Cerrado
Abierto
Evaluar si una categorizaci贸n resulta predecible para el usuario
Qu茅 tipo de categorizaci贸n resulta m谩s natural y acorde al modelo mental
DCU
Card Sorting
DCU
http://xsortapp.com/
DCU
Card Sorting ¿Cuándo? Etapas tempranas Definición de la arquitectura de la información
DCU
Eye tracking Teoría = Acercamiento al comportamiento del usuario Buscador
Visualización (cuadrícula o lista)
Breadcrumb
Propietario
Usuarios
Organizar por:
Última modificación Últimos abiertos Nombre
Configuración Acción principal Nuevo:
Carpeta Subir archivos Subir carpeta Documento de google
Organización de carpetas
Archivos compartidos
Icono de compartido
Tamaño del archivo
Nombre de archivo Icono de archivo
Última modificación Propietario
DCU
Eye tracking Las interfaces no suelen estar compuestas por formas gráficas simples. Un diseño puede presentar un alto grado de sofisticación visual
DCU
Eye tracking monitorizar y registrar la forma en la que una persona mira
DCU
Eye tracking ¿Cuándo?
Diseño gráfico Look&feel
DCU
Otras técnicas Entrevistas
Encuestas
Información de usabilidad: observando y no preguntando Respuesta será motivada por lo que cree debe responder Descubrir deseos, motivaciones, valores y experiencias de nuestros usuarios
DCU
Otras técnicas Encuestas Herramienta cuantitativa
Analítica web
DCU
Otras técnicas Analítica web La medición, recolección, análisis y documentación de datos de Internet con el objetivo de comprender y optimizar el uso de la Web (WAA; 2009)
DCU
“En diseño, la indiferencia hacia la gente y hacia la realidad en la que vivimos es el único pecado capital.” Dieter Rams