Después de leer muchos libros sobre usabilidad web, seguir muchas webs que hablan sobre el tema de la usabilidad, etc. He llegado a la conclusión de que al final, todo se puede resumir a 10 simples reglas. Todo lo demás, son sólo consejos y técnicas que se basan o derivan en los principios básicos de a continuación.

He pensado que podía ser interesante reunir todo el conocimiento sobre la usabilidad web en 10 simples conceptos. Evidentemente, hay mucho más que decir sobre usabilidad, pero para quien no se quiera especializar demasiado, creo que el siguiente decálogo le será más que suficiente a la mayoría.

1. Aprovecha el tiempo.
   
2. Se claro, simple y breve
   
3. Controla los errores
4. Se organizado y ordenado
5. Usa Feedback
6. No pongas nada importante a más de un click de distancia
7. Enseña sólo lo que quieren ver
8. Diseña para el mundo como lo harías para tu abuela
9. Recuerda a tus visitantes cómo se navega, no les aprendas
10. Alegra la vista de tus visitantes, sin distraerles.

1. Aprovecha el tiempo

En Internet el tiempo es oro más que en cualquier otro sitio. Una mirada, de 3 segundos por página, debería ser suficiente para saber si lo que buscamos está ahí.

2. Se claro, simple y breve

Lo simple es más fácil de usar. Imagina constantemente que tu web es para que la use un niño de 5 años. Si la puede usar tu abuela, también vas bien :)

3. Controla los errores

Somos seres humanos y nos equivocamos, así que; Comprueba que tus visitantes han llegado a un sitio que quieren, y si no, ayúdales a salir a otro lugar que sí quieran ver.

Piensa siempre que han podido hacer clic en un lugar equivocado.

4. Se organizado y ordenado

Por ejemplo, los textos tienen que estar organizados en secciones, con sus respectivos tí­tulos, y subtítulos. Dentro de cada sección tiene que haber divisiones en párrafos, y dentro de cada párrafo, algún texto más importante resaltado. A la hora de explicar cosas, usar organización por esquemas, listas, índices, etc.

Todos los elementos del diseño han de estar perfectamente medidos y
alineados guardando un orden general.

5. Usa Feedback

En usabilidad, es el conjunto de información que se puede recabar de lo que está pasando, que ayuda a la compresión. Suele estar integrada en el diseño.

Por ejemplo, si un botón al pasar el ratón por encima se resalta, está usando un diseño Feedback para dejar claro que sí es un botón.

Otro ejemplo, en un buscador si además de poner la palabra buscar, añadimos el icono de una lupa, estamos confirmando el hecho. Eso es diseñar usando Feedback

También existe el Feedback negativo, si llegamos a una página “No Encontrada – 404″ y allí aparece una señal de aviso en color rojo. El color rojo ya es un diseño de Feedback negativo, que nos indica que algo ha ido mal.

Ya que todo el mundo sabe que el color rojo suelen ser avisos de que algo ha ido mal, usándolo, estamos añadiendo información al mensaje principal que ayuda a su comprensión.

Para entender mejor lo que es el Feedback, mira la Wikipedia:

• es.wikipedia.org/wiki/Contrarreacción
  

6. No pongas nada importante a más de un click de distancia

¿Cuántas veces un cliente deja de comprar en una empresa, por tardar más de 10 segundos de su valioso tiempo, en encontrar la información de contacto? Muchísimas, evítalo.

7. Enseña sólo lo que quieren ver

Si lo tuyo es una empresa de abogados o psicología, etc. Por favor, deja de alucinar a tus clientes con animaciones Flash.. Lo que más les gustará será el botón de saltar. Los visitantes buscan información, no pasar el rato contigo. Dales lo que buscan y el resto, quédatelo para ti y tus amigos.

8. Diseña para el mundo como lo harías para tu abuela

De las más importantes, piensa que tu diseño tiene que ser tan fácil como para que lo entienda tu abuela, o un niño de 5 años (Dentro de lo que pueda caber) Pero sin dejar de tener presente que cuando haces una web, estás haciendo algo para Internet, es decir, para el mundo. La página web tiene que ser accesible en cualquier navegador, resolución, sistema operativo, y comprensible para la mayor cantidad de público sea posible, sea cual fuere su educación, edad, procedencia, etc.

9. Recuerda a tus vistantes cómo se navega, no les aprendas

Los visitantes ya vienen con una formación adquirida… Saben que arriba suele estar el logotipo de la empresa, que si le haces click se suele ir a la página principal, que los menús de navegación suelen estar a la izquierda, derecha o en una barra superior, también saben que si un texto está en azul y subrayado, seguramente sea un enlace, etc. No te salgas del esquema que sigue todo el mundo, no reinventes la rueda, los visitantes quieren saber cómo navegar por tu sitio antes de conocerlo.

10. Alegra la vista de tus visitantes, sin distraerles

Este último punto, lo he sacado del decálogo de Google. Personalmente yo también he querido añadirlo a mi propio decálogo de usabilidad porque creo que si una página web es visualmente bonita, y agradable, gracias a detalles, que pueden ser; por ejemplo: la modificación del logotipo de Google en fechas claves, ayudará a mantener una asertividad más humana con el visitante, que a su vez, aumentará su atención, y por tanto, su capacidad de usar nuestro sitio.

Otros decálogos relacionados

• El decálogo de Google
• El decálogo de Microsoft