Metodología de Diseño Centrado en el Usuario
Darcy Vergara P.
www.darcy.cl
Noviembre - 2008

Usabilidad

Usabilidad
Arquitectura de la
Información

Usabilidad
Arquitectura de la
Información
Accesibilidad

Sicólogos

Sicólogos Periodistas

Sicólogos Periodistas
Comunicadores

Sicólogos Periodistas
Comunicadores
Diseñadores

Sicólogos Periodistas
Comunicadores
Diseñadores
Ingenieros informáticos

Sicólogos Periodistas
Comunicadores
Diseñadores
¿...?
Ingenieros informáticos

Diseño centrado en las personas
El valor de la investigación en los procesos de diseño en medios digitales

Diseño centrado en las personas
El valor de la investigación en los procesos de diseño en medios digitales

Investigación aplicada al diseño

Investigación aplicada al diseño
No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la
investigación de usuarios y en dinámicas colaborativas
De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y
permita no salirse de este marco referencial.

Investigación aplicada al diseño
No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la
investigación de usuarios y en dinámicas colaborativas
De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y
permita no salirse de este marco referencial.
¿Cómo funciona?

Entender y
especificar el
Identificar la contexto de
necesidad de uso
un DCU
El diseño
satisface las Especificar los
especificaciones de la requerimientos
organización y de de los usuarios
los usuarios y de la
Evaluar diseño
organización
a partir de los
requerimientos
Producir
soluciones
The interdependence of human-centered design activities
de diseño
Prototyping Social Action
Esko Kurvinen

Entender y
especificar el
Identificar la contexto de
necesidad de uso
un DCU
El diseño
satisface las Especificar los
especificaciones de la requerimientos
organización y de de los usuarios
los usuarios y de la
Evaluar diseño
organización
a partir de los
requerimientos
Producir
soluciones
The interdependence of human-centered design activities
de diseño
Prototyping Social Action
Esko Kurvinen

Entender la interacción...
Arhippainen, Tähti, 2003

¿Cuál es el valor de integrar a personas (usuarios) dentro
de los procesos de diseño?

El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
detectan fallos... en fin, usan los sistemas

El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
detectan fallos... en fin, usan los sistemas
¿Pero, cómo sacarles provecho?

El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
detectan fallos... en fin, usan los sistemas
¿Pero, cómo sacarles provecho?
Stand By

¿Con cuántos usuarios testar?

¿Cómo nos aproximamos a ellos?
(av) AyerViernes
¿Cuantitativo o Cualitativo?
®2008 Ayerviernes S.A.

Triangular las fuentes
Integración metodología cuanti y cuali

¿Qué triangular?
(av)
•Observación •Palabras clave •Escucha AyerViernes
• •Eyetracking •Buscador interno •Entrevistas
•Encuestas •Hablar con las personas que hablan con las
personas
®2008 Ayerviernes S.A.

(av) AyerViernes
¿Pero, cómo sacarles provecho?
®2008 Ayerviernes S.A.

no hay que
Por el contrario de lo que se pueda creer,
escucharlos, sino que hay que observarlos...
Los focus groups, NO son pruebas de usabilidad
Los usuarios no son diseñadores ni los diseñadores no son usuarios

Entonces...
•Aprovecharnos de todo lo que nos puedan decir y mostrar los usuarios, no sólo
verbalmente, sino que que también no verbalmente; gestos, actitudes,
frustraciones y sus ojos (integración cuali-cuanti).

Oportunidad:

Oportunidad:
•Entender el comportamiento del usuario digital

Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento

Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
•Innovar

Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
•Innovar
•Liderar y no estar supeditado a los Alertbox de Nielsen

Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
! sólo casos extremos

Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
! sólo casos extremos
Agudizar el sentido común y tomar un genérico...

Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
! sólo casos extremos
Casi nunca tomo
no leo, hojeo
decisiones óptimas
Me las arreglo
Odio los banners como puedo

Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies

Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones

Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones
No hay nada más claro y efectivo que un
link azul subrayado

Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones
No hay nada más claro y efectivo que un
link azul subrayado
No tratar de reinventar la rueda
Al menos, no sin usuarios

Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Aprovecharnos de las convenciones
No hay nada más claro y efectivo que un
link azul subrayado
No tratar de reinventar la rueda
Al menos, no sin usuarios
NO sacar conclusiones fuera de contexto

(av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

(av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

(av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

(av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

(av)
¿Qué y cuando probar con usuarios?
• Indagaciones estratégicas
• Card Sorting
• Prueba de Wireframes
• Testeo de Maquetas
• Producto final
®2008 Ayerviernes S.A.

Arquitectura de la Información
®2008 Ayerviernes S.A.

Proceso vs Producto

¿Arquitectura de la
Información?
Orden de la información
Beneficio para los usuarios
Encontrabilidad de los contenidos
Calidad de los contenidos
Convertir datos en contenidos digitales.

Pero...
Conjugar muchas y
diferentes visiones

Pero...
Conjugar muchas y
diferentes visiones

(av)
¿Cómo?
Funcionalidad y contenido.
Necesidades de la organización.
Necesidades del público (usuarios).
Sistemas de organización.
Navegación.
Rotulado.
Búsqueda.
®2008 Ayerviernes S.A.

investigar la organización
(cuáles son los objetivos de la organización)

investigación de usuarios
empatía = modelos mentales
®2008 Ayerviernes S.A.

resultados de las investigaciones...
técnicas
índices de contenido
card sorting
definir jerarquías
®2008 Ayerviernes S.A.

índices de contenido
card sorting
definir jerarquías
®2008 Ayerviernes S.A.

índices de contenido
card sorting
definir jerarquías

índices de contenido
card sorting
definir jerarquías
Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos

Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
Agrupación Contenido fundamental
por tema
por función Opciones necesarias
por jerarquía
Etiquetado o rotulaciones

Resultado...

Resultado...

®2008 Ayerviernes S.A.

Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

®2008 Ayerviernes S.A.

Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
®2008 Ayerviernes S.A.

recursos
La biblia de la AI, Information Architecture for the World Wide Web
Information Architecture Glossary (Whitepaper) de Kat Hagedorn.
Information Architecture: Blueprints for the Web (Paperback) de
Christina Wodtke.
The Elements of User Experience: User-Centered Design for the Web
de Jesse James Garrett.
No me hagas pensar de Steve Krug.
Designing Web Usability: The Practice of Simplicity de Jakob Nielsen.

Gracias ;)
Darcy Vergara P.
darcy.cl