Diseño web

Cuando hablamos de los elementos que conforman un sitio web exitoso, lo usual es que concentremos la atención en el contenido, como los textos, las fotografías y los videos, en los enlaces redes sociales y otros sitios web; en las palabras clave para el posicionamiento en buscadores, etc.

Todos esos componentes son de innegable importancia, pero cuando un usuario ingresa al sitio –de manera similar a lo que ocurre cuando un cliente entra a un supermercado- va a querer desplazarse de un pasillo a otro, encontrar con facilidad los productos que busca, devolverse porque recordó algo que había olvidado, localizar a una persona que le pueda resolver una duda, llegar a la caja registradora, etc.

En el supermercado, el cliente va a encontrar todas las indicaciones, claras y precisas, que necesita para realizar sus compras de una manera efectiva y satisfactoria. Igual ocurre en un sitio web, donde el visitante necesita facilidades para desplazarse de un lado a otro, sin el menor inconveniente.

Todo sitio web ha de ser práctico y, por ello, debe cumplir los principios de usabilidad, que Jakob Nielsen define como “…el atributo de calidad que mide lo fáciles que son de usar las interfaces web”, y Yusef Hassan como “…la disciplina que estudia la forma de diseñar sitios web, para que los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva posible”.

En un artículo publicado en el  en el blog Socialancer.com, Ernesto del Valle nos enumera  que los principios heurísticos usabilidad de Nielsen, que deben estar contenidos en un sitio web, si se quiere que sea exitoso:

“Visibilidad del estatus del sistema”

El usuario debe estar permanentemente informado sobre lo que está pasando, cuando interactúa en un sitio web, para que no tenga dudas ni incertidumbre. Para tal efecto se deben utilizar, por ejemplo:

  • Las barras de proceso que indican cómo avanza la subida de un archivo.
  • Los mensajes que confirman que “el formulario se ha enviado correctamente”.
  • Una animación que nos indica que algo está siendo procesado sin incidencias.

Consistencia entre el sistema y el mundo real

La relación entre el hombre y la máquina debe ser natural.  Debe comunicarse con el usuario en un lenguaje que entienda claramente, tanto en los textos como en las imágenes, el orden en que se hacen las cosas y la forma en que se presenta la información.

La originalidad, la creatividad y la innovación pueden ser causa de confusión para el usuario y pueden ser causa de rechazo, consciente o inconscientemente, si no entiende claramente lo que se le está comunicando.

El usuario es libre y tiene el control

Si el usuario siente que lo están obligando a navegar por rutas que no le interesan, no tardará en irse del sitio web. No hay que intentar forzar al usuario a seguir un camino determinado, por causa de un mal diseño o de forma deliberada. Hay que facilitarle la libertad de navegación, con salidas fáciles y rutas alternativas.

Consistencia y estándares

Un sitio web debe seguir un estándar consistente en todas sus páginas. No es recomendable que el menú funcione de una manera diferente en cada una de las páginas del sitio. Los componentes, como el diseño, el color, los íconos, las fuentes, etc.,  deben aparecer en el mismo lugar y ser los mismos para cada sección. Hay que estar atento a no caer en el error, cuando se renuevan partes de un sitio viejo.

Prevención de errores

La mayor parte de los errores son previsibles y se deben resolver de antemano, incluyendo información contextual preventiva en el punto problemático, suprimiendo condiciones que son propensas a inducir a error, pidiendo confirmación al usuario y haciendo comprobaciones en tiempo real.

Dos ejemplos típicos de formulario: 1) Un campo que cambia de color cuando está quedando en blanco y 2) Una comprobación en tiempo real que indica que la segunda contraseña escrita no coincide con la primera, antes de “enviar”.

Mejor reconocer que memorizar

Para un usuario, puede ser molesto tratar de regresar a la página anterior y no recordar cómodo. El usuario debe tener toda la información a mano, para seguir el hilo de la interacción, sin tener que usar su memoria. Es preciso darle todas las facilidades para que pueda ingresar a la información sobre un producto luego regresar a la página anterior u otro producto que le interesaba. Si el usuario no tiene toda la información que necesita, es posible que abandone su sitio.

Flexibilidad y eficiencia de uso

Una buena interfaz de usuario tiene la flexibilidad necesaria para comportarse “a la medida” de usuarios novatos y usuarios expertos. A los usuarios que ya conocen su web y siempre realizan las mismas acciones, hay que dotarlos de aceleradores que les permitan una interacción rápida y directa. Por ejemplo: mostrarles los últimos artículos en que se interesaron durante la última visita.

via GIPHY

Diseño estético y minimalista

El diálogo que la interfaz mantiene con el usuario sólo debe contener información relevante. Cada palabra de más oscurece las palabras que son realmente importantes. El principio también es aplicable al diseño visual.  Eso si, no debe ser tan minimalista que no tenga suficiente densidad de contenido como para no indexarse adecuadamente en buscadores.

Prevención de errores

Hay que ayudar al usuario a reconocer, diagnosticar y recuperarse de los errores: Ejemplos: 1) Avisar de un error en tiempo real, antes de enviar un formulario y; 2) Un texto junto al campo que debemos rellenar –justo donde y cuando las necesitamos- con instrucciones y sugerencias.

Ayuda y documentación

Suele ocurrir que, cuando un usuario busca información sobre un tema en específico, deba visitar diversas páginas y leer largos textos, a veces técnicos. Lo ideal es que encuentre fácilmente –ojalá de una manera intuitiva- la información que busca. Uno de los mejores recursos para ayudarle al usuario, es un listado de preguntas frecuentes (FAQ).

Estos 10 principios heurísticos de la usabilidad son elementos que un creador de sitios web debe cumplir a cabalidad, por mucho que su ingenio y creatividad lo tienten a incluir originalidades, por mucho que le parezca que van a embellecer la página y a ayudar al usuario. En términos de Del Valle, son “sagrados”, de aplicación obligatoria, si se quiere que un sitio web esté en el camino del éxito.

Y debería poner especial atención a estos principios si su sitio web recibe tráfico, visitas, pero usted no termina captando ningún lead o llamada… eso puede ser indicador de un problema de usabilidad y sería bueno valorar mejoras en ese aspecto.

Si hay dudas, estamos a la orden.