12 errores de UX/UI que no se deben cometer en el diseño de aplicaciones

Texto demasiado pequeño para leer.

Contenido de fuente de color claro pequeño sobre un fondo blanco.

Los usuarios no pueden ver las características cruciales ubicadas cómodamente en algún lugar de la interfaz de usuario.

Estos son algunos de los problemas comunes con el diseño de UX/UI en las aplicaciones y cometer muchos errores como estos le costaría muy caro. Al planificar un proyecto de software, es imperativo identificar tales errores bastante temprano en la etapa de diseño porque el objetivo es crear una interfaz intuitiva y rápida que brinde una experiencia de usuario perfecta.

Aquí hay algunos errores mortales que pueden significar la perdición de la aplicación y cómo puede evitarlos eventualmente.

1 Desviarse de las expectativas del usuario

Curiosamente, los usuarios tienen algunas expectativas cuando se trata de usar esos widgets GUI básicos (botones de radio, casillas de verificación, barras de desplazamiento, enlaces/botones de comando, etc.). Intentar un cambio revolucionario en esos botones puede no ser bien recibido.

Considere este ejemplo simple: ha estado escuchando las noticias de la BBC toda su vida. De repente, alguien en su familia decide escuchar CNN en su lugar, y tiene la sensación de «pez fuera del agua». Esto es exactamente lo que los usuarios sentirán también cuando realice modificaciones importantes en los widgets de la GUI.

La mayoría de los widgets GUI populares se han perfeccionado y experimentado durante años, y hay una razón por la que a los usuarios les gustan. No es fácil cambiar esa sensación de tranquilidad y comodidad de la noche a la mañana. Esto se debe a que los usuarios tienen que ejercer una energía y una capacidad mental considerables para hacer algo nuevo; y pueden no ser receptivos a eso.

Por lo tanto, no realice cambios drásticos en la apariencia de los widgets de GUI de su aplicación. Sus usuarios prefieren tener una navegación sin problemas a través de la aplicación, por lo que es mejor si conserva la apariencia original de la GUI.

2 No saber lo que el usuario realmente necesita

Cuando las empresas no se dan cuenta de las necesidades reales del usuario y presentan algo que no responde a sus necesidades, se comete un gran error. En tales casos, no puede aumentar las ventas y su aplicación falla.

Es importante investigar y obtener información profunda sobre los intereses de los usuarios antes de decidir qué características se van a incorporar. Para esto, haga una investigación exhaustiva del usuario y del mercado.

Comprenda lo que sus usuarios objetivo esperan del diseño de su aplicación: tiempo de respuesta instantáneo, navegación fluida entre los controles, fácil lectura, etc., en resumen, una experiencia de usuario intuitiva.

Además, haga un análisis crítico de sus competidores: conozca el factor de usabilidad de sus aplicaciones; qué funciones incluyen en sus aplicaciones, qué tan interactivas son sus interfaces de usuario, etc.

Y los desarrolladores principiantes deben tener cuidado: no sobrecarguen demasiadas funciones en la aplicación. El propósito principal detrás de una aplicación es simplificar las actividades de sus usuarios.

Por lo tanto, sería recomendable no exagerar con las funciones, ya que esto generaría una ráfaga de actividad que la convertiría instantáneamente en una aplicación mediocre. Menos número de funciones (principales, por supuesto) haría el truco.

3 objetivos de toque pobre

Los usuarios vienen equipados con dedos de diferentes tamaños. Por lo tanto, el toque debe configurarse para atender a los dedos de todas las personas en el segmento objetivo. El ancho promedio del dedo índice de un adulto es de 1,6 a 2 cm. Por lo tanto, tenga eso en cuenta al diseñar aplicaciones móviles basadas en el tacto.

Si a los usuarios les resulta difícil tocar y activar las funciones de la aplicación, podrían abandonar el uso de la aplicación por completo y eso sería realmente trágico. Y esto se aplica nuevamente a la cantidad de funciones que tiene. Cuantas más funciones tenga, las áreas de toque más pequeñas en la aplicación. Por otro lado, la incorporación de algunas características principales conduciría a áreas de toque más grandes.

4 El horror del pergamino

Los editores de revistas y periódicos y los anunciantes alguna vez vivieron en el horror perpetuo de «el redil». Cuando las aplicaciones móviles se hicieron populares, el «doble horror» se alivió un poco porque el contenido era visible en una pantalla que se podía desplazar fácilmente.

Pero esto solo era cierto en parte porque se volvió cada vez más importante crear un diseño web receptivo y más largo donde las acciones principales no deberían ir debajo de la página, o más bien, superar un lugar donde las personas puedan desplazarse fácilmente y encontrarlo.

Las conversiones aumentan solo cuando los botones relevantes se colocan «en la mitad superior de la página», o cuando los usuarios no tienen que desplazarse. Colocar un llamado a la acción claro en un lugar destacado generaría más conversiones.

5 botones que imitan el aspecto de los botones de control de la GUI

Así como tener demasiados controles GUI puede ser un terrible error, lo contrario también puede ser mortal. Los textos y titulares subrayados generan la sensación de que son enlaces que llevarían a los usuarios a una nueva página.

Hacen clic en él, pero cuando no llegan a la página, asumen que el enlace está roto y salen de la aplicación. Los usuarios a menudo se confunden y, a veces, se irritan debido a esta farsa y es posible que no regresen.

Muestre los botones de radio donde sea absolutamente necesario, pero no dé la impresión equivocada de botones de radio donde no los haya.

6 controles GUI inconsistentes

Los controles de la GUI deben ser consistentes. Si usa palabras específicas para la llamada a la acción y acciones similares, use las mismas palabras en toda la aplicación. Usar diferentes palabras para la misma acción podría crear confusión.

A veces, las acciones que los desarrolladores suponen que serán simples para los usuarios, hacen exactamente lo contrario. Si sigue un patrón particular en su aplicación, sígalo constantemente. Asegúrese de que los botones y las páginas aparezcan donde los usuarios esperan que estén.

7 Saltarse los diagramas de flujo y llegar al diseño

Los desarrolladores no ahorran tiempo omitiendo los diagramas de flujo y sumergiéndose directamente en la parte de diseño de la aplicación. Es muy importante crear un diagrama de flujo pensando en los usuarios, y muchos desarrolladores crean estos diagramas con los personajes de los usuarios para que siempre tengan en mente al usuario final.

Esto también ayudaría a determinar de dónde provienen los usuarios, cuáles son sus intereses y dónde se encuentran. Por lo tanto, al diseñar los diagramas de flujo, es imperativo decidir sobre el usuario y los objetivos comerciales y si se logrará al final o no. Al crear un esquema de flujo, es posible pasar por diferentes opciones con flujos de página y decidir cuál es la mejor.

8 No considerar las ‘capacidades percibidas’

En términos sencillos, disponibilidad significa todas las acciones que son físicamente posibles dependiendo de las propiedades de un objeto/entorno. Una escalera te permite subir o bajar, una tapa de botella te permite enroscar o desenroscar.

De manera similar, en una página web, un control deslizante realiza la función de moverse hacia arriba y hacia abajo, la casilla de verificación le permite marcarla o desmarcarla y el texto con hipervínculo lo lleva a otra página. Affordance permite a un usuario hacer algo que puede entender fácilmente.

La percepción de estas posibilidades se basará en el conocimiento del usuario de la página web, experiencias, creencias y objetivos. Al diseñar interfaces de usuario, es importante que el diseñador proporcione las indicaciones correctas o podría generar confusión y, por lo tanto, una mala experiencia de usuario.

Los diseñadores deben usar indicadores visuales correctos a través de los cuales los usuarios puedan percibir cómo observan estos elementos de la interfaz de usuario e interactúan con ellos. También es importante recordar que no todos los usuarios son iguales; por lo tanto, todas las posibilidades pueden no ser percibidas o interpretadas de la misma manera por todos. Así que respalda todas las señales visuales con las etiquetas e instrucciones adecuadas.

9 Ausencia del tipo correcto de cuadros de diálogo

En la usabilidad del diálogo de una aplicación web, es obligatorio informar a los usuarios sobre el estado actual del sistema y cómo se han interpretado sus comandos. Los diálogos están destinados a informar a los usuarios sobre cómo están resultando sus acciones, sin sacarlos de la pantalla actual.

El silencio puede mantener a los usuarios adivinando. Entonces, al crear una aplicación web, asegúrese de que el cuadro de diálogo no oculte información a los usuarios. Pero utilícelo con moderación, porque los mensajes continuos pueden interrumpir.

Por ejemplo, cuando el usuario decide salir de una página en particular después de escribir información, el cuadro de diálogo puede aparecer con el cuadro de confirmación que dice «¿Descartar borrador? Cancelar o Descartar».

Sin embargo, bombardearlos con cuadros de diálogo de suscripción (por ejemplo, «Por favor, suscríbase a nuestro boletín diario escribiendo su dirección de correo electrónico») demasiadas veces puede ser realmente irritante.

10 cometer errores comunes con mensajes de error

Los usuarios dedican tiempo y esfuerzo a completar los formularios, y cuando hay un error en ellos, es obligatorio informarles qué salió mal y dónde. Si existen reglas específicas para crear una contraseña, informe a los usuarios de antemano, para que no tengan que hacer lo mismo dos veces.

O, si hay que aplicar un código de promoción, simplemente infórmeles de antemano qué tipo de promociones se aplican y por qué. No informarles a tiempo puede generar ansiedad y frustración en el usuario. Recuerde no cometer estos errores al crear mensajes de error:

1. Ambigüedad- No tener claro el error cometido por el usuario.
2. Culpar al usuario: es mejor ser humilde, incluso cuando el usuario comete el error. Señale el error suavemente, para que se les indique que lo intenten de nuevo.
3. Mala ubicación de los mensajes de error: es recomendable no colocar los errores en una lista con viñetas porque eso realmente los apaga. Coloque los mensajes de error justo encima de los errores para que los usuarios puedan ver lo que está mal al instante.
4. No usar microcopias para evitar errores: pequeños fragmentos de texto explicativo cerca de los espacios en blanco pueden indicarle al usuario qué debe completar, para que pueda obtenerlo la primera vez.

11 Ausencia de valores predeterminados inteligentes

Tener un campo adicional en la página de llenado de formularios de su aplicación puede ser un elemento disuasorio. Entonces, si ese campo adicional es una necesidad absoluta, asegúrese de ingresar valores predeterminados en los campos de entrada del formulario. Las personas escanean los formularios rápidamente para verificar cuánto tiempo les tomará completar el formulario, y si ya hay un valor predeterminado en el formulario, es probable que continúen y completen los demás.

No tener valores predeterminados inteligentes podría hacer que el usuario consuma mucho tiempo y sea frustrante, y eso es un grave error. También es recomendable no establecer valores predeterminados para los campos de entrada que requieren la atención del usuario. No asuma en qué hará clic el usuario, e incluso si fuera un valor predeterminado bien investigado, los usuarios podrían querer algo más.

12 Ignorar los colores de acento para los botones de llamada a la acción

Es muy importante incorporar buenos colores de acento para llamar la atención sobre botones como «Comprar ahora», «Comenzar un tutorial gratuito», «Inscríbase ahora», etc. Use un color diferente para los botones para que se destaque, especialmente para aquellos muy botones cruciales de llamada a la acción.

El color de acento tiene que ser lo suficientemente brillante para llamar la atención, pero no irritante ni que distraiga. Asegúrese de que el color de énfasis se complemente con el resto del tema de color en la aplicación. También reserve un color específico para la llamada a la acción y no lo use en ninguna otra parte de la página.

Conclusión

Estos son algunos de los errores más comunes en el diseño de UI/UX. Y recuerde, cada vez que realice cambios en el diseño, asegúrese de probarlo a fondo para ver qué tan efectivo sería.

El diseño de aplicaciones es un diferenciador para el éxito, y con miles de aplicaciones que se lanzan cada día, solo unas pocas obtienen aprobación. Las malas prácticas pueden conducir a errores mortales en el diseño de UX/UI, y todos los esfuerzos de tantas personas se van por el desagüe.

Un último recordatorio:

Mientras diseña su aplicación, recuerde diseñar para múltiples plataformas, a menos que esté apuntando a una en particular. Así es como obtienes un Producto Mínimo Viable (MVP) directamente en la tienda.