Your SlideShare is downloading. ×
0
La usabilidad Web Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Universitat Pompeu Fabra [e...
Características de un sitio web <ul><li>Un sitio web bien diseñado tendrá las siguientes características: </li></ul><ul><u...
Contenidos <ul><li>Facilidad de uso de un sitio web: la usabilidad. </li></ul><ul><li>Evaluación de la usabilidad de un si...
La Usabilidad <ul><li>Es la capacidad con la que un producto puede ser usado por determinados usuarios para conseguir unos...
Tipos de evaluación (I) <ul><li>Evaluación por expertos : </li></ul><ul><ul><li>Ventajas </li></ul></ul><ul><ul><ul><li>Ah...
Tipos de evaluación (II) <ul><li>Pruebas con usuarios  (se necesitarían entre 3 y 5 usuarios): </li></ul><ul><ul><li>Venta...
Herramientas de evaluación <ul><li>Tests de usuarios </li></ul><ul><li>  http://www.youtube.com/watch?v=ixmWbMUwWb8 </li><...
Criterios de evaluación (para expertos) <ul><li>Tipos [Hassan, 2003]: </li></ul><ul><ul><li>Generales </li></ul></ul><ul><...
Criterios  Generales <ul><li>¿Cuáles son los  objetivos  del sitio web? ¿Son concretos y bien definidos?  </li></ul><ul><l...
Criterios de  Identidad e información <ul><li>¿Se muestra claramente la  identidad  de la institución-sitio a través de to...
Criterios de  Lenguaje y redacción <ul><li>¿El sitio web habla el  mismo lenguaje que sus usuarios ?  </li></ul><ul><li>¿E...
Criterios de  Rotulado <ul><li>Los rótulos, ¿son  significativos ?  </li></ul><ul><li>¿Usa rótulos  estándar ?  </li></ul>...
Criterios de  Estructura y navegación  (I) <ul><li>La  estructura de organización y navegación , ¿Es la más adecuada?  </l...
Criterios de  Estructura y navegación  (II) <ul><li>En los menús de navegación, ¿Se ha controlado el número de elementos y...
Criterios  Lay-out de la página <ul><li>¿Se aprovechan las  zonas de alta jerarquía informativa  de la página para conteni...
Criterios de  Búsqueda <ul><li>Si nuestro sitio web dispone de buscador interno: </li></ul><ul><ul><li>¿Es fácilmente reco...
Criterios  Elementos multimedia <ul><li>¿Las  fotografías  están bien recortadas? ¿son comprensibles? ¿se ha cuidado su  r...
Criterios  Ayuda <ul><li>Si nuestro sitio web dispone de ayuda: </li></ul><ul><ul><li>¿Es verdaderamente necesaria?  </li>...
Criterios de  Accesibilidad  (I) <ul><li>¿El  tamaño de fuente  se ha definido de forma relativa, o por lo menos, la fuent...
Criterios de  Accesibilidad  (II) <ul><li>¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad ...
Actividad 1 <ul><li>A continuación, utilizando esta técnica de evaluación heurística, valore la usabilidad de los sitios w...
Bibliografía <ul><li>Hassan Montero, Y. y Martín Fernández, F.J. Guía de evaluación heurística de sitios web. No Solo Usab...
Upcoming SlideShare
Loading in...5
×

Usabilidad Web

856

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
856
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
37
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Usabilidad Web"

  1. 1. La usabilidad Web Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Universitat Pompeu Fabra [email_address]
  2. 2. Características de un sitio web <ul><li>Un sitio web bien diseñado tendrá las siguientes características: </li></ul><ul><ul><li>Sus contenidos estarán bien estructurados. </li></ul></ul><ul><ul><li>Dispondrá de contenidos de calidad. </li></ul></ul><ul><ul><li>Tendrá una interfaz de fácil uso . </li></ul></ul><ul><ul><li>Será accesible a los usuarios. </li></ul></ul><ul><ul><li>Se podrá encontrar fácilmente a través de un buscador. </li></ul></ul>Master CALSI Octubre 2011
  3. 3. Contenidos <ul><li>Facilidad de uso de un sitio web: la usabilidad. </li></ul><ul><li>Evaluación de la usabilidad de un sitio web: </li></ul><ul><ul><li>La evaluación por expertos. </li></ul></ul><ul><ul><li>Pruebas con usuarios. </li></ul></ul><ul><li>Criterios de evaluación: </li></ul><ul><ul><li>Generales. </li></ul></ul><ul><ul><li>Identidad e información. </li></ul></ul><ul><ul><li>Lenguaje y redacción. </li></ul></ul><ul><ul><li>Rotulado. </li></ul></ul><ul><ul><li>Estructura y navegación. </li></ul></ul><ul><ul><li>Lay-out de la página. </li></ul></ul><ul><ul><li>Búsqueda. </li></ul></ul><ul><ul><li>Elementos multimedia </li></ul></ul><ul><ul><li>Ayuda </li></ul></ul><ul><ul><li>Accesibilidad </li></ul></ul>Master CALSI Octubre 2011
  4. 4. La Usabilidad <ul><li>Es la capacidad con la que un producto puede ser usado por determinados usuarios para conseguir unos determinados objetivos en un contexto determinado de uso [ISO 9241]. </li></ul><ul><li>Aplicada al entorno web, podemos definir la usabilidad como: “la facilidad de la interfaz de un sitio web para ser utilizada. También se utiliza el término usabilidad para denominar a la disciplina que comprende este ámbito de estudio. </li></ul><ul><li>Existen dos técnicas para su evaluación: </li></ul><ul><ul><li>Mediante el análisis de expertos . </li></ul></ul><ul><ul><li>Mediante el estudio de los usuarios (es el más adecuado). </li></ul></ul>Master CALSI Octubre 2011
  5. 5. Tipos de evaluación (I) <ul><li>Evaluación por expertos : </li></ul><ul><ul><li>Ventajas </li></ul></ul><ul><ul><ul><li>Ahorra costes </li></ul></ul></ul><ul><ul><ul><li>Permite hacer estudios más extensos </li></ul></ul></ul><ul><ul><li>Inconvenientes </li></ul></ul><ul><ul><ul><li>No se conocen los factores externos que influyen en cómo se desenvuelven los usuarios </li></ul></ul></ul>Master CALSI Octubre 2011
  6. 6. Tipos de evaluación (II) <ul><li>Pruebas con usuarios (se necesitarían entre 3 y 5 usuarios): </li></ul><ul><ul><li>Ventajas </li></ul></ul><ul><ul><ul><li>Resultados muy fiables </li></ul></ul></ul><ul><ul><ul><li>Posibilitan la detección de errores de diseño muy difíciles de detectar por expertos </li></ul></ul></ul><ul><ul><li>Inconvenientes </li></ul></ul><ul><ul><ul><li>Coste muy alto </li></ul></ul></ul>Master CALSI Octubre 2011
  7. 7. Herramientas de evaluación <ul><li>Tests de usuarios </li></ul><ul><li> http://www.youtube.com/watch?v=ixmWbMUwWb8 </li></ul><ul><li> http://www.youtube.com/watch?v=Zg9QNhMHNmM&NR=1 </li></ul><ul><li>Logs de usuarios </li></ul><ul><li>Eye tracking </li></ul><ul><li>http://www.youtube.com/watch?v=lo_a2cfBUGc </li></ul><ul><li>http://www.youtube.com/watch?v=VbWu7GC5w3k </li></ul><ul><li>Click density </li></ul><ul><li>http://www.clickdensity.com/ </li></ul><ul><li>etc. </li></ul>Master CALSI Octubre 2011
  8. 8. Criterios de evaluación (para expertos) <ul><li>Tipos [Hassan, 2003]: </li></ul><ul><ul><li>Generales </li></ul></ul><ul><ul><li>Identidad e información </li></ul></ul><ul><ul><li>Lenguaje y redacción </li></ul></ul><ul><ul><li>Rotulado </li></ul></ul><ul><ul><li>Estructura y navegación </li></ul></ul><ul><ul><li>Lay-out de la página </li></ul></ul><ul><ul><li>Búsqueda </li></ul></ul><ul><ul><li>Elementos multimedia </li></ul></ul><ul><ul><li>Ayuda </li></ul></ul><ul><ul><li>Accesibilidad </li></ul></ul>Master CALSI Octubre 2011
  9. 9. Criterios Generales <ul><li>¿Cuáles son los objetivos del sitio web? ¿Son concretos y bien definidos? </li></ul><ul><li>¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes? </li></ul><ul><li>¿La estructura general del sitio web está orientada al usuario ? </li></ul><ul><li>¿Es coherente el diseño general del sitio web? </li></ul><ul><li>¿El sitio web se actualiza periódicamente ? ¿Indica cuándo se actualiza? </li></ul>Master CALSI Octubre 2011
  10. 10. Criterios de Identidad e información <ul><li>¿Se muestra claramente la identidad de la institución-sitio a través de todas las páginas? </li></ul><ul><li>El Logotipo , ¿es significativo, identificable y suficientemente visible? </li></ul><ul><li>¿Se ofrece algún enlace con información sobre la institución , sitio web, 'webmaster',...? </li></ul><ul><li>¿Se proporciona mecanismos para ponerse en contacto con la institución? </li></ul>Master CALSI Octubre 2011
  11. 11. Criterios de Lenguaje y redacción <ul><li>¿El sitio web habla el mismo lenguaje que sus usuarios ? </li></ul><ul><li>¿Emplea un lenguaje claro y conciso ? </li></ul><ul><li>¿Es amigable , familiar y cercano? </li></ul><ul><li>¿1 párrafo = 1 idea ? </li></ul>Master CALSI Octubre 2011
  12. 12. Criterios de Rotulado <ul><li>Los rótulos, ¿son significativos ? </li></ul><ul><li>¿Usa rótulos estándar ? </li></ul><ul><li>El título de las páginas , ¿Es correcto? ¿Ha sido planificado? </li></ul>Master CALSI Octubre 2011
  13. 13. Criterios de Estructura y navegación (I) <ul><li>La estructura de organización y navegación , ¿Es la más adecuada? </li></ul><ul><li>¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización indica su estado (visitados, activos,...)? </li></ul><ul><li>¿Es predecible la respuesta del sistema antes de hacer clic sobre el enlace? </li></ul>Master CALSI Octubre 2011
  14. 14. Criterios de Estructura y navegación (II) <ul><li>En los menús de navegación, ¿Se ha controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística ? </li></ul><ul><li>¿Existen elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación ? </li></ul><ul><li>Las imágenes enlace , ¿se reconocen como clicables? </li></ul>Master CALSI Octubre 2011
  15. 15. Criterios Lay-out de la página <ul><li>¿Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia? </li></ul><ul><li>¿Se hace un uso correcto del espacio visual de la página? </li></ul><ul><li>¿Se ha controlado la longitud de página ? </li></ul>Master CALSI Octubre 2011
  16. 16. Criterios de Búsqueda <ul><li>Si nuestro sitio web dispone de buscador interno: </li></ul><ul><ul><li>¿Es fácilmente reconocible como tal? </li></ul></ul><ul><ul><li>¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? </li></ul></ul>Master CALSI Octubre 2011
  17. 17. Criterios Elementos multimedia <ul><li>¿Las fotografías están bien recortadas? ¿son comprensibles? ¿se ha cuidado su resolución ? </li></ul><ul><li>El uso de imágenes o animaciones proporciona algún tipo de valor añadido ? </li></ul>Master CALSI Octubre 2011
  18. 18. Criterios Ayuda <ul><li>Si nuestro sitio web dispone de ayuda: </li></ul><ul><ul><li>¿Es verdaderamente necesaria? </li></ul></ul><ul><ul><li>El enlace a la sección de Ayuda , ¿Está colocado en una zona visible y &quot;estándar&quot;? </li></ul></ul><ul><ul><li>¿Se ofrece ayuda contextual en tareas complejas? </li></ul></ul><ul><ul><li>Si posee FAQs , ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas? </li></ul></ul>Master CALSI Octubre 2011
  19. 19. Criterios de Accesibilidad (I) <ul><li>¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la fuente es lo suficientemente grande como para no dificultar la legibilidad del texto? </li></ul><ul><li>¿Existe un alto contraste entre el color de fuente y el fondo? </li></ul><ul><li>¿Es compatible el sitio web con los diferentes navegadores ? ¿Se visualiza correctamente con diferentes resoluciones de pantalla ? </li></ul>Master CALSI Octubre 2011
  20. 20. Criterios de Accesibilidad (II) <ul><li>¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales? </li></ul><ul><li>¿Se ha controlado el peso de la página ? </li></ul><ul><li>¿Se puede imprimir la página sin problemas? </li></ul>Master CALSI Octubre 2011
  21. 21. Actividad 1 <ul><li>A continuación, utilizando esta técnica de evaluación heurística, valore la usabilidad de los sitios web que estaba analizando en la actividad anterior. </li></ul>Octubre 2011 Master CALSI
  22. 22. Bibliografía <ul><li>Hassan Montero, Y. y Martín Fernández, F.J. Guía de evaluación heurística de sitios web. No Solo Usabilidad journal, nº 2, 30 de Marzo de 2003. < http://www.nosolousabilidad.com/articulos/heuristica.htm > [Consulta: 09/02/2009] </li></ul>Master CALSI Octubre 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×