Usabilidad

Usabilidad web

Consejos para Mejorar la usabilidad de tu web. Pasos a tener en cuenta para crear páginas web usables y accesibles.

• El sitio web debe estructurarse pensando en el usuario, sus objetivos y necesidades. No se debe calcar la estructura interna de la organización, al usuario no le interesa cómo ella funciona o se organiza.

• Muestre claramente la identidad del sitio a través de todas las páginas. El logotipo debe ser significativo, identificable y suficientemente visible.

• Hable el mismo lenguaje que sus usuarios. Evite usar un lenguaje corporativista. Asimismo, preste especial atención al idioma, y ofrezca versiones del sitio en diferentes idiomas cuando sea necesario. Emplee lenguaje claro y conciso, se deben evitar párrafos vacíos o varios mensajes en un mismo párrafo.

• Use rótulos significativos. Evite rótulos del tipo "haga clic aquí".

• Use rótulos estándar. Siempre que exista un "estándar" comúnmente aceptado, por ejemplo, "Mapa del sitio"

• El  nombre de los enlaces  debe ser preciso. Si un enlace tiene el rótulo "Quiénes somos", no puede dirigir a una página cuyo encabezamiento sea "Acerca de"; o un enlace con el rótulo "Ayuda" no puede enviar a una página encabezada con "FAQs".

• El título de las páginas debe ser correcto. El sitio web debe requerir de la menor explicación posible para que los usuarios que lo visitan puedan encontrar y obtener la información que buscan.

• La estructura de organización y navegación debe ser ordenada. Debe mantener coherencia y uniformidad en las estructuras y colores de todas las páginas para que el usuario no se desoriente en su navegación.

• Los enlaces deben ser fácilmente reconocibles como tales. Los enlaces no sólo deben reconocerse, sino que su caracterización debe indicar su estado (para orientar al usuario), y ser reconocidos como una unidad (en los enlaces que ocupan más de una línea).

• En menús de navegación debe estar controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística. No se deben superar los 7 elementos, ni los 2 o, como mucho, 3 términos por elemento.

• Entregar al usuario información que le permita predecir la respuesta del sistema antes de hacer clic sobre el enlace. Esto está relacionado con el nivel de significación del rótulo del enlace, aunque también con la información contextual, es decir, con el  formato y tamaño del documento o recurso con el que vincula el enlace.

• Evitar los  enlaces que no llevan a ningún sitio.  Por ejemplo, los enlaces rotos y los que enlazan a la misma página que se está visualizando. Un error relacionado es enlazar al “home”  desde la 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. Entre ellos: breadcrumbs y enlaces a la página de inicio. Recuerde que el logo también es recomendable que enlace a la página de inicio.

• Las imágenes con enlaces se deben reconocer como cliqueables e incluir  un atributo ‘title’ que describa la página de destino. También hay que cuidar que no se presenten imágenes que parezcan enlaces y en realidad no lo son.

• Aproveche las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia. Como por ejemplo la zona central.

• Evite la sobrecarga informativa. Esto se consigue haciendo un uso correcto de colores, efectos tipográficos 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.

• Haga uso correcto del espacio visual de la página. Lo óptimo es realizar una interfaz limpia, sin ruido visual. Es decir, que no se adjudique demasiado espacio a elementos de menor importancia o a grandes zonas en "blanco”.
  
•  Se debe procurar la incorporación de un buscador interno. Cada vez que la extensión de un sitio web lo haga necesario.

• El buscador debe estar bien ubicado y ser reconocible como tal. Correcta es la zona superior del sitio y con acceso desde todas las páginas.

• Mostrar los resultados de la búsqueda de forma ordenada para que sea entendida por el usuario.

• Las fotografías se deben presentar bien recortadas cuidando su resolución.

• La sección de Ayuda debe ser verdaderamente necesaria. Cada vez que sea posible  prescindir de ella simplificando los elementos de navegación e interacción.

• El enlace a la sección de Ayuda debe ser colocado en una zona visible y estándar. La zona de la página más usual para incluirlo es la superior derecha.

• El tamaño de fuente debe ser de un tamaño apropiado para no dificultar la legibilidad del texto. Además, los efectos tipográficos, el ancho de línea y la alineación, son relevantes para facilitar la lectura.

• Presentar un alto contraste entre el color de fuente y el fondo.

• Incluir en las imágenes atributos ‘alt’ que describan su contenido.

• El sitio web debe ser compatible con los diferentes navegadores. Además, se debe visualizar correctamente con diferentes resoluciones de pantalla, para eso se debe prestar atención a: JavaScript, CSS, tablas, fuentes, entre otros elementos.

• El usuario debe disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales.

• Controlar el peso de la página. Se deben optimizar las imágenes y controlar el tamaño del  código JavaScript.

• Las páginas se deben imprimir sin problemas. Leer en pantalla es molesto, por lo que muchos usuarios preferirán imprimir las páginas para leerlas. Se debe asegurar que se pueda imprimir y que el resultado sea  legible.

• El usuario debe tener el control sobre la interfaz. Se debe evitar el uso de ventanas pop-up (aquellas que se abren a pantalla completa), banners intrusivos y animaciones. Así también las páginas en las que desaparecen los botones de navegación.

• Cuando se produzca un error informar  de forma clara y no alarmista al usuario sobre lo ocurrido y cómo solucionar el problema. Aunque siempre es mejor evitar que se produzcan errores a tener que informar al usuario del error.

• Controlar el tiempo de respuesta. Aunque esto tiene que ver con el peso de cada página (accesibilidad) también tiene relación con el tiempo que tarda el servidor en finalizar una tarea y responder al usuario. El tiempo máximo que esperará un usuario son 10 segundos.
• La información que se ofrece en pantalla debe señalar a qué organismo corresponde el sitio. Los elementos gráficos o de texto deben ayudar a ello.

• El usuario al ver la portada del sitio, debe distinguir de una sola mirada cuáles son los contenidos más relevantes. Ésta debe ser presentada en forma simple.

• En portada y las demás páginas debe presentarse claramente la forma en que se navega por el sitio. Brinde elementos que permitan al usuario saber exactamente dónde se encuentra y cómo volver atrás sin usar los botones del navegador.

• Las imágenes que se muestran en el sitio web deben ser nítidas y adecuadas para representar el contenido del que trata el sitio.

• Ofrezca algún mecanismo al usuario para ponerse en contacto con la institución con el fin de hacer sugerencias y/o comentarios. Al mandar datos mediante un formulario, el web debe avisar (con un mensaje de respuesta) si los recibió correctamente.

• Debe quedar claro cuál es el objetivo del sitio. Defina primero el objetivo, y construya después el sitio web conforme a este. Compruebe que los contenidos sean claros, concisos, correctos, comprensibles y que respeten dicho objetivo principal.