Curso de periodismo digital para profesionales.
Experiencia del usuario:
Módulo I. Usabilidad web
Las Palmas de Gran Canaria, 17 de octubre de 2009
Unión de Profesionales de la Comunicación de Canarias
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
Presenta Usabilidad 2009
1. 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
3. Periodismo digital | Experiencia del usuario
Experiencia del usuario
Pensando en el usuario
4. Periodismo digital | Experiencia del usuario
¿Y si pudiéramos conocer...
http://www.youtube.com/watch?v=5u7XHtxmEpc
5. Periodismo digital | Experiencia del usuario
¿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 eficacia?
... si los usuarios perciben nuestra marca online de manera positiva (branding)?
6. Periodismo digital | Experiencia del usuario
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 eficaz y eficiente
(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
7. Periodismo digital | Experiencia del usuario
Si pudiéramos conocer... (2)
• Aumentaríamos la conversión de visitantes a
clientes
• Lograríamos fidelizar 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.
8. Periodismo digital | Experiencia del usuario
Experiencia del usuario
Algunas definiciones y factores
9. Periodismo digital | Experiencia del usuario
¿Qué es la experiencia del usuario?
“es un concepto que refleja 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
10. Periodismo digital | Experiencia del usuario
¿Qué esperan los usuarios?
+ •
•
Facilidad de uso (usabilidad)
Confianza 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)
11. Periodismo digital | Experiencia del usuario
Factores de la experiencia del usuario
Fuente: Francisco Tosete Herranz
12. Periodismo digital | Experiencia del usuario
¿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)
13. Periodismo digital | Experiencia del usuario
¿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
14. Periodismo digital | Experiencia del usuario
¿Diseño gráfico?
“...es la acción de concebir, programar, proyectar y realizar
comunicaciones visuales ... destinadas a transmitir
mensajes a grupos sociales específicos...”
Fuente: Wikipedia
15. Periodismo digital | Experiencia del usuario
¿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)
16. Periodismo digital | Experiencia del usuario
Elementos de la UX
Fuente:
Jesse James Garrett
17. Periodismo digital | Experiencia del usuario
Campos de la experiencia del usuario
Fuente: iA Japan
18. Periodismo digital | Experiencia del usuario
Campos de la experiencia del usuario
Fuente: iA Japan
20. Periodismo digital | Experiencia del usuario
La evaluación de sitios web
Objetivo de la evaluación
Cambiar el diseño del sitio web
Para obtener beneficios
21. Periodismo digital | Experiencia del usuario
La evaluación de sitios web
¿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
22. Periodismo digital | Experiencia del usuario
La evaluación de sitios web
Lo ideal es integrar la evaluación en el
proceso iterativo de desarrollo
23. Periodismo digital | Experiencia del usuario
La evaluación de sitios web
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.
24. Periodismo digital | Experiencia del usuario
La evaluación de sitios web
¿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
25. Periodismo digital | Experiencia del usuario
La evaluación de sitios web
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 confianza 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
26. Periodismo digital | Experiencia del usuario
Evaluación heurística
Análisis por expertos
27. Periodismo digital | Experiencia del usuario
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
28. Periodismo digital | Experiencia del usuario
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 eficiencia de uso
9) Información y diseño minimalista
10) Eficacia de los mensajes de error
11) Documentación de ayuda
29. Periodismo digital | Experiencia del usuario
Principios heurísticos
1) Claridad de propósito y objetivos
El diseño debe comunicar de manera inmediata su propósito, función u
objetivo.
simyo.es
30. Periodismo digital | Experiencia del usuario
Principios heurísticos
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
31. Periodismo digital | Experiencia del usuario
Principios heurísticos
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
32. Periodismo digital | Experiencia del usuario
Principios heurísticos
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
33. Periodismo digital | Experiencia del usuario
Principios heurísticos
5) Control y libertad del usuario
El diseño deposita el control en el usuario.
gmail.com
34. Periodismo digital | Experiencia del usuario
Principios heurísticos
6) Consistencia y Estándares
El diseño es consistente internamente y con los estándares externos.
35. Periodismo digital | Experiencia del usuario
Principios heurísticos
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
36. Periodismo digital | Experiencia del usuario
Principios heurísticos
8) Flexibilidad y eficiencia de uso
Se facilita y optimiza la interacción con los usuarios cualesquiera que sean
sus características.
gmail.com
37. Periodismo digital | Experiencia del usuario
Principios heurísticos
9) Información y diseño minimalista
El diseño evita toda información o elemento gráfico irrelevante y sólo
incluye la información necesaria.
floresfrescas.com
38. Periodismo digital | Experiencia del usuario
Principios heurísticos
10) Eficacia de los mensajes de error
Los mensajes de error ayudan a solucionar el problema.
rifasvip.com
39. Periodismo digital | Experiencia del usuario
Principios heurísticos
11) Documentación de ayuda
La documentación de ayuda está adaptada a las necesidades de los
usuarios.
floresfrescas.com
40. Periodismo digital | Experiencia del usuario
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
41. Periodismo digital | Experiencia del usuario
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
modificaciones.
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.
42. Periodismo digital | Experiencia del usuario
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 identificar el 70-80% de los problemas de usabilidad
Inconvenientes
• Necesidad de profesionales de la usabilidad.
• No es científico; algo subjetivo e intuitivo y depende del experto
• La información obtenida no es tan rica como en las pruebas de usuarios
44. Periodismo digital | Experiencia del usuario
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áfico 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.
45. Periodismo digital | Experiencia del usuario
¡Gracias!
¿Preguntas?
José Ramón Quevedo Santana
jquevedo@qweos.net