La evaluación de la usabilidad de tu sitio web

por | 14/04/2014
15 Flares Twitter 6 Facebook 2 Buffer 0 Google+ 7 LinkedIn 0 15 Flares ×

evaluación de la usabilidad

La evaluación de la usabilidad de tu sitios web puedes realizarla mediante este post, a modo de guía, teniendo en cuenta una serie de puntos generales de los que tenemos que partir.

Identidad e Información

  • El Logotipo, debe ser significativo, identificable y suficientemente visible.
  • El eslogan o tagline, debe expresar realmente qué es la empresa y qué servicios ofrece.
  • Debe existir algún enlace con información sobre la empresa.
  • Ha de proporciona mecanismos para poder ponerse en contacto con la empresa.
  • Debe información sobre la protección de datos de carácter personal de los clientes o los derechos de autor de los contenidos del sitio web.

Lenguaje y Redacción

  • El sitio web debe hablar el mismo lenguaje que sus usuarios.
  • Tiene que emplear un lenguaje claro y conciso, amigable, familiar y cercano.
  • Se debe evitar usar un lenguaje corporativista. Así mismo, hay que prestarle especial atención al idioma, y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.

Rotulado

  • Los rótulos han de ser significativos. Evitar rótulos del tipo «haga clic aquí».
  • Usar rótulos estándar como «Mapa del Sitio» o «Acerca de…».
  • Utiliza sistemas de rotulado controlado y preciso. Por ejemplo, si un enlace tiene el rótulo «Quiénes somos», no puede dirigir a una página cuyo encabezamiento sea «Acerca de», o  «Ayuda» o a una página encabezada con «FAQs».

Estructura y Navegación

  • Hay varios tipos de estructuras: jerárquicas, hipertextual, facetada,…
    En el caso de estructura jerárquica, Debe mantener un equilibrio entre Profundidad y Anchura.
    En el caso de ser puramente hipertextual, deben estar todos los clusters de nodos comunicados.
  • Los enlaces no sólo deben reconocerse como tales, sino que su caracterización debe indicar su estado (para orientar al usuario), y ser reconocidos como una unidad (enlaces que ocupan más de una línea).
  • En menús de navegación, se ha de controlar el número de elementos y de términos por elemento para no producir sobrecarga memorística. No se deben superar los 7±2 elementos, ni los 2 o, como mucho, 3 términos por elemento.
  • Controlar que no haya enlaces que no llevan a ningún sitio. Los enlaces rotos, y los que enlazan con la misma página que se está visualizando (por ejemplo enlaces a la «home» desde la misma página de inicio)
  • Deben existir elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación. Enlaces a la página de inicio,…recuerde que el logo también es recomendable que enlace con la página de inicio.
  • Las imágenes enlace deben reconocerse como clicables e incluir un atributo ‘title’ describiendo la página de destino. En este sentido, también hay que cuidar que no haya imágenes que parezcan enlaces y en realidad no lo sean.
  • Han de evitarse la redundancia de enlaces. Debemos controlar que no haya páginas «huérfanas» que aún siendo enlazadas desde otras páginas, éstas no enlacen con ninguna.

Lay-Out de la Página

  • Deben aprovecharse las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia (como por ejemplo la zona central)
  • Evitar la sobrecarga informativa. Esto se consigue haciendo un uso correcto de colores, efectos tipográficos y agrupaciones para discriminar información. Al igual que en los elementos de un menú de navegación, los grupos diferentes de objetos informativos de una página, no deberán superar el número 7±2.
  • El interfaz debe ser limpia y sin ruido visual.
  • Existir zonas en «blanco» entre los objetos informativos de la página para poder descansar la vista.
  • Hacer un uso correcto del espacio visual de la página.
  • Es decir, que no se desaproveche demasiado espacio con elementos de decoración, o grandes zonas en «blanco», y que no se adjudique demasiado espacio a elementos de menor importancia.
  • Se debe controlar la longitud de página y evitar en la medida de lo posible el scrolling. Si la página es muy extensa, se debe fraccionar.

Búsqueda

  • La búsqueda se encuentra fácilmente accesible. Es decir: directamente desde la home, y a ser posible desde todas las páginas del sitio, y colocado en la zona superior de la página.
  • Debe ser fácilmente reconocible como tal y permite la búsqueda avanzada.
  • Mostrar los resultados de la búsqueda de forma comprensible para el usuario.
  • La caja de texto debe ser lo suficientemente ancha.
  • Asistirá al usuario en caso de no poder ofrecer resultados para una consultada dada.

Elementos Multimedia

  • Fotografías bien recortadas,  comprensibles y cuidar su resolución.
  • si utilizas metáforas visuales, deben ser reconocibles y comprensibles por cualquier usuario.
  • El uso de imágenes o animaciones tiene que proporcionar algún tipo de valor añadido.
  • Evitar el uso de animaciones cíclicas.

Ayuda

  • El enlace a la sección de Ayuda, si existe, debe estar colocado en una zona visible y «estándar». La zona de la página más normal para incluir el enlace a la sección de Ayuda, es la superior derecha.
  • Ofrecer ayuda contextual en tareas complejas como transferencias bancarias, formularios de registro…
  • Si posee FAQs, hacer una elección correcta en la pregunta como su redacción y las respuestas.

Control y Retroalimentación

  • El usuario debe tener todo el control sobre el interfaz web. Se debe evitar el uso de ventanas pop-up, ventanas que se abren a pantalla completa, banners intrusivos…
  • Se informará constantemente al usuario acerca de lo que está pasando. Por ejemplo, si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y que debe esperar.
  • Informar al usuario de lo que ha pasado. Por ejemplo, cuando un usuario valora un artículo o responde a una encuesta, se le debe informar de que su voto ha sido procesado correctamente.
  • Cuando se produce un error, ha de informar de forma clara y no alarmista al usuario de lo ocurrido y de cómo solucionar el problema. Siempre es mejor intentar evitar que se produzcan errores a tener que informar al usuario del error.
  • Se debe evitar restringir la libertad del usuario. Evite el uso de animaciones que no pueden ser «saltadas», páginas en las que desaparecen los botones de navegación del browser, no impida al usuario poder usar el botón derecho de su ratón…

Hasta aquí  «La evaluación de la usabilidad de tu sitio web». También puedes consultar otros post anteriores que complementan estos aspectos.

También en este link:  evaluausabilidad.sprinterweb.net

15 Flares Twitter 6 Facebook 2 Buffer 0 Google+ 7 LinkedIn 0 15 Flares ×