• Save
Presenta Usabilidad 2009
Upcoming SlideShare
Loading in...5
×
 

Presenta Usabilidad 2009

on

  • 2,674 views

Curso de periodismo digital para profesionales. ...

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

Statistics

Views

Total Views
2,674
Slideshare-icon Views on SlideShare
2,661
Embed Views
13

Actions

Likes
7
Downloads
60
Comments
0

2 Embeds 13

http://sitiowebucem.wikispaces.com 12
http://www.slideshare.net 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Presenta Usabilidad 2009 Presenta Usabilidad 2009 Presentation Transcript

    • 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
    • Periodismo digital | Experiencia del usuario ¡Hola! Bienvenidos
    • Periodismo digital | Experiencia del usuario Experiencia del usuario Pensando en el usuario
    • Periodismo digital | Experiencia del usuario ¿Y si pudiéramos conocer... http://www.youtube.com/watch?v=5u7XHtxmEpc
    • 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)?
    • 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
    • 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.
    • Periodismo digital | Experiencia del usuario Experiencia del usuario Algunas definiciones y factores
    • 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
    • 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)
    • Periodismo digital | Experiencia del usuario Factores de la experiencia del usuario Fuente: Francisco Tosete Herranz
    • 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)
    • 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
    • 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
    • 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)
    • Periodismo digital | Experiencia del usuario Elementos de la UX Fuente: Jesse James Garrett
    • Periodismo digital | Experiencia del usuario Campos de la experiencia del usuario Fuente: iA Japan
    • Periodismo digital | Experiencia del usuario Campos de la experiencia del usuario Fuente: iA Japan
    • Periodismo digital | Experiencia del usuario Evaluación de la usabilidad
    • 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
    • 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
    • Periodismo digital | Experiencia del usuario La evaluación de sitios web Lo ideal es integrar la evaluación en el proceso iterativo de desarrollo
    • 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.
    • 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
    • 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
    • Periodismo digital | Experiencia del usuario Evaluación heurística Análisis por expertos
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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.
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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.
    • 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
    • Periodismo digital | Experiencia del usuario Para saber más Recursos
    • 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.
    • Periodismo digital | Experiencia del usuario ¡Gracias! ¿Preguntas? José Ramón Quevedo Santana jquevedo@qweos.net