Usabilidad para Pymes y autónomos. Febrero 2009.

1,082 views
1,021 views

Published on

Keynote sobre usabilidad orientada a Pymes y autónomos.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,082
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
32
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Usabilidad para Pymes y autónomos. Febrero 2009.

  1. 1. Daniel Torres Burriel Usabilidad web para PYMES y autónomos 23 de febrero de 2009 www.torresburriel.com viernes 24 de abril de 2009
  2. 2. Daniel Torres Burriel Índice de contenidos Qué es la usabilidad ● Contexto ● Objetivo: ganar dinero ● Evaluación de la usabilidad ● Aspectos prácticos ● viernes 24 de abril de 2009
  3. 3. Daniel Torres Burriel Qué es la usabilidad Definición ● Principios relacionados ● Estándares web – Ergonomía cognitiva – Vista en pantalla – Ayuda contextual – viernes 24 de abril de 2009
  4. 4. Daniel Torres Burriel Definición de usabilidad La usabilidad (del inglés usability) es la medida de la facilidad de uso de un producto o servicio, típicamente una aplicación software o un aparato (hardware) Wikipedia La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso Organización Internacional para la Estandarización Usabilidad es un atributo de calidad que mide lo fáciles de usar que son las interfaces web Jakob Nielsen Desarrollo de sistemas fáciles de usar y de aprender Jenny Preece Facilidad de uso y la aceptabilidad de un sistema o producto para una clase particular de usuarios que llevan a cabo tareas específicas en un entorno específico Niegel Bevan Definimos Usabilidad de un sistema o herramienta como una medida de su utilidad, facilidad de uso, facilidad de aprendizaje y apreciación para una tarea, un usuario y un contexto dado Eduardo Mercovich viernes 24 de abril de 2009
  5. 5. Daniel Torres Burriel Definición de usabilidad Conceptos que aparecen: Medida ● ● Facilidad de uso ● Software ● Hardware ● Aplicación web ● Comprender ● Aprender ● Usar ● Atracción ● Calidad ● Aceptabilidad ● Usuarios ● Tareas ● Entorno viernes 24 de abril de 2009
  6. 6. Daniel Torres Burriel Definición de usabilidad La clave de un sitio usable es que quien navega por él consiga entender su estructura y realizar con satisfacción aquello que pretendía realizar. J. C. García (www.usalo.es) viernes 24 de abril de 2009
  7. 7. Daniel Torres Burriel Estándares web (I) Los estándares web son un conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) acerca de cómo crear e interpretar documentos para la Web. viernes 24 de abril de 2009
  8. 8. Daniel Torres Burriel Estándares web (II) HTML (HyperText Markup Language) ● ● CSS (Cascading Style Sheets) viernes 24 de abril de 2009
  9. 9. Daniel Torres Burriel Estándares web (III) viernes 24 de abril de 2009
  10. 10. Daniel Torres Burriel Estándares web (IV) viernes 24 de abril de 2009
  11. 11. Daniel Torres Burriel Estándares web (V) viernes 24 de abril de 2009
  12. 12. Daniel Torres Burriel Estándares web (VI) viernes 24 de abril de 2009
  13. 13. Daniel Torres Burriel Estándares web (VII) viernes 24 de abril de 2009
  14. 14. Daniel Torres Burriel Ergonomía cognitiva Direcciones de lectura ● ● De izquierda a derecha ● De arriba a abajo ● Llamar a las cosas por su nombre ● Logotipo arriba a la izquierda ● Navegación ● Listado de elementos ● Dipuestos a la izquierda ● No más de siete elementos ● Buscador ● Situado en la parte superior derecha ● Ayuda ● Situada en la parte superior derecha viernes 24 de abril de 2009
  15. 15. Daniel Torres Burriel Vista en pantalla Tipos de letra ● ● Sans-serif (sin remates) ● Contraste entre fondo y texto ● Influye en la legibilidad ● Tamaño del texto ● Los tipos pequeños se leen mal ● Aspectos importantes del texto para su comprensión ● Título ● Imagen ● Introducción al texto ● Elementos parpadeantes y similares ● Distraen la atención del usuario viernes 24 de abril de 2009
  16. 16. Daniel Torres Burriel Ayuda contextual Ayudas a la navegación ● ● Migas de pan ● Mapa web ● Texto de los enlaces ● Rotulado correcto ● Llamar a las cosas por su nombre ● Palabras adecuadas al contexto No hacer pensar al usuario viernes 24 de abril de 2009
  17. 17. Daniel Torres Burriel Contexto Accesibilidad ● Diseño gráfico ● “Buscabilidad” ● Arquitectura de información ● Diseño de interacción ● viernes 24 de abril de 2009
  18. 18. Daniel Torres Burriel Rueda de la Experiencia de Usuario Rueda de la Experiencia de Usuario http://www.imaginas.net/esquemas.htm viernes 24 de abril de 2009
  19. 19. Daniel Torres Burriel Accesibilidad “La accesibilidad web indica la capacidad de acceso a la Web y a sus contenidos por todas las personas, independientemente de la discapacidad que presenten” Wikipedia viernes 24 de abril de 2009
  20. 20. Daniel Torres Burriel Diseño gráfico Se plasma a través de ● ● Formas ● Colores ● Diseño estético ● Agradable para los sentidos, la imaginación o el entendimiento ● Aumenta la usabilidad percibida ● Simetría y armonía ● Influyen en percepción de diseño agradable viernes 24 de abril de 2009
  21. 21. Daniel Torres Burriel Diseño gráfico viernes 24 de abril de 2009
  22. 22. Daniel Torres Burriel Diseño gráfico viernes 24 de abril de 2009
  23. 23. Daniel Torres Burriel Diseño gráfico viernes 24 de abril de 2009
  24. 24. Daniel Torres Burriel Objetivo: ganar dinero (I) ¿A alguien le queda alguna duda? ● Porque... si con nuestra web no ganamos dinero: Cerrar la web inmediatamente – viernes 24 de abril de 2009
  25. 25. Daniel Torres Burriel Objetivo: ganar dinero (II) Que la web sea usable ● ¿Por qué no la hacemos usable?* ● Falta de dinero – Falta de tiempo – No tenemos experto – No tenemos laboratorio de Usabilidad – No sabríamos cómo intrepretar los resultados – * Steve Krug. “Don't make me think”. viernes 24 de abril de 2009
  26. 26. Daniel Torres Burriel Evaluación de la usabilidad (I) Test heurístico ● Sirve para la evaluación de la usabilidad de sitios – web Se trata del análisis de una serie de puntos de – verificación de un sitio web Puede estar estructurado en áreas de interés – Cuestiones generales ● Identidad e información ● Lenguaje y redacción ● Rotulado ● Lo realiza un experto – viernes 24 de abril de 2009
  27. 27. Daniel Torres Burriel Evaluación de la usabilidad (II) Test de usuarios ● Observación de cómo los usuarios utilizan un sitio – web Es una prueba de laboratorio – Se anotan los problemas que se encuentran los – usuarios en la realización de las tareas Se resume y sintetiza lo reflejado por los usuarios: – informe final viernes 24 de abril de 2009
  28. 28. Daniel Torres Burriel Errores más comunes Top 10 de los errores en diseño web de 2005* ● Problemas de legibilidad ➔ Enlaces alejados de su formato estándar ➔ Flash ➔ Contenido no escrito para la web ➔ Búsquedas deficientes ➔ Incompatibilidades entre navegadores ➔ Formularios incómodos ➔ Ausencia de vías de contacto con los responsables del sitio web ➔ Maquetación con ancho fijo ➔ Ampliación inadecuada de las imágenes ➔ * Top Ten Web Design Mistakes of 2005 - http://www.useit.com/alertbox/designmistakes.html viernes 24 de abril de 2009
  29. 29. Daniel Torres Burriel Back to Basics in Web Design Que el texto sea legible ➔ Que los contenidos respondan a sus expectativas ➔ Que los sistemas de navegación y búsqueda les ayuden a ➔ encontrar lo que buscan Formularios más cortos y simples ➔ Que no haya cosas que no funcionen, enlaces que no lleven a ➔ ninguna parte, contenido desactualizado viernes 24 de abril de 2009

×