Diez formas de reducir la carga cognitiva sin convertir tu interfaz de usuario en una ciudad fantasma minimalista
Seamos honestos: todos hemos entrado en un departamento “minimalista” donde no hay dónde sentarse, solo hay un cactus en la esquina y el ambiente es tan frío que te sientes como si estuvieras en una sala de interrogatorios de ciencia ficción.
Claro, está “limpio”, pero no encuentras un baño y tienes miedo de tocar cualquier cosa.
en el mundo Diseño de interfaz de usuarioa menudo hacemos lo mismo con nuestros usuarios. Estábamos tan aterrorizados por la “carga cognitiva” que eliminamos todos los botones, etiquetas y sombras hasta que los usuarios miraban una pantalla en blanco, preguntándose si el sitio estaba roto o si acababan de llegar al final de Internet. estábamos equivocados vacío para claro.
Reducir la carga cognitiva no significa eliminar funciones; esto debería significar Limpiar el desorden mental. Quiere que su interfaz de usuario se sienta como un taller bien organizado: todo está ahí, las herramientas son poderosas, pero no tiene que buscar un martillo.
Aquí le mostramos cómo mantener su interfaz rica y funcional sin abrumar a sus usuarios.
1. Domina el arte de los “bloques”
Imagina que te pido que recuerdes el número 8675309. Esto es un poco problemático, ¿verdad? Es sólo un montón de información aleatoria. Pero si te doy 867-5309, de repente empezarás a cantar una canción de los 80. eso es fragmentación.
El cerebro humano es básicamente un recepcionista muy ocupado que sólo puede tener entre cinco y nueve “documentos” en sus manos al mismo tiempo. Si le arroja veinte campos de formulario separados e irrelevantes a alguien, esa recepcionista lo dejará todo y renunciará.
Pero si divide esos veinte campos en tres secciones distintas: “Datos personales”, “Detalles de envío” y “Pagos”, el cerebro ve tres “bloques” en lugar de veinte tareas.
Aún no has eliminado ningún campo. La complejidad sigue ahí, pero al usar bordes, colores de fondo o simplemente espacios generosos para agrupar elementos relacionados, ha convertido una montaña de datos en una serie de colinas manejables.
La misma cantidad de información, pero se siente más ligera porque el cerebro sólo necesita “Etiqueta” Tres cosas en lugar de veinte.
2. No juegues a “adivina el icono”
Todos hemos visto esas misteriosas ilustraciones. ¿Es un bote de basura? ¿Bolsa de la compra? ¿Un buzón muy pequeño? ¿Quizás sea una paloma estilizada? Cuando utilizas íconos sin etiquetas, obligas a los usuarios a jugar un juego de adivinanzas de alto riesgo. Tienen que detener lo que están haciendo, pasar el cursor sobre el ícono, esperar una información sobre herramientas o (con suerte) hacer clic en él para ver qué sucede.
“Reconocer es mejor que recordar” es una forma peculiar de decir: Deja de intentar que la gente recuerde el significado de tus símbolos extraños.Siempre que un usuario necesite preguntar, “Espera, ¿qué hace otra vez el ícono del disquete?” (Especialmente si nacieron después de 1995). Estás agotando su combustible mental.
Agregar una etiqueta de texto simple junto a una imagen puede reducir el tiempo de “procesamiento” mental a casi cero. No satura la página; proporciona una red de seguridad.
Su interfaz de usuario no es una tumba; está bien tener texto en ella. Las etiquetas sirven como guías, asegurando que la “riqueza” de la interfaz sea realmente útil y no sólo una colección de bonitos acertijos.
3. Construir una “carretera visual” (estructura jerárquica)
Si todo en la página está en negrita, brillante y parpadeante, entonces nada significa nada. Es como estar en una habitación y todos gritan al mismo tiempo; terminas escuchando nada más que un dolor de cabeza. Una interfaz de usuario “ocupada” normalmente no tiene demasiadas funciones; simplemente no lo prioriza.
Excelente uso de la interfaz de usuario jerarquía visual Dígale a los ojos del usuario exactamente dónde ir primero, segundo y tercero. Esta es la “autopista visual”. Necesita una rampa de acceso grande y clara (su encabezado H1), un carril rápido (su principal llamado a la acción) y algunos desvíos panorámicos (detalles menores).
Cuando utiliza el tamaño, el contraste y el peso para guiar a los usuarios a través de la página, está “pensando” por el usuario. Si el botón Comprar ahora es de un verde azulado vibrante y el botón Cancelar es de un gris suave, los usuarios no tienen que hacerlo. leer– ellos simplemente Saber.
Al crear este camino, puedes moverlos a través de espacios densos y Páginas ricas en funciones Es tan fácil como conducir por carreteras conocidas.
4. Base de “necesidad de saber” (divulgación progresiva)
Piensa en tu videojuego complejo favorito. No te dan los cincuenta hechizos mágicos, un mapa de toda la galaxia y un menú de elaboración avanzado para el primer nivel. Si lo hicieran, estarías desinstalando el juego en diez minutos. En cambio, te dan una espada y te dicen que la blandas.
Esto es divulgación progresiva. Este es el arte de mostrar solo lo necesario. Ahora. En la interfaz de usuario, esto significa ocultar el contenido avanzado bajo el engranaje de Configuración, el acordeón o el interruptor Más opciones.
Esta es el arma secreta contra los pueblos fantasma minimalistas. No estás eliminando funciones para mantener la pantalla en blanco; lo estás quitando para mantener la pantalla en blanco. Simplemente no invitaste a toda tu familia a tu primera cita. Esto mantendrá la interfaz limpia para el 90% de las personas que solo quieren lo básico y para los usuarios avanzados (en realidad, los que quieren saber lo básico). pensar Complejidad: sepa exactamente dónde encontrar el “modo experto”.
5. Deja de intentar reinventar la rueda
Lo sé, lo sé. Eres un genio creativo que quiere cambiar el mundo a través de un nuevo y revolucionario sistema de navegación que utiliza una esfera giratoria en 3D. Pero, por el amor de todas las cosas santas, mantén la barra de búsqueda en la parte superior y el ícono de Perfil en la esquina superior derecha.
El 99% del tiempo de los usuarios se dedica a otro Aplicaciones. Han pasado años entrenando sus cerebros para comprender cómo funcionan estas aplicaciones. Tienen “modelos mentales” de dónde están las cosas. Cuando sigue patrones de diseño estándar, permite a los usuarios utilizar su “piloto automático”.
Si les haces aprender una forma completamente nueva de navegar por los menús sólo para ponerse “nerviosos”, les estás cobrando un impuesto mental que probablemente no quieran pagar. Una interfaz de usuario rica en funciones parece “simple” cuando se comporta exactamente como esperan los usuarios. Guarde su creatividad para el contenido, no para el botón Atrás.
6. El espacio en blanco no es un espacio “vacío”
En los pueblos fantasma minimalistas, los espacios en blanco se utilizan para hacer que las cosas parezcan caras, solitarias y vagamente artísticas. Pero en una interfaz de usuario de alta densidad y con todas las funciones, El espacio en blanco es una herramienta de separación. Piense en ello como el silencio entre las notas de una canción. Sin ese silencio, sería sólo un grito continuo y desgarrador.
No siempre necesitas un borde gris, una sombra o una línea negra para separar dos partes. A menudo, estas líneas simplemente añaden más ruido visual para que el cerebro lo procese. A veces, sólo un poco de espacio extra -un “brecha para respirar”- permite al cerebro distinguir sin esfuerzo entre dos conjuntos de información.
Los espacios en blanco hacen que una página parezca “ligera” y organizada, incluso si la página está repleta de tablas y gráficos. Es la diferencia entre un armario desordenado y un estante de boutique.
7. Responda a los usuarios (bucle de retroalimentación)
No hay nada más estresante que hacer clic en el botón “enviar”… y que no pase nada. ¿Es efectivo? ¿Estás pensando? ¿Está caído Internet? ¿Debo hacer clic en él nuevamente? Ahora que hice clic cuatro veces, probablemente pedí cuatro licuadoras iguales y me suscribí a cuatro boletines informativos.
Reducir la carga cognitiva significa Elimina cualquier duda. La incertidumbre agota mucha energía mental. Cuando su interfaz de usuario está en silencio, los usuarios deben llenar ese silencio con preocupación.
Proporcione a las personas retroalimentación táctil instantánea. Utilice “Cargar esqueleto” para informarles que se avecina contenido. Utilice un mensaje de “brindis” de éxito que aparezca durante dos segundos para decir “¡Te tengo!” Cambie el color del botón cuando el mouse esté sobre él y haga que parezca “presionado” cuando se haga clic.
Cuando la interfaz de usuario responde, el usuario puede dejar de preguntarse “qué pasó” y pasar a la siguiente tarea.
8. Conviértete en el “amigo inteligente” predeterminado
fatiga de decisión es algo real. Cuando estaba eligiendo fuentes, colores, frecuencia de notificación y configuración de privacidad, estaba listo para una siesta. Cada vez que les pides a los usuarios que elijan, devoras su fuerza de voluntad.
Puede ahorrarles a sus usuarios mucho esfuerzo si: elige por ellos—Al menos al principio. Este es el poder de los ajustes preestablecidos significativos. Si el 90% de los usuarios quiere “Envío estándar”, conviértalo en una burbuja preseleccionada. Si su aplicación se utiliza principalmente en una oficina, establezca el horario de trabajo predeterminado en 9 a 5.
Los valores predeterminados inteligentes no quitan el poder a los usuarios; simplemente eliminan el “trabajo ocupado”. Es una decisión menos que tienen que tomar y encontrarán la interfaz “intuitiva” sin darse cuenta de que usted es quien hace el trabajo preliminar por ellos.
9. Mapa como el mundo real.
Nuestros cerebros han evolucionado durante millones de años en el mundo físico, pero sólo han pasado unos treinta años dándole sentido al mundo digital. Estamos programados para entender cosas como “arriba significa más” y “tirar de algo para que se mueva”.
Cuanto más cerca esté su control digital de imitar realidad fisicamenos “aprendizaje” tendrá que hacer el usuario. Es por eso que un control deslizante de volumen parece más natural que ingresar “87%” en un cuadro de texto. Es por eso que “deslizar” una tarjeta resulta más definitivo y satisfactorio que hacer clic en “cerrar” un enlace.
A esto se le llama “mapa conceptual”. Si una interfaz se comporta como un objeto físico (un botón en el que parece que se puede hacer clic, una página que se desliza como una hoja de papel, un interruptor que se activa como un interruptor de luz), el usuario no tiene que “pensar” en cómo usarlo. ellos solo Hacerél.
10. Escribe como un ser humano
Finalmente, hablemos. “Error 404: la URL solicitada no se encontró en este servidor” suena como si un robot estuviera atravesando una crisis de mediana edad. El tono era frío, técnico y ligeramente acusatorio. Obliga al usuario a cambiar del “modo tarea” al “modo traducción técnica”.
“¡Ups! No podemos encontrar la página” es mucho mejor. Borrar copia del diálogo Reduzca el “¿Qué significa esto?” factor.
No utilices jerga cuando las palabras simples sean suficientes. No uses la voz pasiva cuando puedas expresarte directamente. Si su interfaz de usuario le habla al usuario como un amigo útil y ligeramente ingenioso en lugar de un aburrido manual de instrucciones, la fricción psicológica desaparecerá.
Mantenga sus instrucciones simpletu tono amigabley tu etiqueta obvio. Si tu abuela no puede entender qué hace un botón según su etiqueta, probablemente estés complicando demasiado las cosas.
Conclusión: rico, no arruinado
No es necesario vivir en un pueblo fantasma para vivir una vida pacífica. Todo lo que necesitas es un hogar organizado. Una interfaz de usuario rica en funciones es señal de una herramienta poderosa, pero el poder no tiene por qué ser doloroso.
Al organizar los datos en fragmentos, persistir“regla” y hablar con los usuarios como humanos, puedes crear un espacio digital que se siente muy poderoso pero muy liviano.
Conservas las campanas, conservas los silbatos, pero los organizas de manera tan hermosa que el usuario nunca siente que están enterrados debajo de ellos.
Mantenga todo organizado, sea predecible y, por el amor de Dios, sea amigable.
