Los 12 errores más comunes que cometen los diseñadores de UI/UX

La misión de cualquier diseñador de UI/UX es crear interfaces y experiencias de usuario atractivas. Esto ayuda a los visitantes del sitio a completar tareas y aumentar las conversiones. Con frecuencia se enfocan únicamente en la estética, toman atajos y terminan confiando en varios patrones y tendencias de diseño comunes en el proceso. El riesgo es que se desvíen de las tendencias populares, lo que resultará en errores comunes de UI/UX debido a que las tendencias se implementan de manera inapropiada. Cuando se trata de Internet, la gente no quiere aprender; quieren hacer.

Para comprender qué puede hacer exactamente para evitar estos errores tontos, asegúrese de leer el artículo completo para evitar cometer estos errores en su vida diaria.

• Encabezados masivos colocados de manera inapropiada

Los sitios web muestran cada vez más encabezados altos y pegajosos. "Bloques de marca" y menús de navegación que están fijos en su lugar y ocupan mucho espacio. Se adhieren a la parte superior de la ventana del navegador (el "encabezado fijo") y con frecuencia obstruyen el contenido a medida que se desplaza debajo de ellos. Algunos encabezados en sitios web conocidos tienen más de 150 píxeles de alto. ¿Dónde está su valor? Los elementos fijos, como los encabezados fijos, pueden ser útiles, pero los diseñadores web deben usarlos con precaución: hay varios problemas importantes de UX a considerar.

• Elección de fuente incorrecta

Si los usuarios no pueden leer fácilmente su sitio web, lo abandonarán en busca de un competidor mejor y más legible. Utilice siempre fuentes web. Consulte en Internet para obtener pautas adicionales sobre el espacio entre líneas, la longitud de las líneas y el tamaño de fuente.

Aquí hay algunas reglas que se refieren al espacio entre líneas

• • Apunte a alrededor de 140-180% para una legibilidad óptima
  • Acortar líneas a 70–80 caracteres
  • El tamaño de la fuente debe ser de al menos 16 puntos.
  • Las fuentes pequeñas requieren más espacio
  • Al cambiar las fuentes o los tamaños de fuente, verifique dos veces el espacio entre líneas

• Interfaces demasiado complicadas

Considere todas las aplicaciones populares; todos tienen una cosa en común: tienen una interfaz simple pero atractiva. Zomato , Uber, Airbnb e incluso Flickr son ejemplos de interfaces sencillas y atractivas. Todo el mundo quiere vivir una vida acelerada en este mundo competitivo. El consumidor de hoy desea una solución perfecta y rápida. Abandonarán automáticamente la interfaz de usuario demasiado elegante o complicada y nunca podrán eclipsar las tiendas de aplicaciones. Al crear una aplicación, es fundamental reconsiderar las funciones y la ubicación para la navegación. Las aplicaciones de funciones múltiples pueden beneficiarse de más pantallas.

Amazon, por ejemplo, es conocido por su interfaz fácil de usar.

• Cero tiempo de inversión en investigación

Para informar el proceso de resolución de problemas de los usuarios, se utiliza UI/UX Research para comprender las necesidades, el comportamiento, la experiencia y las motivaciones del usuario utilizando varios métodos cualitativos y cuantitativos. En otras palabras, UI/UX Research es una colección de métodos de investigación utilizados para agregar contexto e información. La investigación de usuarios emplea una variedad de métodos, pero en el centro está el usuario y cómo piensa y se comporta: sus necesidades y motivaciones. La investigación de UX, en general, logra esto a través de técnicas de observación, análisis de tareas y otras metodologías de retroalimentación, y el resto de los factores de implementación dependen de los aspectos de investigación de UI. Su proyecto requiere una extensa investigación. Nos prohíbe diseñar para un único usuario: nosotros mismos. No puedes simplemente vender golosinas azucaradas a los diabéticos. Conozca a su audiencia, su negocio y las complejidades de su producto.

• Uso excesivo de ventanas emergentes y CTA

¿Honestamente crees que los usuarios ignorarán una ráfaga de anuncios emergentes y llamadas a la acción, se quedarán y esperarán pacientemente para llegar a donde quieren ir? Si crees eso, estás tristemente equivocado. Aunque habrá sentimientos encontrados sobre el uso de ventanas emergentes para mejorar las tasas de conversión, los anuncios emergentes intrusivos pueden irritar a los usuarios cuando todo lo que quieren hacer es navegar a través de su sitio web o aplicación sin ser bombardeados por anuncios molestos y no deseados. Aunque el algoritmo de Google claramente no favorece los sitios web con anuncios emergentes, muchas personas aún se preguntan si sus sitios web deberían tener anuncios emergentes. Google ha tomado una posición contra las ventanas emergentes no deseadas en la búsqueda móvil al mejorar la experiencia del usuario y reducir las interrupciones durante la navegación. Para evitar esto,

• Ignorar los estados "intermedios"

Las cosas rara vez salen según lo planeado en el mundo del diseño, como sucede en la vida real. El excelente diseño de la experiencia del usuario anticipa tanto escenarios inesperados como ideales. A lo largo del proceso de diseño, considere la experiencia general de sus usuarios con su producto. Esto debe incluir las etapas inicial, final y intermedia. Suponga que su usuario se está registrando para una prueba gratuita en su sitio web. Si todo sale según lo planeado, su usuario verá la página de registro inicial y la página de éxito. Sin embargo, se producen obstáculos y, en la mayoría de los casos, deberá dedicar tiempo a pensar en los estados "intermedios", como:

• • ¿Qué ven los usuarios al ingresar su información?
  • ¿Qué ven los usuarios cuando ingresan su información pero omiten un campo?
  • ¿Qué sucede cuando los usuarios envían su información pero ya han agotado su período de prueba gratuito?
  • Cuando hay un error de sistema o de conexión, ¿qué ven los usuarios?

Piense siempre en toda la experiencia del usuario. Considere el diseño del intermedio tanto como los estados principales y los mejores escenarios, e incluya una alta tolerancia a fallas para garantizar que continúe brindando una gran experiencia de usuario incluso cuando ocurran errores.

• Proporcionar información en exceso.

Eres un experto en tu producto y te apasiona si estás en un equipo de desarrollo de productos. Como resultado, puede ser tentador abrumar a los usuarios con demasiada información sobre el producto de inmediato. Este tipo de sobrecarga de datos puede confundir rápidamente a los usuarios si no tienen tiempo para comprender y digerir la información que les proporciona. Sus usuarios no deben sentirse abrumados por la primera página web o marco de la aplicación que ven. Si está demasiado ocupado o tiene demasiados elementos diferentes, los usuarios no sabrán por dónde empezar y pueden abandonar su página sin saber nada. Para evitar este error de diseño, comience con los conocimientos básicos esenciales y tenga en cuenta la cantidad de contenido que está compartiendo a la vez. La gran experiencia del usuario ocurre cuando los usuarios pueden comenzar con un nuevo producto de manera intuitiva y sin tener que aprender demasiado al principio.

• Diseño y gastos poco intuitivos

La mayor parte de la navegación se realiza a través de botones; evite los botones que son demasiado pequeños, difíciles de ver o en ubicaciones inapropiadas.

• • Color: un botón de CTA debe destacarse del fondo y captar la atención del usuario.
  • Tamaño: una llamada a la acción debe ser lo suficientemente grande para sobresalir y al mismo tiempo lo suficientemente pequeña para ser atractiva.

• Errores de carrusel

Los carruseles, que son presentaciones de diapositivas que rotan a través de diferentes tipos de contenido, son muy comunes en la web, particularmente en las páginas de inicio y de destino. Si bien pueden ser útiles, tienen numerosos problemas de usabilidad, lo que los convierte en otro error común de UX.

“La gente a menudo se desplaza inmediatamente más allá de estas imágenes grandes y se pierde todo el contenido que contienen”

-según Nielsen Norman Group.

Puede tener un impacto negativo en UX porque los visitantes pueden perder contenido valioso en algunas de las diapositivas rotativas. Un carrusel, cuando se hace correctamente, puede atraer a los usuarios con imágenes grandes y llamativas. Escribe tres beneficios que un carrusel brinda al visitante para ver si tiene sentido. No agrega valor si no se pueden identificar tres beneficios significativos.

• No trabajar en la retroalimentación

Nadie puede negar que las empresas que escuchan los comentarios de los clientes se destacan entre la multitud. No solo eso, sino que también tienen un alto ranking en las tiendas de aplicaciones. Un diseñador tiene una sola mente, pero la retroalimentación proporciona ideas de miles de mentes. Obtener comentarios de los usuarios de forma regular siempre ayudará con el diseño de UI/UX. Los usuarios son los mejores para juzgar la aplicación en tiempo real. La retroalimentación es la razón por la cual las aplicaciones populares como Instagram y Facebook ya no se ven igual. El error más común que cometen los diseñadores de UI es no incorporar comentarios.

• En dispositivos móviles y tabletas, el objetivo táctil es pobre

Los objetivos táctiles pequeños frustran a los usuarios, ya que les dificultan ejecutar la actividad deseada. ¡Todos nos hemos sentido frustrados al presionar accidentalmente el botón incorrecto en nuestro teléfono inteligente y tener que esperar a que se cargue la pantalla incorrecta! Al desarrollar elementos en los que se puede hacer clic, tenga en cuenta que los usuarios tienen dedos de diferentes tamaños

• • Tenga en cuenta que el ancho típico del dedo índice de un adulto es de 1,6 a 2 cm al crear objetivos aptos para los dedos.
  • Haga que su objetivo táctil tenga como mínimo 45-57 píxeles de ancho. Esto proporcionará un amplio espacio para que los usuarios alcancen el objetivo sin preocuparse por la precisión.

• Apenas hay distinción entre botones primarios y secundarios

Al trabajar con aplicaciones, el usuario podrá realizar una variedad de tareas. Es fundamental enfatizar visualmente los actos principales. Debido a que toda la navegación se realiza a través de botones, debe resaltar los botones principales haciéndolos visibles y en negrita. Las acciones secundarias deben ser menos evidentes que las actividades primarias, pero igualmente perceptibles si el usuario las busca. Cómo saber la diferencia entre los botones primarios y secundarios:

• • Para los botones primarios y secundarios, use distintos pesos visuales. Se llamará más la atención sobre el botón con mayor peso visual.
  • Para dar peso visual a los botones principales, use colores fuertes, texto en negrita y tamaño grande. Para acciones secundarias, haz lo contrario.