Presenta Usabilidad 2009

Periodismo digital | Experiencia del usuario

Periodismo digital
Experiencia del usuario:
Usabilidad y accesibilidad web
Las Palmas de Gran Canaria, 17 de octubre de 2009
Unión de Profesionales de la Comunicación de Canarias

R.1.3.161009


¡Hola!

Bienvenidos


Experiencia del usuario
Pensando en el usuario


¿Y si pudiéramos conocer...

http://www.youtube.com/watch?v=5u7XHtxmEpc


¿Y si pudiéramos conocer...
... si nuestro producto satisface las necesidades de los usuarios?
... si los usuarios encuentran la información que buscan y navegan fácilmente
... si los usuarios son capaces de lograr sus objetivos, transacciones y tareas
online? ¿Con qué grado de eﬁcacia?
... si los usuarios perciben nuestra marca online de manera positiva (branding)?


Si pudiéramos conocer... (1)
• Saldríamos de dudas sobre nuestro diseño:
optimizaríamos los costes de diseño, rediseño y
mantenimiento
• Tomaríamos mejores decisiones
• Ayudaríamos a nuestros usuarios a cumplir sus
objetivos y tareas de manera eﬁcaz y eﬁciente
(ventaja competitiva)
• Nos anticiparíamos a sus necesidades y
superaríamos sus expectativas
• Reduciríamos de los costes de aprendizaje, de
asistencia y ayuda al usuario


Si pudiéramos conocer... (2)
• Aumentaríamos la conversión de visitantes a
clientes
• Lograríamos ﬁdelizar a nuestros usuarios
• Mejoraríamos la imagen y el prestigio de nuestro
sitio web.
• Mejoraríamos la experiencia del usuario: su
nivel de satisfacción, productividad y las
emociones y sensaciones que transmitimos
serían positivas.


Experiencia del usuario
Algunas deﬁniciones y factores


¿Qué es la experiencia del usuario?
“es un concepto que reﬂeja todo lo que se siente, observa y
aprende a través de la interacción con los productos,
servicios, espacios y comunicación de una empresa”
Fuente: Xperience Consulting

Web

UX
Servicios Sensaciones y Productos
Estímulos
psicológicos

Contexto


¿Qué esperan los usuarios?
+ •
•
Facilidad de uso (usabilidad)
Conﬁanza y credibilidad (marca)
• Contenidos útiles y de valor (diseño de la información)
• Agilidad y rapidez (rendimiento)
• Organización y navegavilidad (arquitectura de la información)

- • Personalización (diseño visual)
Fuente: Accenture (2004)


Factores de la experiencia del usuario

Fuente: Francisco Tosete Herranz


¿Qué es la usabilidad?
“Usabilidad es la efectividad, eficiencia y satisfacción con la
que un producto permite alcanzar objetivos específicos a
usuarios específicos en un contexto de uso específico”
Fuente: Organización Internacional para la Estandarización (ISO/IEC 9241)


¿Arquitectura de la información?
“...es el diseño de la presentación de la información para
facilitar su entendimiento”
Fuente: Edward Tufte

Organización

AI
Navegación Etiquetado

Diseño S. búsqueda


¿Diseño gráfico?
“...es la acción de concebir, programar, proyectar y realizar
comunicaciones visuales ... destinadas a transmitir
mensajes a grupos sociales especíﬁcos...”
Fuente: Wikipedia


¿Diseño de interacción?
“...es diseñar productos interactivos para ayudar a las
personas en su vida diaria y laboral”
Fuente: Sharp, Rogers y Preece (2002)

“consiste en crear las experiencias en la comunicación de
las personas con diferentes sistemas interactivos”
Fuente: José R. Quevedo (2009)


Elementos de la UX

Fuente:
Jesse James Garrett


Campos de la experiencia del usuario

Fuente: iA Japan


Evaluación
de la usabilidad


La evaluación de sitios web
Objetivo de la evaluación

Cambiar el diseño del sitio web

Para obtener beneﬁcios


¿Por qué evaluar un sitio web?

• A veces se quiere rediseñar todo y es un revulsivo
• A veces se quiere mejorar lo que ya se tiene
• A veces no se sabe lo que se quiere

¿Cuándo hacerlo?

• Si se va a hacer un rediseño, mejor evaluar el nuevo diseño
• Sólo evaluar el viejo si no sabemos qué hacer y hacia dónde ir
• Cuando no hay dinero para una nueva versión y sólo para mejoras


Lo ideal es integrar la evaluación en el
proceso iterativo de desarrollo


Principales tipos de evaluación

• Evaluación heurística o “por expertos”
• Pruebas de usuarios (Task-Oriented Labs)
• Test de usuarios en remoto
• Cuestionarios online
• Grupos de discusión (psicoanálisis)
• Simulación cognitiva (cognitive walkthrough)
• Evaluación transcultural
• Etc.


¿Evaluación heurística o pruebas de usuarios?

Depende:

• Objetivos de la evaluación, rediseño o mejoras parciales
• Estado de la web: bien, regular, fatal...
• Etapa de desarrollo del sitio: prototipo, funcionando...
• Qué quiere el cliente o qué cree que quiere
• Tipo de cliente: diseñador, consultora, responsable del sitio
• Actitud del cliente: pro-usabilidad o reticente
• Recursos y tiempo disponibles


Políticas de usabilidad

Para que sea efectiva:

• Evitar que la usabilidad sea vista como un policía o supervisor, sino como
una ayuda
• Evitar que la usabilidad pase desapercibida
• No enunciar decisiones basadas en opiniones, apoyarse siempre en
referencias, otras webs, test de usuarios...
• Generar conﬁanza siendo abierto y explicando bien el método
• Documentar y envía cada pequeño éxito a los responsables
• Hacer visible la usabilidad, informes frecuentes, envíar newsletters, crear un
blog


Evaluación heurística
Análisis por expertos


La evaluación heurística
“Es la evaluación de la usabilidad realizada por expertos de
acuerdo con los principios de la Interacción Persona-
Ordenador (HCI)”
Fuente: Eduardo Manchón


Principios heurísticos
1) Claridad de propósitos y objetivos
2) Visibilidad y orientación inmediatas
3) Adecuación al mundo, los objetos mentales del usuario y la lógica
de la información
4) Reconocimiento más que memoria
5) Control y libertad del usuario
6) Consistencia y Estándares
7) Prevención de errores gracias a un diseño adecuado
8) Flexibilidad y eﬁciencia de uso
9) Información y diseño minimalista
10) Eﬁcacia de los mensajes de error
11) Documentación de ayuda


1) Claridad de propósito y objetivos
El diseño debe comunicar de manera inmediata su propósito, función u
objetivo.

simyo.es


2) Visibilidad y orientación inmediatas
Los usuarios deben estar informados acerca de su situación y acerca de lo
que sucede en todo momento.

apple.com/es

slideshare.com


3) Adecuación al mundo, los objetos mentales del
usuario y la lógica de la información
El diseño está adaptado al mundo real de los usuarios, su lenguaje,
conocimientos, etc.

vinissimus.com


4) Reconocimiento más que memoria
El diseño se basa en el reconocimiento más que en el recuerdo para
permitir al usuario interactuar de manera fácil y productiva.

amazon.com


5) Control y libertad del usuario
El diseño deposita el control en el usuario.

gmail.com


6) Consistencia y Estándares
El diseño es consistente internamente y con los estándares externos.


7) Prevención de errores gracias a un diseño
adecuado
El diseño debe prevenir los errores de los usuarios antes de que se
cometan.

slideshare.com


8) Flexibilidad y eﬁciencia de uso
Se facilita y optimiza la interacción con los usuarios cualesquiera que sean
sus características.

gmail.com


9) Información y diseño minimalista
El diseño evita toda información o elemento gráﬁco irrelevante y sólo
incluye la información necesaria.

ﬂoresfrescas.com


10) Eﬁcacia de los mensajes de error
Los mensajes de error ayudan a solucionar el problema.

rifasvip.com


11) Documentación de ayuda
La documentación de ayuda está adaptada a las necesidades de los
usuarios.

ﬂoresfrescas.com


Evaluación heurística: cómo
1) Cada problema se comenta por separado
2) Cada problema se explica de acuerdo a un principio de usabilidad
3) Se comenta la importancia del problema según la frecuencia con la
que ocurre, si es crítico y la facilidad de la solución
4) Cada problema incluye una recomendación para solucionarlo
5) Se elabora un resumen con los puntos débiles de mayor interés y
las soluciones


El informe heurístico
1) El informe inicial del evaluador debe ser claro y directo. La
prioridad es incluir el máximo de información posible.
2) Considerar las prioridades del cliente y sus posibilidades de hacer
modiﬁcaciones.
3) Incluir ejemplos de sitios web que lo hacen bien.
4) No quedarse en comentarios mínimos que podría decir cualquiera.
5) Utilizar el vocabulario del cliente.
6) Tener en cuenta que introducir la usabilidad es un cambio de
cultura de la organización.


Evaluación heurística
Ventajas

• Es rápida
• Es una solución económica comparada con otras técnicas
• No apoyada en investigación de usuarios
• Resultados y recomendaciones claras
• Se puede hacer en cualquier momento del proceso de desarrollo
• Permite identiﬁcar el 70-80% de los problemas de usabilidad

Inconvenientes

• Necesidad de profesionales de la usabilidad.
• No es cientíﬁco; algo subjetivo e intuitivo y depende del experto
• La información obtenida no es tan rica como en las pruebas de usuarios


Para saber más
Recursos


Libros para empezar...
• Krug, S. No me hagas pensar. Una aproximación a la usabilidad en la web. De
muy fácil lectura, el libro es muy gráﬁco y está está lleno de sencillos
ejemplos prácticos que facilitan la comprensión de los problemas de
usabilidad más comunes.
• Veen, J. Arte y ciencia del diseño web. Responde a muchas preguntas sobre
diseño web, enseña sus reglas y cómo romperlas.
• Cooper, A. The inmates are running the asylum. De muy fácil lectura.
Aconsejable para descubrir la importancia del diseño de la interacción.
• Norman, D. El diseño de los objetos cotidianos. Básico, de fácil lectura. Es un
libro entre lo académico y práctico. Descubre las claves psicológicas y
principios que hacen a los objetos usables.
• Nielsen, J. Usabilidad. Diseño de sitios web. Libro de referencia en el que el
gurú de la usabilidad comparte sus pautas, conocimientos y experiencias.


¡Gracias!

¿Preguntas?
José Ramón Quevedo Santana
jquevedo@qweos.net

Presenta Usabilidad 2009

Más contenido relacionado

La actualidad más candente

Destacado

Similar a Presenta Usabilidad 2009

Último

Presenta Usabilidad 2009