Saltear al contenido principal

Quédate en casa. Sálvanos del Coronavirus.

Por favor: quédate en casa si te resulta posible y sigue todas las recomendaciones de las autoridades. Ganar al virus depende de todos. Contamos contigo.

Visita Vamos a ganar para leer las noticias buenas sobre esta crisis, siempre de fuentes contrastadas.

Evita fácilmente estos graves errores de usabilidad en los enlaces de tu web

www

Hay tres aspectos particularmente importantes que hay que tener en cuenta a la hora de hacer una web:

  • La programación: Una web debe funcionar correctamente, sin fallos.
  • El diseño: Una web debe ser estéticamente atractiva.
  • La usabilidad: Debe poder usarse sin esfuerzo, sin pensar, ni tener que buscar las cosas.

Hay gente que piensa que si una web es bonita, y no tiene errores, ya funciona. Esto es un grave error: si descuidas la usabilidad, tus usuarios se irán a otra web.

Una de las cosas más básicas, es respetar la usabilidad de los links y botones. Sin embargo, se olvida una y otra vez.

Para ayudarte, hemos resumido los conceptos más importantes de este artículo de Nielsen, la empresa del mayor experto mundial en usabilidad, Jakob Nielsen.

Los links: ¡no me hagas pensar!

5144379598_d43bcf0134_oLos enlaces de una web deben ser reconocibles a simple vista, al instante.

Como dice Steve Krug, el otro gran gurú de la usabilidad: no me hagas pensar.

Por eso, la manera más segura de poner un enlace es con el color azul de toda la vida, y subrayado.

Los 5 fallos más frecuentes en los enlaces

  • Cuidado con los rollovers, nunca confíes en que haya que pasar el ratón por encima de un enlace para que se vea cambiando de color, o cambiando su aspecto o saliendo un menú emergente.
  • Si tu enlace no es azul, al menos que sea de un color muy diferente al color normal de tu texto.
  • Por la posición de tu enlace puede que no haga falta subrayarlo. Un enlace en un menú de navegación ya se entiende que es un enlace por estar ahí.
  • No uses subrayados ni textos con el color azul, para cosas que no sean enlaces.
  • Sé coherente, el enlazado de tu web deben tener el mismo estilo en todas las páginas de la web.

Los botones: tienen que reconocerse a la primera

Ejemplo de botón

Hay una nueva moda últimamente de la que habrás oido hablar: el diseño plano. Lo están usando en muchas webs y sistemas operativos, y realmente es un paso atrás en términos de usabilidad.

Se trata de simplificar la parte gráfica al máximo posible, por motivos estéticos que no están muy claros, y que no redundan en beneficio del usuario.

En ese afán se pierde por ejemplo la apariencia tridimensional de los botones, haciendo más difícil para el usuario de distinguir.

Los 5 errores más típicos en los botones

  • Desaconsejamos estos diseños planos. Son un ejemplo de algo que está bien diseñado y es bonito, pero no es usable.
  • Los botones de una web deben parecerse a los del mundo real, a ser posible rectangulares, y con apariencia en tres dimensiones.
  • Preferiblemente, que tengan los bordes redondeados.
  • Al igual que con los links, no pongas cosas con forma de botón si no se van a comportar como uno.
  • Evita usar muchos botones de diferentes colores y tamaños en una misma página, porque harás que a la gente le sea difícil elegir uno.

Esperamos que te haya gustado nuestro primer articulo sobre usabilidad. Te animamos a que a partir de ahora estés atento a este tipo de cosas, y tengas siempre presente la pregunta clave:

¿Es fácil navegar por mi web?


Foto de Sean MacEntee con licencia Creative Commons

Pablo

Nuestro jefe de Soporte Técnico desde hace más de 10 años. Su día a día es la atención a nuestros clientes.

Doominio.com: fondo

Doominio.com - Hosting y dominios ecológicos desde Asturias