5 Maneras de Reducir la Carga Cognitiva en el Diseño

Por: Lic. Nicole Paez, UX/UI Designer de Kodda

Cuando una persona está sobrecargada de información o atascada por la distracción causada por información innecesaria se le conoce como “carga cognitiva”, ésta limita la capacidad de nuestro usuario de integrar información nueva e importante y es un gran obstáculo a la hora de lograr objetivos.

De manera breve, te mostraré 5 cosas que puedes hacer para reducir la carga cognitiva a la hora de diseñar UX/UI.

1. Reduce el número de elecciones que los usuarios tienen que hacer

Uno de los principales principios de UX es la Ley de Hick. Esta menciona que: el tiempo que hay que invertir para tomar una decisión incrementa con el número de opciones y la complejidad disponibles.

Dicho de otro modo: cuantas más opciones haya y más complejidad se añada a un diseño, más le costará al usuario entender qué está haciendo y escoger qué debe hacer.

La cantidad de opciones que tenemos como usuarios aumenta exponencialmente cada día. Internet nos ha dado acceso al conocimiento del mundo en segundos. Esta cantidad de opciones puede paralizarnos, reducir nuestra satisfacción y llevarnos potencialmente a la frustración en lugar de a la conversión.

Cuando a los usuarios se les dan demasiadas opciones, a menudo se sentirán confundidos y frustrados. Un producto puede tener todas las funciones del mundo, pero cuando la interfaz es demasiado complicada (debido a esta sobreabundancia de opciones) no termina siendo fácil de usar. Un estudio del Journal of Personality and Social Psychology encontró que esto a menudo causa parálisis de decisión y frustración cuando tenemos demasiadas opciones.

¿Qué debemos hacer entonces a la hora de diseñar?

El problema es que las personas ya de por sí deben lidiar con muchas opciones y decisiones en la vida diaria. No se trata de la cantidad de opciones que les das; se trata de lo organizadas que son. Debes reducir el número de opciones, pero, lo más importante es tu estructura de información. Si su información no está bien organizada o si hay una cantidad excesiva de pasos involucrados en un proceso de decisión, los usuarios no se molestarán en tratar de encontrar lo que están buscando porque sienten que tomaría demasiado tiempo o requeriría más esfuerzo de lo necesario. Deshazte de lo innecesario, agrega un buscador para que sea más fácil encontrar la información que desea el usuario y crea categorías para mantener un diseño organizado.

2. Reduce la carga cognitiva mediante el uso de patrones y símbolos familiares

Al usar patrones y símbolos que ya les son familiares al usuario reducimos de manera increíble la carga cognitiva, pues podrá relacionar esto al mundo real, a cosas que ya conoce y por lo tanto no le quitará tiempo a la hora de descifrar el significado de lo que le estamos mostrando.

Veamos 3 ejemplos de símbolos comunes de diseño de UX que harán que tus usuarios se sientan más cómodos al interactuar con tu producto o servicio.

Usa un esquema de color consistente.

Un esquema de color consistente puede ser la diferencia entre un buen diseño y uno sorprendente. Hay muchas razones para usar una paleta de colores cohesiva, pero una de las más importantes es que facilita la navegación a los usuarios.

El ojo humano se siente atraído por el color, por lo que si usa el mismo color en toda la interfaz, será más fácil para las personas orientarse. Esto significa que no tendrán que gastar tanta energía averiguando dónde están las cosas o cómo volver a encarrilarse cuando cometan un error.

Usar la repetición en patrones y símbolos en el diseño.

Es esencial no solo seguir las símbolos comunes de UX, sino también reutilizarlas. Cuando haces esto, sucede algo asombroso:

Las personas se sienten más cómodas usando su producto porque no hay nada completamente novedoso al respecto (esto reduce la carga cognitiva). La curvatura de aprendizaje es casi nula, pues si mantienes consistencia en la ubicación de tus íconos, en el color y tamaño de tus botones, en la animación de tus pantallas, etc. no meterás en aprietos al usuario.

Use íconos y símbolos familiares para representar acciones cotidianas,

Los íconos son una excelente manera de comunicar una acción u objeto en su aplicación. Son fáciles de entender y universalmente reconocibles, por lo que son perfectos para interacciones rápidas. Agregar íconos y símbolos que ya son ampliamente conocidos puede ayudar a evitar que el contenido de su aplicación se sienta demasiado complejo sin volverse abrumador.

Debes asegurarte de que estás usando íconos que sean ampliamente reconocidos por lo que son; un ejemplo de esto es una casa. Este ícono se reconoce universalmente como un icono de “inicio” o una pantalla de inicio. Lo mismo con una papelera o bote de basura: este ícono se reconoce como un icono para eliminar un elemento. De igual manera cuida que tus íconos provengan de la misma librería para darle un diseño homogéneo y consistente a tu proyecto.

3. Facilítale al usuario volver a la normalidad si comete un error

Seamos realistas, todos cometemos errores. Pero, ¿qué debe hacer un buen diseñador de UX si su usuario ha cometido un error?

La respuesta: darles una manera fácil de volver al punto de partida.

Un buen ejemplo es una página 404. Todos hemos visto una, y puede ser frustrante no encontrar lo que estamos buscando. Un ejemplo de cómo solucionar esto es agregar un botón “atrás”, que llevará al usuario a donde estaba antes de intentar ir a otro lado o verla también como una oportunidad de oro para guiar al usuario al modo explorador y descubrir algo que no sabía que estaba buscando.

Cuando el usuario cometa errores al llenar un formulario muestrele dónde se ha equivocado y explícale qué es lo que hizo mal para que pueda corregirlo. De igual manera cuida tus copys y evita usar palabras duras en tus mensajes, ya que pueden alejar o incluso enojar a algunos usuarios.

4. Use señales visuales para la navegación

La navegación es el núcleo de cualquier sitio web o aplicación. Es lo que hace que su diseño sea accesible y utilizable para todos. Un buen sistema de navegación para su caso de uso específico puede ser difícil de encontrar, pero es crucial para la experiencia del usuario. Una mala navegación es frustrante y distrae, lo que conduce a una mala experiencia en general.

La UX de la navegación debe ser intuitiva y fácil de usar. El usuario siempre debe saber dónde está, qué tiene disponible en ese momento y cómo llegar allí. Una buena manera es dar pistas al usuario sobre su entorno: un tema de color diferente al cambiar de sección, mensajes claros sobre qué función se puede encontrar en cada elemento del menú, headers o breadcrumbs que le ayuden a saber en qué parte de la aplicación o sitio web se encuentra, un bottom navigation que le muestre las navegaciones principales y más importantes, etc. Estos pequeños detalles ayudan a que navegar sea una experiencia agradable en lugar de algo difícil y frustrante.

5. Diseña pensando en tus usuarios, no en ti o en tu empresa

Todos sabemos que debemos diseñar para nuestros usuarios finales, pero no siempre es fácil. Cuando estás en medio de un proyecto de diseño y tratas de descubrir qué necesita el usuario o cómo reaccionará, puede ser difícil mantenerlo al frente de tu mente.

La mejor manera de diseñar pensando en los usuarios es escuchando sus comentarios. Cuando estés trabajando en un nuevo proyecto y pensando en cómo debería funcionar para ellos, asegúrese de hablar directamente con los usuarios finales antes de pasar a la creación de prototipos o finalizar cualquier decisión.

Para hacer esto, intenta hacer preguntas como:

“¿Qué fue lo que más disfrutó de nuestro último producto?”

“¿Cómo te sentirías si cambiáramos ‘x’ característica?”

Y NUNCA olvides las pruebas de usabilidad. Todo lo que tengas prototipado pruebalo con los usuarios, sé observador y fijate en qué están teniendo problemas, en qué cosas están pasando por alto y cuáles ya están resolviendo sus necesidades.

Te sorprenderá la información que puedes acumular y cómo cambiarán la dirección de tu prototipo.

Conclusión

Hoy te hablé de estas 5 maneras en las que puedes reducir la carga cognitiva en tu diseño y así darle al usuario una de las mejores experiencias con tu producto ¿Conoces alguna otra manera de reducir la carga cognitiva?

Compártela con nosotros.

Gracias por llegar hasta aquí.