DIseño Centrado en el Usuario

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