Metodolog ías y Técnicas para llegar al Ciudadano [ DISEÑO CENTRADO EN EL USUARIO ] Luis Carlos Aceves G. Guanajuato, Gto. 25 | Sep | 2007

Algunas situaciones en común: ¿Coincidencias?

Algunas

situaciones

en común:

¿Coincidencias?

Gobierno del Reino Unido Tener un objetivo y audiencia claramente definida Realizar análisis preliminares y conocer qué necesitan sus usuarios Realizar test frecuentemente para determinar si la web cumple las expectativas de sus usuarios y los objetivos de las partes interesadas Adaptarse permanentemente a las necesidades de los usuarios Ser accesibles y usables Fuente: The Guidelines for UK Government websites

Tener un objetivo y audiencia

claramente definida

Realizar análisis preliminares y conocer

qué necesitan sus usuarios

Realizar test frecuentemente para determinar si la web cumple las expectativas de sus usuarios y los objetivos de las partes interesadas

Adaptarse permanentemente a las necesidades de los usuarios

Ser accesibles y usables

Gobierno de Chile En forma paralela al desarrollo de las interfaces, todo proyecto web debe tener en cuenta la experiencia que vivirá el usuario al navegar por sus páginas El objetivo siempre será el de que cada persona que visite el sitio encuentre lo que está buscando de manera simple , De tal manera que regrese al sitio y le cuente a otros sobre su contenido y funcionalidades. Fuente: Guía para el Desarrollo de Sitios Web, Página 58

En forma paralela al desarrollo de

las interfaces, todo proyecto web

debe tener en cuenta

la experiencia que vivirá el usuario

al navegar por sus páginas

El objetivo siempre será el de que cada persona que visite el sitio encuentre lo que está buscando de manera simple ,

De tal manera que regrese al sitio y le cuente a otros sobre su contenido y funcionalidades.

Gobierno de México El diseño de un sitio web gubernamental debe tomar como premisa al público objetivo : Una estrategia sumamente útil para diseñar Portales Web centrados en la usabilidad es probarlos en su fase de diseño con usuarios finales (ciudadanos regulares). Fuente: Guía para el Desarrollo de Sitios Web de la Administración Pública Federal, Página 13

El diseño de un

sitio web gubernamental debe tomar como premisa al público objetivo :

Una estrategia sumamente útil para diseñar Portales Web centrados en la usabilidad es probarlos en su fase de diseño con usuarios finales (ciudadanos regulares).

Manifiesto de Usabilidad y Accesibilidad para Portales Gubernamentales Mexicanos Fuente: www.uaweb.org.mx

¿Entonces tengo que hacer un sitio web pensando en el usuario?

¿Entonces tengo que hacer un sitio web pensando en el usuario?

EL DISEÑO CENTRADO EN EL USUARIO

EL DISEÑO CENTRADO EN EL USUARIO

Fuente: Usability Professionals’ Association Diseñando la experiencia del usuario

El modelo causal Diseño Necesidades esperadas Necesidades reales Ubicuidad Arquitectura de Información Uso Usabilidad Minería de Uso Ricardo Baeza-Yates, Director de Yahoo Research Latin America Fuente: Arquitectura de la información y usabilidad en la web

¿Qué es la diseño centrado en el usuario? Tomar en cuenta cada posible acci ó n que el usuario podrá realizar en nuestro sitio web , entendiendo las expectativas que tiene en cada paso del proceso de diseño Una experiencia positiva del usuario es sinónimo de una buena usabilidad

Tomar en cuenta cada posible acci ó n que el usuario podrá realizar en nuestro sitio web , entendiendo las expectativas que tiene en cada paso del proceso de diseño

Una experiencia positiva del usuario es sinónimo de una buena usabilidad

Los elementos de la experiencia del usuario Fuente: The Elements of the User Experience

El ciudadano virtual ¿Existe?

El ciudadano virtual

¿Existe?

¿Quién es? No lo podemos ver No lo podemos escuchar No sabemos cómo es No sabemos qué quiere No sabemos con exactitud dónde está PERO…… Sabemos que necesita algo y Que debemos buscar al mejor forma de entregárselo

No lo podemos ver

No lo podemos escuchar

No sabemos cómo es

No sabemos qué quiere

No sabemos con exactitud dónde está

PERO……

Sabemos que necesita algo y

Que debemos buscar al mejor forma de entregárselo

¿Cuál es la realidad? No quiere pensar … busca lo que le satisface Fuente: Don’t Make Me Think

No quiere pensar … busca lo que le satisface

¿Cuál es la realidad? No navega como yo quiero … Fuente: Don’t Make Me Think

No navega como yo quiero …

¿Cuál es la realidad? No lee todo…. Se ubica en lo que le interesa y en la forma en que se lo puedo dar Fuente: Don’t Make Me Think

No lee todo…. Se ubica en lo que le interesa y en la forma en que se lo puedo dar

¿Cuál es la realidad? No piensa cómo deben trabajar las cosas… asume que trabajan Fuente: Don’t Make Me Think

No piensa cómo deben trabajar las cosas… asume que trabajan

Diferencias entre los usuarios Diferencias por segmento de mercado: Segmentación geográfica (país, idioma) Segmentación demográfica (edad, genero) Segmentación psicográfica (ingresos, cultura) Nuevas formas de segmentación

Diferencias por segmento de mercado:

Segmentación geográfica (país, idioma)

Segmentación demográfica (edad, genero)

Segmentación psicográfica (ingresos, cultura)

Nuevas formas de segmentación

Diferencias entre los usuarios www.elbalero.gob.mx www.assembly.ca.gov

Diferencias entre los usuarios

Diferencias entre los usuarios Diferencias por discapacidad: Discapacidad visual Discapacidad auditiva Discapacidad motora Discapacidad cognitiva

Diferencias por discapacidad:

Discapacidad visual

Discapacidad auditiva

Discapacidad motora

Discapacidad cognitiva

Diferencias entre los usuarios Diferencias por nivel de experiencia en Internet: Novato Internet culture Experto computacional

Diferencias por nivel de experiencia en Internet:

Novato

Internet culture

Experto computacional

Entonces … ¿cómo me aseguro que estoy diseñando mi portal pensando en el ciudadano?

Entonces …

¿cómo me aseguro que estoy diseñando mi portal pensando en el ciudadano?

Metodolog ías y técnicas Involucrar al ciudadano desde la planeación del portal

Involucrar al ciudadano

desde la planeación del portal

Metodologías y técnicas Definición de personas Entrevistas Individuales Contextuales (Grupos de enfoque) Juego de tarjetas

Definición de personas

Entrevistas

Individuales

Contextuales (Grupos de enfoque)

Juego de tarjetas

Metodologías y técnicas Encuestas Pruebas de usabilidad Inspecciones/Evaluaciones heurísticas Pruebas automatizadas Pruebas con usuarios

Encuestas

Pruebas de usabilidad

Inspecciones/Evaluaciones heurísticas

Pruebas automatizadas

Pruebas con usuarios

Definiendo personas y escenarios Arquetipos de usuario Usados para guiar las decisiones de funcionalidades, navegación, interacción e incluso diseño visual Se documentan en descripciones de 1-2 páginas Representan patrones, no cargos de trabajo Se incluyen patrones de conducta , metas , habilidades , actitudes y ambiente con algunos detalles personales para darle vida

Arquetipos de usuario

Usados para guiar las decisiones de funcionalidades, navegación, interacción e incluso diseño visual

Se documentan en descripciones de 1-2 páginas

Representan patrones, no cargos de trabajo

Se incluyen patrones de conducta , metas , habilidades , actitudes y ambiente con algunos detalles personales para darle vida

El caso de la bolsa de trabajo

El caso de la bolsa de trabajo www.usajobs.gov

Entrevistas Entrevistar neutralmente No revelar opiniones No ponerse impaciente ¿Eres irrelevante?

Entrevistar neutralmente

No revelar opiniones

No ponerse impaciente

¿Eres irrelevante?

Entrevistas Investigar efectivamente Da pistas motivadoras, pero neutrales Hacer preguntas de seguimiento Usar frases incompletas Corregir cuando gente se sale del tema

Investigar efectivamente

Da pistas motivadoras, pero neutrales

Hacer preguntas de seguimiento

Usar frases incompletas

Corregir cuando gente se sale del tema

Entrevistas Entrevistar con precisión No hacer preguntas de diseño o técnicas Hacer que la gente sea más gráfica (es más valiosos lo que muestre que lo que diga) Grabar lo que se obtiene como información

Entrevistar con precisión

No hacer preguntas de diseño o técnicas

Hacer que la gente sea más gráfica (es más valiosos lo que muestre que lo que diga)

Grabar lo que se obtiene como información

Entrevistas Entrevista tipo ¿Qué otros sitios visitas? ¿Cómo usas este tipo de producto/servicio? ¿Usas productos de la competencia? ¿Te interesa algún tipo de herramienta en particular? ¿Usas la versión no-web del producto/servicio? (cómo satisface la necesidad actualmente)

Entrevista tipo

¿Qué otros sitios visitas?

¿Cómo usas este tipo de producto/servicio?

¿Usas productos de la competencia?

¿Te interesa algún tipo de herramienta en particular?

¿Usas la versión no-web del producto/servicio? (cómo satisface la necesidad actualmente)

Grupos de enfoque Útil para evaluar y determinar las necesidades de un grupo en particular Puede evitar muchas entrevistas Puede haber algún líder del grupo que cause sesgos en el análisis Requiere de un facilitador más que de un entrevistador

Útil para evaluar y determinar las necesidades de un grupo en particular

Puede evitar muchas entrevistas

Puede haber algún líder del grupo que cause sesgos en el análisis

Requiere de un facilitador más que de un entrevistador

Grupos de enfoque Elementos importantes Instalaciones y equipo Facilitador Número de integrantes por grupo Número de grupos Composición por grupo

Elementos importantes

Instalaciones y equipo

Facilitador

Número de integrantes por grupo

Número de grupos

Composición por grupo

El caso del “carné de identidad” www.tramitefacil.gob.cl

El caso del “carné de identidad” www.tramitefacil.gob.cl

Juego de tarjetas Se pide al usuario que clasifique en base a sus propios criterios Se le entregan tarjetas con secciones/contenido propuesto El usuario decide la organización del sitio web Puede ayudar también a la definición del labeling

Se pide al usuario que clasifique en base a sus propios criterios

Se le entregan tarjetas con secciones/contenido propuesto

El usuario decide la organización del sitio web

Puede ayudar también a la definición del labeling

Juego de tarjetas Puede ser abierto o cerrado

Puede ser abierto o cerrado

Juego de tarjetas Pueden utilizarse herramientas automatizadas (WebCAT, CardZort ) Puede consumir tiempo Está más enfocado al contenido, arquitectura de información y navegación que a las tareas

Pueden utilizarse herramientas automatizadas (WebCAT, CardZort )

Puede consumir tiempo

Está más enfocado al contenido, arquitectura de información y navegación que a las tareas

Juego de tarjetas www.nsw.gov.au www.kids.gov

Encuestas Útiles para obtener requerimientos de acuerdo al segmento de mercado Pueden delimitar mejor la información que una entrevista, sobre todo para conocer problemas o preferencias sobre algo Permiten obtener grandes cantidades de datos

Útiles para obtener requerimientos de acuerdo al segmento de mercado

Pueden delimitar mejor la información que una entrevista, sobre todo para conocer problemas o preferencias sobre algo

Permiten obtener grandes cantidades de datos

Encuestas Se deben pensar preguntas relevantes, es decir que tengan impacto directo en el diseño Tipo de preguntas: Abiertas Opción múltiple Escalas con respuesta única Interpretación

Se deben pensar preguntas relevantes, es decir que tengan impacto directo en el diseño

Tipo de preguntas:

Abiertas

Opción múltiple

Escalas con respuesta única

Interpretación

Encuestas Muestreo ¿Cuántos? ¿Dónde? Tiempo de respuesta ¿En papel o en línea? Se pueden utilizar herramientas en línea Ideal para complementar un juego de tarjetas

Muestreo

¿Cuántos?

¿Dónde?

Tiempo de respuesta

¿En papel o en línea?

Se pueden utilizar herramientas en línea

Ideal para complementar un juego de tarjetas

Encuestas www.canada.gc.ca www.australia.gov.au

Pruebas de usabilidad Tipos de pruebas: Inspecciones/Evaluaciones heurísticas Pruebas automatizadas Pruebas con usuarios

Tipos de pruebas:

Inspecciones/Evaluaciones heurísticas

Pruebas automatizadas

Pruebas con usuarios

Pruebas de usabilidad Fuente: Don’t Make Me Think

Pruebas de usabilidad Útiles en rediseños Asignar tareas: obtener información cuantitativa Ver la navegación: obtener información cualitativa

Útiles en rediseños

Asignar tareas: obtener información cuantitativa

Ver la navegación: obtener información cualitativa

Pruebas de usabilidad

Si quieres una guía rápida ….. y centrada en el usuario

Algunas referencias…… archive.cabinetoffice.gov.uk/e-government www.guiaweb.gob.cl www.sip.gob.mx www.upassoc.org www.jjg.net www.usability.gov www.cardzort.com zing.ncsl.nist.gov/WebTools/WebCAT

archive.cabinetoffice.gov.uk/e-government

www.guiaweb.gob.cl

www.sip.gob.mx

www.upassoc.org

www.jjg.net

www.usability.gov

www.cardzort.com

zing.ncsl.nist.gov/WebTools/WebCAT

PREGUNTAS Y CONTACTO www.luiscarlosaceves.com [email_address] [email_address] Tel: (81) 82151435 Luis Carlos Aceves G.