Todas las personas que estamos involucradas con el diseño web u otras que se dedican de lleno a esa labor, siempre tratamos de hacer un sitio web agradable a la vista y con un diseño visualmente atractivo, pero no hay que olvidar que de nada sirve una apariencia de 10 si al navegar por la página el usuario no se sentirá cómodo.
Un sitio web debe tener dos características para satisfacer al visitante en el aspecto funcional: Usabilidad (la media de lo fácil que es para el visitante usar nuestra web) y accesibilidad (la posibilidad de que el mayor número posible de personas pueda entrar a una web y usarla, indiferentemente de las limitaciones propias del individuo), las cuales son relativamente sencillas de implementar con unos cuantos tips. Afortunadamente en el mundo de Internet podemos guiarnos y aprender de la gran variedad que podemos encontrar, asi pues compartiré con ustedes algunos consejos basados en lo poco que he podido aprender de este tema en mi experiencia al diseñar algunas páginas web y por supuesto ver algunas de las tendencias actuales.
Incluye siempre opciones para quienes accedan sin Javascript
A pesar de que el uso de Javascript es bastante habitual en las páginas web, hay muchos internautas que navegan internet con Javascript desactivado por motivos de rendimiento, es por eso que siempre debemos incluir una alternativa en nuestro código HTML.
Que el logo de tu web contenga un enlace a la página principal
Podrías ser considerado un criminal si no sigues este consejo ya que por inercia los visitantes de un sitio buscamos el logo que representa la web (generalmente ubicado arriba y a la izquierda) para hacer clic y volver a la página de inicio.
Encárgate de diferenciar adecuadamente los enlaces del resto del texto
Es cierto que por defecto los navegadores resaltan los enlaces con color diferente y un cursor en forma de manito, pero no estaría mal cambiar un poco el color al pasar el mouse o agregarle un subrayado. Considera también que lo único que debe ir subrayado si lo decides así, son los enlaces.
Utiliza frases descriptivas como texto de enlace
Nada peor que un enlace que no sea descriptivo, olvídate de usar “pincha aquí” o “haz clic aquí”, en vez de eso usa un frase que permita entender a donde nos dirige el enlace sin necesidad de leer todo el párrafo.
Evalúa el uso de texto justificado
A pesar que en los documentos tradicionales es imperdonable no usar el justificado de texto, en las webs este formato no esta del todo perfeccionado y muchas veces en columnas de poco ancho o con algunos tipos de letra el resultado puede ser fatal. Te aconsejo que evalúes como se ve tu diseño de acuerdo al tipo y tamaño de la fuente y la organización del contenido.
Indica visualmente cuando un campo de formulario esta activo
Esto es imprescindible para una experiencia satisfactoria al usar un formulario, lo más común es resaltar el borde del campo para indicarle al visitante que se encuentra activo.
Organiza el contenido siguiendo parámetros de Ergonomía cognitiva
Debes recordar siempre aspectos básicos para la comodidad del visitante como que estamos acostumbrados a leer de izquierda a derecha y de arriba a abajo. Además trata de acomodar tu diseño a usos con los que la gente ya esta familiarizada como: colocar el logo arriba a la izquierda, el cuadro de búsqueda queda mejor arriba a la derecha, etc.
Utiliza texto alternativo para tus imágenes
Siempre es bueno utilizar el atributo alt de las imágenes a modo de descripción en caso la misma no estuviera accesible por algún motivo. Si la imagen en cuestión sirve como enlace, el texto alternativo deberá describir el destino del mismo.
Diferencia los enlaces visitados de los demás
Esto es vital, ya que si das un color distintivo a los enlaces ya visitados, evitarás que el usuario siga el mismo enlace en vano. Además le das una señal de los lugares de la página que ya recorrió.
Separa el contenido en secciones cuando sea muy largo
No caigas en la monotonía de mostrar un largo texto de corrido, se más creativo y usa encabezados para dividir en secciones la información, además puedes usar algunas imágenes relacionadas con el tema para poner algo de color e incluso puedes usar algunos gráficos adornados para separar títulos o párrafos.
Como verás no son cosas del otro mundo, sino más bien que a veces pasamos por alto o no les damos la debida importancia, pero que sin dudad mejorarán la experiencia de los visitantes que lleguen a nuestro sitio web.
Autor: Arturo
