SlideShare una empresa de Scribd logo
La usabilidad Web Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Universitat Pompeu Fabra [email_address]
Características de un sitio web Un sitio web bien diseñado tendrá las siguientes características: Sus contenidos estarán bien estructurados. Dispondrá de contenidos de calidad. Tendrá una interfaz de fácil uso . Será accesible a los usuarios. Se podrá encontrar fácilmente a través de un buscador. Master CALSI Octubre 2011
Contenidos Facilidad de uso de un sitio web: la usabilidad. Evaluación de la usabilidad de un sitio web: La evaluación por expertos. Pruebas con usuarios. Criterios de evaluación: Generales. Identidad e información. Lenguaje y redacción. Rotulado. Estructura y navegación. Lay-out de la página. Búsqueda. Elementos multimedia Ayuda Accesibilidad Master CALSI Octubre 2011
La Usabilidad 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]. 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. Existen dos técnicas para su evaluación: Mediante el análisis de  expertos . Mediante el estudio de los  usuarios  (es el más adecuado). Master CALSI Octubre 2011
Tipos de evaluación (I) Evaluación por expertos : Ventajas Ahorra costes Permite hacer estudios más extensos Inconvenientes No se conocen los factores externos que influyen en cómo se desenvuelven los usuarios Master CALSI Octubre 2011
Tipos de evaluación (II) Pruebas con usuarios  (se necesitarían entre 3 y 5 usuarios): Ventajas Resultados muy fiables Posibilitan la detección de errores de diseño muy difíciles de detectar por expertos Inconvenientes Coste muy alto Master CALSI Octubre 2011
Herramientas de evaluación Tests de usuarios   http://www.youtube.com/watch?v=ixmWbMUwWb8   http://www.youtube.com/watch?v=Zg9QNhMHNmM&NR=1   Logs de usuarios Eye tracking http://www.youtube.com/watch?v=lo_a2cfBUGc http://www.youtube.com/watch?v=VbWu7GC5w3k   Click density http://www.clickdensity.com/   etc. Master CALSI Octubre 2011
Criterios de evaluación (para expertos) Tipos [Hassan, 2003]: Generales Identidad e información Lenguaje y redacción Rotulado Estructura y navegación Lay-out de la página Búsqueda Elementos multimedia Ayuda Accesibilidad Master CALSI Octubre 2011
Criterios  Generales ¿Cuáles son los  objetivos  del sitio web? ¿Son concretos y bien definidos?  ¿Tiene una  URL  correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes?  ¿La  estructura   general del sitio web está  orientada al usuario ?  ¿Es  coherente  el diseño general del sitio web?  ¿El sitio web  se  actualiza   periódicamente ? ¿Indica cuándo se actualiza?  Master CALSI Octubre 2011
Criterios de  Identidad e información ¿Se muestra claramente la  identidad  de la institución-sitio a través de todas las páginas?  El  Logotipo , ¿es significativo, identificable y suficientemente visible?  ¿Se ofrece algún enlace con  información sobre la institución , sitio web, 'webmaster',...? ¿Se proporciona mecanismos para ponerse en  contacto  con la institución?   Master CALSI Octubre 2011
Criterios de  Lenguaje y redacción ¿El sitio web habla el  mismo lenguaje que sus usuarios ?  ¿Emplea un lenguaje  claro y conciso ?  ¿Es  amigable , familiar y cercano?  ¿1  párrafo  = 1  idea ? Master CALSI Octubre 2011
Criterios de  Rotulado Los rótulos, ¿son  significativos ?  ¿Usa rótulos  estándar ?  El  título de las páginas , ¿Es correcto? ¿Ha sido planificado? Master CALSI Octubre 2011
Criterios de  Estructura y navegación  (I) La  estructura de organización y navegación , ¿Es la más adecuada?  ¿Los  enlaces  son fácilmente  reconocibles  como tales? ¿su caracterización indica su estado (visitados, activos,...)?  ¿Es  predecible la respuesta del sistema  antes de hacer clic sobre el enlace?  Master CALSI Octubre 2011
Criterios de  Estructura y navegación  (II) 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 ?  ¿Existen  elementos de navegación que orienten  al  usuario  acerca de  dónde está y cómo deshacer su navegación ?  Las  imágenes enlace , ¿se reconocen como clicables?  Master CALSI Octubre 2011
Criterios  Lay-out de la página ¿Se aprovechan las  zonas de alta jerarquía informativa  de la página para contenidos de mayor relevancia?  ¿Se hace un uso correcto del  espacio visual  de la página?  ¿Se ha controlado la  longitud de página ? Master CALSI Octubre 2011
Criterios de  Búsqueda Si nuestro sitio web dispone de buscador interno: ¿Es fácilmente reconocible como tal? ¿Muestra los  resultados  de la búsqueda  de forma comprensible para el usuario? Master CALSI Octubre 2011
Criterios  Elementos multimedia ¿Las  fotografías  están bien recortadas? ¿son comprensibles? ¿se ha cuidado su  resolución ?  El uso de  imágenes o animaciones  proporciona algún tipo  de valor añadido ?  Master CALSI Octubre 2011
Criterios  Ayuda Si nuestro sitio web dispone de ayuda: ¿Es verdaderamente necesaria?  El  enlace a la sección de Ayuda , ¿Está colocado en una zona visible y "estándar"?  ¿Se ofrece  ayuda contextual  en tareas complejas?  Si posee  FAQs , ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas?  Master CALSI Octubre 2011
Criterios de  Accesibilidad  (I) ¿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?  ¿Existe un alto  contraste  entre el color de fuente y el fondo? ¿Es  compatible  el sitio web con los diferentes  navegadores ? ¿Se visualiza correctamente con diferentes  resoluciones de pantalla ?   Master CALSI Octubre 2011
Criterios de  Accesibilidad  (II) ¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar  plugins  adicionales? ¿Se ha controlado el  peso  de la página ?  ¿Se puede  imprimir  la página  sin problemas?  Master CALSI Octubre 2011
Actividad 1 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. Octubre 2011 Master CALSI
Bibliografía 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] Master CALSI Octubre 2011

Más contenido relacionado

PDF
Webby awards
PPT
USABILIDAD WEB
PPT
Usabilidad Web - Jhonatan Pinzón
DOCX
Diseño web responsivo
PDF
5.2 Usabilidad Web
PPTX
Plataforma virtual de aprendizaje (1)
PPTX
Plataformas educativas UDI
PPTX
Presentacion de un proyecto de residencia
Webby awards
USABILIDAD WEB
Usabilidad Web - Jhonatan Pinzón
Diseño web responsivo
5.2 Usabilidad Web
Plataforma virtual de aprendizaje (1)
Plataformas educativas UDI
Presentacion de un proyecto de residencia

La actualidad más candente (20)

PDF
Pruebas de accesibilidad: Técnicas de filtrado y evaluación con herramientas ...
PDF
Patrones de diseño web
PDF
Errores en la usabilidad
PPTX
Tabd:abraham, yuliana y reyna
PPTX
DOCX
Actividad 3 Eleccion y evaluacion
PDF
Aplicaciones para las sesiones de formación
PPT
Recomendaciones Para Comunicadores
PPTX
Grupo 1 sistemas de gestion de contenidos
PPTX
Cristian jiménez (1)
PDF
Usabilidad y accesibilidad ¿hablamos de lo mismo?
PPTX
Pressman capitulo 15
PPT
patrones de diseño web.
PPTX
PPTX
PPTX
Actividad 5
PPTX
Video animado diseño web adaptativo o responsivo
PDF
Mapas de navegación
Pruebas de accesibilidad: Técnicas de filtrado y evaluación con herramientas ...
Patrones de diseño web
Errores en la usabilidad
Tabd:abraham, yuliana y reyna
Actividad 3 Eleccion y evaluacion
Aplicaciones para las sesiones de formación
Recomendaciones Para Comunicadores
Grupo 1 sistemas de gestion de contenidos
Cristian jiménez (1)
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Pressman capitulo 15
patrones de diseño web.
Actividad 5
Video animado diseño web adaptativo o responsivo
Mapas de navegación
Publicidad

Similar a Usabilidad Web (20)

PDF
Clase no 3
PPT
Actividad 4 - Grupo 1
PDF
Análisis Heurístico, FODA y resultados
PPT
Presentacion final 4
PPT
Usabilidad y accesibilidad web
PDF
Cómo evaluar sitios web
PDF
05 usabilidad y gestión web
PPT
Actividad 3
PPTX
HerramientadeAccesibilidad_GrupoGametron.pptx
DOCX
PDF
Guía de evaluación heurística de sitios web
PPTX
Buenas paginas web
PPTX
Arquitectura de la información y Usabilidad
PPTX
Tecno criterios web
PDF
Usabilidad
PDF
Usabilidad y Gestión Web
PDF
Usabilidad y Gestión Web
PPTX
Usabilidad y gestión web
Clase no 3
Actividad 4 - Grupo 1
Análisis Heurístico, FODA y resultados
Presentacion final 4
Usabilidad y accesibilidad web
Cómo evaluar sitios web
05 usabilidad y gestión web
Actividad 3
HerramientadeAccesibilidad_GrupoGametron.pptx
Guía de evaluación heurística de sitios web
Buenas paginas web
Arquitectura de la información y Usabilidad
Tecno criterios web
Usabilidad
Usabilidad y Gestión Web
Usabilidad y Gestión Web
Usabilidad y gestión web
Publicidad

Más de Rafael Pedraza-Jimenez (15)

PDF
Publicación de artículos académicos: buenas prácticas y recomendaciones para ...
PDF
Cómo redactar y defender con éxito artículos académicos en revistas científic...
PDF
Diseño conceptual y especificación de requerimientos para el desarrollo y red...
PPT
Sistemas de documentación para la comunicación social: búsqueda de noticias, ...
PPTX
Herramientas web para investigadores
PPT
Tecnologías y consideraciónes de un proyecto web
PPT
La Web Semantica
PPT
Herramientas Para Administradores Web Y Trabajo Online
PPT
Difusion Cultural En La Web
DOC
Especificación de requisitos de un sitio web
PPT
Posicionamiento Web
PPT
Accesibilidad Web
PPT
Evaluacion de la calidad de los contenidos de sitios web
PPT
Arquitectura de la información
PPT
Buscadores Academicos V2
Publicación de artículos académicos: buenas prácticas y recomendaciones para ...
Cómo redactar y defender con éxito artículos académicos en revistas científic...
Diseño conceptual y especificación de requerimientos para el desarrollo y red...
Sistemas de documentación para la comunicación social: búsqueda de noticias, ...
Herramientas web para investigadores
Tecnologías y consideraciónes de un proyecto web
La Web Semantica
Herramientas Para Administradores Web Y Trabajo Online
Difusion Cultural En La Web
Especificación de requisitos de un sitio web
Posicionamiento Web
Accesibilidad Web
Evaluacion de la calidad de los contenidos de sitios web
Arquitectura de la información
Buscadores Academicos V2

Último (20)

PDF
Documental Beyond the Code (Dossier Presentación - 2.0)
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PPTX
unidad 3 tecnología 8° básico: planificación y elaboración de un objeto
PPTX
Historia Inteligencia Artificial Ana Romero.pptx
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPTX
Propuesta BKP servidores con Acronis1.pptx
DOCX
Guía 5. Test de orientación Vocacional 2.docx
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
PPTX
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPT
Protocolos de seguridad y mecanismos encriptación
DOCX
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PPTX
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PDF
informe_fichas1y2_corregido.docx (2) (1).pdf
PDF
CONTABILIDAD Y TRIBUTACION, EJERCICIO PRACTICO
PPTX
la-historia-de-la-medicina Edna Silva.pptx
Documental Beyond the Code (Dossier Presentación - 2.0)
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
unidad 3 tecnología 8° básico: planificación y elaboración de un objeto
Historia Inteligencia Artificial Ana Romero.pptx
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Propuesta BKP servidores con Acronis1.pptx
Guía 5. Test de orientación Vocacional 2.docx
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
Presentacion de Alba Curso Auditores Internos ISO 19011
Power Point Nicolás Carrasco (disertación Roblox).pptx
Protocolos de seguridad y mecanismos encriptación
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
historia_web de la creacion de un navegador_presentacion.pptx
informe_fichas1y2_corregido.docx (2) (1).pdf
CONTABILIDAD Y TRIBUTACION, EJERCICIO PRACTICO
la-historia-de-la-medicina Edna Silva.pptx

Usabilidad Web

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