Nada más producirse la toma de contacto de los usuarios con tu interfaz, se establece un vínculo entre las dos partes. Durante esta primera toma de contacto de los usuarios, por muy familiarizados con la tecnología que estén, necesitarán orientarse. Por ello, tener bien claro desde el principio qué tipo de diseño elegirás, resulta una tarea fundamental.

Cuando hablamos del tipo de diseño no solo nos referimos a los colores de tu interfaz, sino también a las palabras y los esquemas visuales. Una de las leyes fundamentales del UX establece que los usuarios agradecen el uso de esquemas ya conocidos. Si te estás planteando comunicar usando un diseño rompedor, te interesa mucho este artículo.

Lo más importante

  1. Los usuarios entran en contacto con tu interfaz buscando soluciones rápidas a problemas concretos. Y deben encontrarlas.
  2. Una interfaz de usuario demasiado cargada o poco clara, será un motivo de abandono de tu solución digital. Provocando el aumento de la tasa de rebote.
  3. Los usuarios pasan la mayor parte del tiempo navegando por otras interfaces a las que ya están acostumbrados. Averigua cuáles son e inspírate en ellas.

Los errores de UX/UI Design más comunes: La lista definitiva

Ofrecer una interfaz de usuario óptima, será el resultado de llevar a cabo una serie de pasos previos obligatorios. ¿Nunca te ha pasado que has acometido una tarea creyendo saber hacerla y en realidad, estabas comenzando tu casa por el tejado? Presta atención a la siguiente lista de errores que cometerás si pasas por alto las necesidades de tus usuarios.

Ofrecer una interfaz óptima, será el resultado de seguir una serie de pasos previos. A todos nos ha pasado alguna vez acometer una tarea seguros de por dónde comenzar, y después darnos cuenta de haber empezado por el lado contrario. Por ello, te recomendamos prestar mucha atención a la siguiente lista de errores para que no caigas en ellos:

"El diseño no es solo lo que se ve o se siente. Diseño es cómo funciona". Steve Jobs”

#1. El onboarding es confuso e ineficiente.

El onboarding será la primera toma de contacto para muchos de los usuarios con tu interfaz. Esta “primera impresión”, por desgracia, muchas veces, será la que les sirva para hacerse una idea sobre tu solución. Te recomendamos tener siempre mucho cuidado si:

  • Le pides al usuario que repita información que ya ha dado antes.
  • Inflas sus expectativas para después decepcionarles.
  • No queda claro cómo navegar por el sitio o plataforma.

Consecuencia: Tus usuarios sentirán frustración y desconfianza.

#2: Los usuarios cometen errores con facilidad y no pueden o no saben cómo corregirlos

Después de meses trabajando en tu interfaz, nadie en el mundo puede conocerla mejor que tú. Y es justo este hecho el que puede sesgar tu percepción sobre ella, pues para tus usuarios será la primera vez que la vean. Y encontrarán problemas si:

  • No ofreces confirmación ni verificación tras cada acción.
  • No hay opción de volver atrás en caso de error.
  • No aplicas los patrones de interacción de UI.

Consecuencia: Enojo.

Wireflows, la clave del UX/UI Design.

#3: No existe una continuidad ni una consistencia visual.

Mantener una constancia en el diseño de tu solución, será un requisito fundamental a lo largo de toda tu arquitectura de la información. Tu interfaz debe conservar un diseño consistente a lo largo de toda la navegación, y no lo lograrás si antes:

  • No estableces un sistema coherente de diseño.
  • Cambias continuamente a tus usuarios de entorno.
  • El usuario no sabe cuántos pasos faltan para terminar el flow. (Añadido)

Consecuencia: Tus usuarios sentirán desconfianza.

#4: No hay atajos, ni buscadores, ni formas de ir más rápido.

¿Recuerdas alguna solución digital en la que te hayas perdido literalmente? ¿O que te obligaba constantemente a volver a la “Home” para poder seguir navegando?… Ponte siempre en la situación de tus usuarios y así conseguirás evitar que:

  • Tu arquitectura solo admita un camino para llegar a un determinado punto.
  • Tus contenidos no contemplen criterios de inclusividad y/o accesibilidad. (Añadido)
  • El uso de iconos dando por hecho que se entienden. (Añadido)

¿Consecuencia para el usuario?: Frustración e impaciencia.

"El trabajo de un diseñador gráfico estará centrado en resolver problemas de comunicación visual. Para resolver dichos problemas, debe conocer, indagar, saber,... todo sobre el público al que dicha comunicación irá dirigida." Gómez, José Rodolfo Sánchez et al. Editorial Universitaria, 2012.

#5: No hay ayuda ni orientación al usuario.

Tus usuarios entran en contacto con tu interfaz para solucionar una duda o problema de manera rápida. No desean tener que descifrar ningún enigma milenario para conseguirlo. Y así los tendrás, intentando responder a las esfinges como Atreyu si:

  • No respondes preguntas frecuentes (FAQ), u ofreces un centro de consulta rápida.
  • Para casos críticos no está disponible la opción de ayuda.
  • No existen distintos canales de asistencia, ya sea chat, mail de contacto, etc.

Consecuencia: Abandono de tu solución con más dudas que soluciones.

#6: Los textos son ambiguos, demasiado técnicos, especializados o extensos.

Un buen consejo que te podemos dar es: no des por hecho que tus usuarios son PROs como tú. En la mayoría de los casos, tus usuarios no dominarán ningún lenguaje de diseño que les permita traducir tu interfaz. Y no lo conseguirán si:

  • No facilitas toda la info, obligando a tu usuario a buscar más ayuda fuera de tu solución.
  • Tu usuario se siente incapaz para usar tu canal, servicio o producto.
  • No entiendes el idioma que tus usuarios necesitan escuchar. (Añadido)

Consecuencia: confusión y agotamiento.

Jerarquía visual y tipografías son fundamentales en el UX/UI Design.

#7: El diseño está desequilibrado.

Piensa como los arquitectos y establece claramente dónde estará la puerta de entrada a tu casa, pues de lo contario puede resultar un caos total. Obligarás a tus visitas a entrar por cualquier ventana, o la chimenea, como Santa Claus, si:

  • La información no está bien estructurada ni organizada.
  • No se identifican las partes relevantes de la web.
  • Inconsistencia en el diseño multiplataforma. (Añadido)

Consecuencia: rechazo y cansancio mental.

#8: Falta de consistencia

Imagínate siempre en la piel de tus usuarios y pregúntate si tú te sentirías cómodo navegando por una interfaz en la que, a cada botón pulsado, te cambia el entorno. Como si te llevase otra App o web distinta. Esto te pasará si:

  • No utilizas siempre el mismo esquema de color en la web.
  • El espaciado vertical y horizontal difiere en cada interfaz. (No se respeta la jerarquía de contenidos - Titulares, imágenes, botones)
  • El tamaño de los headings no es consistente. (Quitar)
  • No se sigue un mismo formato de enlaces. (Quitar)
  • Los íconos difieren en estilo.

Consecuencia: percepción de falta de armonía, disgusto.

#9: Falta de espacio en blanco

Para las pelis y series americanas, las habitaciones de los adolescentes rebeldes deben estar por ley forradas hasta el techo. Posters, tablones con fotos, carteles de conciertos... todo mezclado y dando auténticas ganas de salir corriendo de allí. Rebélate y evita siempre:

  • El contenido pegado, apelotonado o superpuesto.
  • La ausencia de espacio entre bloques de texto e imágenes.
  • La incomprensión de la distribución del contenido ni el mensaje.

Consecuencia: ilegibilidad, ruido mental y frustración. Tu interfaz debe respirar.

#10: Formularios complejos

Los formularios son vitales a la hora de recopilar información de nuestros usuarios, pues así obtendremos info supervaliosa. De sus respuestas te harás una idea precisa de lo que necesitan, ofreciendo tú la respuesta correcta. Pero obtendrás el resultado contrario si:

  • Estableces muchos campos a rellenar.
  • Solicitas datos totalmente innecesarios o ya facilitados.
  • Pides todos los datos en un primer formulario.

Consecuencia: Tus usuarios sentirán frustración, desconfianza y abandonarán.

Conclusión

Cuando hablamos de experiencia de usuario, nos referimos a que todo el proceso de diseño de soluciones digitales debe centrarse en sus necesidades. Para satisfacerlas, llegar a un conocimiento profundo de los mismos es básico. Es por esto que en tus diseños de experiencia de usuario, debe primar la funcionalidad por encima de la estética.

Céntrate en ellos, conócelos y sabrás qué UI Design necesitan para poder solucionar sus problemas específicos. De lo contrario, comenzando el proceso de diseño por tu cuenta y riesgo, sin duda caerás en todos estos errores ya vistos. Como los buenos amigos hacen, te invitamos que consultes el resto de consejos sobre UX/UI Design en los siguientes links.

¡Buen UI Design!

Enlaces de interés

https://www.espacioux.com/blog/10-principios-evaluacion-heuristica

https://www.espacioux.com/blog/recursos-gratis-diseno-ux-ui

https://www.espacioux.com/blog/no-me-hagas-pensar-por-favor

https://www.espacioux.com/blog/caracteristicas-de-un-buen-diseno

DABNER, David; STEWART, Sandra; VICKRESS, Abbie. Diseño gráfico: fundamentos y prácticas. Blume, 2022.

LAING, John. Haga usted mismo su diseño gráfico. Ediciones AKAL, 1985.

Citas

GÓMEZ, José Rodolfo Sánchez; MARTÍNEZ, Edgardo Flavio López. Pensar en diseño gráfico. Editorial Universitaria-Libros UDG, 2012.