El diseño web ha recorrido un largo camino desde la década de 1990, cuando cosas como GeoCities y AOL dominaban Internet. El diseño en sí mismo ha evolucionado, junto con una comprensión más profunda de principios como la usabilidad y la experiencia del usuario. Ciertamente, no ha habido una falta de estudios que examinen todo, desde la tipografía y la velocidad del sitio, hasta el contenido por encima y por debajo del doblez.

Nielsen Norman Group es una de las principales consultas de experiencia del usuario en el planeta. Ha funcionado durante décadas, llevando a cabo estudio tras estudio sobre diseño, usabilidad y UX. En uno de sus primeros estudios desde 1996 (cuando "Friends" y "The X-Files" todavía estaban en la televisión) identificaron 10 errores de diseño web que eran muy problemáticos en aquel entonces, en los primeros días de la web.

Uno pensaría que, 20 años después, a medida que el diseño se vuelve más sofisticado y la información sobre el diseño se vuelve mucho más accesible, los diseñadores aprenden a evitar los errores de diseño, pero un reciente estudio de usabilidad a gran escala de 2016 por el Grupo NN encontró todo lo contrario para ser cierto.

En lugar de aprender de los errores del pasado, los diseñadores han estado repitiéndolos continuamente a lo largo de las décadas. De hecho, si hay algo que es cierto en el diseño web, es que estos errores continúan porque los diseñadores siguen olvidando lo básico:

  • Permitir a los usuarios encontrar información
  • Permitir a los usuarios leer esa información
  • Permitir que los usuarios entiendan dónde hacer clic y dónde está el destino

Una falta de claridad

Uno de los diseñadores de errores más obstinados que siguen haciendo en los sitios web no está simpatizando con la necesidad de que los usuarios comprendan clara y fácilmente de qué se trata el sitio o sus elementos.

El estudio identificó estos errores que rodean la falta de claridad:

  • Ubicaciones inesperadas para el contenido
  • Enlaces y categorías de competencia
  • Tarifas y precios ocultos

El estudio reveló cómo muchos diseñadores colocan contenido en lugares con los que los usuarios no están familiarizados según los hábitos de navegación habituales. Por ejemplo, los nombres de categoría inexactos o inapropiados que no coincidían con el contenido esperado dentro de las categorías era un problema recurrente.

Otro problema eran las categorías de navegación o los enlaces que se parecen entre sí, lo que dificulta que los usuarios encuentren la información que desean. En tal caso, es probable que sus usuarios terminen abandonando su sitio y yendo a otro lugar, donde el contenido se ordena de forma mucho más clara.

Las tarifas y los precios ocultos también afectarán sus conversiones porque los compradores no quieren sentirse tratados deshonestamente. Cuando se trata de dinero, los usuarios quieren saber todo lo que tendrán que pagar por adelantado, al comienzo de una transacción. Esto se refiere a los precios, las tarifas de suscripción, las tarifas de conveniencia y cualquier otra cosa que implique dinero. Desde una perspectiva puramente de diseño, es un gran error si las tarifas y los precios ocultos causan una pérdida de clientes y transacciones.

Overstock es un gran ejemplo de divulgación completa: tenga en cuenta qué tan grande y audaz es su información de precios para los productos.

abarrotar

Problemas de UX

La facilidad con la que los visitantes de su sitio encuentran que usar su sitio es parte integral de si su sitio tiene o no buenos UX.

El estudio del Grupo NN encontró estos errores de diseño relacionados con UX que simplemente no desaparecerán:

  • Islas de información
  • Repetición de enlace
  • Varamientos de usuarios en microsites
  • Resultados de búsqueda inadecuados
  • Filtros y facetas defectuosos

Dos grandes errores de diseño son focos de información aislados en una página determinada que no se pueden vincular con otra información relacionada en diferentes páginas y obligan a los usuarios a hacer clic repetidamente en lo que equivale a los mismos tipos de enlaces para obtener información específica. Ambos errores de diseño incomodan a los usuarios al no proporcionarles la información que están buscando en contexto.

Muchos sitios tienen subsitios (piense en Yahoo). El problema es que algunos de estos subsitios no brindan a los usuarios la posibilidad de regresar al sitio principal, lo que les crea un dolor de cabeza y los deja varados donde no quieren estar. Yahoo es en realidad un excelente ejemplo de un sitio principal y subsitios correctos, ya que los usuarios nunca se quedan varados y siempre pueden hacer clic en el botón de inicio para regresar.

yahoo

En cuanto al tema de la búsqueda, desafortunadamente, muchos sitios no buscan en todo el sitio los términos de búsqueda o arrojan resultados que ni siquiera coinciden con los términos de búsqueda de los usuarios en primer lugar.

Y aunque los filtros y las facetas (esencialmente filtros para varios atributos de los objetos en un conjunto de contenido) son bienintencionados, en la mayoría de los casos están etiquetados incorrectamente o son insuficientes, creando así confusión.

Descuidos de la arquitectura de la información

La arquitectura de la información debe ser, en muchos sentidos, el corazón y el alma de un buen diseño. Básicamente, es lo que ayuda a los usuarios a comprender el contenido y el entorno de su sitio rápidamente, de modo que encuentren lo que desean. Implica etiquetar, organizar y estructurar su contenido de la manera más clara posible.

El estudio de usabilidad nuevamente encontró obstinados y repetidos errores que los diseñadores todavía hacen en esta área, tal como lo hicieron hace 20 años. Éstas incluyen:

  • Usuarios abrumadores con información excesiva
  • Presentación de usuarios con enlaces ocultos

Los estudios muestran que los usuarios realmente no leen contenido web; es más como rozan o escanean dicho contenido en lugar. Es por eso que el contenido debe fragmentarse, en párrafos pequeños y cortos, y dividirse con todo, desde viñetas a enumeraciones para una mejor lectura. Lo último que desea hacer es colocar grandes bloques de texto delante de sus usuarios.
Wayfair.com es un buen ejemplo de cómo presentar información a los visitantes. Tenga en cuenta cómo su contenido es fácilmente digerible, ya que se divide de manera eficiente.

wayfair

En cuanto al problema de los enlaces ocultos, se sorprendería de la cantidad de veces que los diseñadores ocultan enlaces al contenido relevante del sitio, por ejemplo, el menú de un restaurante, en la misma columna que los anuncios que conducen a enlaces externos. En resumidas cuentas, la mayoría de los usuarios no podrán encontrar enlaces relevantes en medio de todos los anuncios, lo que hace que la ubicación de enlaces relevantes sea extremadamente vital para el diseño.

¿Mejorará pronto?

Parte del problema es que muchos diseñadores simplemente no son expertos en usabilidad, pero eso no es excusa. Cuando diseña, debe obsesionarse con proporcionar a sus usuarios un excelente UX. De lo contrario, la usabilidad, las conversiones, el tiempo en la página y las ventas de su sitio simplemente se reducen, y ningún cliente lo tolerará.

Será interesante ver si, en otros 20 años, todavía vemos estudios como estos, hablando de cómo los errores de diseño de hace décadas siguen rondando a nuestra comunidad de diseño web.