Capacidad de aprendizaje en el diseño de UX

Crear un sitio web que se pueda aprender es mucho más difícil de lo que parece.

Uno piensa que el diseño de uno es claro y comprensible; sin embargo, un diseño que podría ser obvio para usted, puede ser percibido de manera totalmente diferente por un usuario con un conjunto diferente de experiencias. Por lo tanto, el objetivo es diseñar una ruta de usuario clara que los visitantes puedan captar y comprender rápidamente.

Por qué es importante la capacidad de aprendizaje

La capacidad de aprendizaje tiene una fuerte correlación con la usabilidad. Es vital que los usuarios comprendan rápidamente el diseño y el propósito de una aplicación. Especialmente para las aplicaciones web, es importante proporcionar una interfaz fácil de aprender. Es mucho más conveniente diseñar una aplicación móvil fácil de entender en comparación con una aplicación web; una pantalla móvil simplemente no permite proporcionar una interfaz compleja o permitir que el usuario realice tareas difíciles.

La velocidad de adopción no es el único criterio por el que importa la capacidad de aprendizaje. Un sitio web que parezca familiar y proporcione una interfaz comprensible dará como resultado una tasa de rebote más baja. Esto es especialmente útil para sitios web que intentan aumentar su tasa de conversión. Un diseño complejo asusta a los usuarios y éstos recurrirán a otras herramientas que proporcionen una interfaz clara. Al final, el objetivo de cada sitio web es convertir a un usuario ocasional en un usuario repetido e involucrar al usuario en la interacción.

Capacidad de aprendizaje con el ejemplo

Podemos encontrar un montón de ejemplos en Internet donde la capacidad de aprendizaje se ha aplicado de la manera correcta. Echemos un vistazo a los elementos clave de la capacidad de aprendizaje en el diseño …

Pequeños consejos

Hace unos días, me mudé a Berlín y tuve que completar un formulario para calcular el costo de mi seguro médico europeo. Desafortunadamente, el formulario solo está disponible en alemán, sin embargo, debido a la gran combinación de imágenes y texto, pude entender perfectamente qué información necesitaban. Este es un gran ejemplo de cómo un icono puede reflejar una posible respuesta.

Otras pequeñas sugerencias, como información sobre herramientas o texto predeterminado, pueden dar al usuario una idea inicial sobre cómo se puede usar la interfaz y qué opciones están disponibles. Tomemos como ejemplo el modal de Twitter “Redactar nuevo tweet”. El diseño le pide al usuario que cuente lo que está sucediendo. La respuesta inicial de un nuevo usuario sería ingresar lo que acaba de suceder en el campo. Además de eso, cuando el usuario pasa por uno de los íconos debajo del campo de texto, aparecerá una información sobre herramientas que le indicará qué acción permite el ícono. En resumen, no se desperdicia espacio en agregar texto, el diseño habla por sí solo.

Familiaridad por consistencia

Google utiliza su propio sistema de diseño (Material Design) que se utiliza cada vez más en todos sus productos. Por lo tanto, un botón de llamada a la acción será el mismo en todas las herramientas. Los usuarios que han utilizado Gmail deben reconocer muchos de los elementos cuando utilizan Google Drive por primera vez.

Esta familiaridad facilita el proceso de adopción de una nueva interfaz, ya que los usuarios pueden transferir su modelo mental de un producto a otro. Especialmente para una generación mayor que no creció con computadoras, esta familiaridad es importante ya que tienden a evitar cambios y aprender nuevas interfaces.

Un fragmento de Susan Carey’s Artículo de revista de 1986 sobre ‘Ciencias cognitivas y educación científica’.

Puede encontrar esta familiaridad también en blogs, pero no tan explícita ya que solo se requieren ciertos elementos implícitamente. Por ejemplo, el icono de hamburguesa indica que un menú está oculto y se puede desplegar haciendo clic en la hamburguesa. En su mayoría, encontrará un icono de búsqueda en el lado derecho de la barra de navegación.

Además, el diseño de los blogs es bastante consistente. Un blog siempre consta de un encabezado con una navegación clara seguida de algunos artículos destacados y luego el cuerpo del artículo. Nosotros, como usuarios, nos familiarizamos con este concepto para que un blog con un diseño diferente se vea y nos resulte extraño.

Evidencia de acciones

Además de asegurarse de que las acciones sean comprensibles, también es importante asegurarse de que el usuario tenga evidencia de sus acciones; esto ayuda a reforzar la reacción que produce cada operación a lo largo del viaje.

Para darle un ejemplo simple, al completar un formulario, se le muestra un ‘agradecimiento’ o un correo que indica que lo completó. Para un usuario, esa es una clara evidencia de que ha utilizado la interfaz correctamente. ¿Por qué importa esto? Proporcionar retroalimentación durante el proceso de aprendizaje ayuda al usuario a recordar mejor la interfaz, ya que aprende de inmediato lo que es posible o no. Los mecanismos de retroalimentación adecuados pueden reducir la curva de aprendizaje rápidamente y también ayudar al usuario a aumentar su eficiencia mientras usa la herramienta.

Para dar un ejemplo, en lugar de solo dar comentarios al enviar un formulario, proporcionemos comentarios a lo largo del camino campo por campo. Esto puede ser tan simple como mostrar una lista de requisitos para un campo de contraseña: siempre que la contraseña cumpla con uno de los requisitos enumerados, el requisito se marca; cuando se cumplen todos los requisitos, el campo de entrada se vuelve verde, lo que indica que el usuario puede pasar al siguiente campo de entrada.

¿Cómo medir la capacidad de aprendizaje?

En realidad, no es tan difícil diseñar un proceso sólido para medir la capacidad de aprendizaje. En primer lugar, un indicador clave de la capacidad de aprendizaje es la tasa de rebote. Por lo tanto, el uso de Google Analytics es fundamental para obtener información.

Además de Google Analytics, puede realizar pruebas usted mismo con sujetos de prueba aleatorios: proporcione una interfaz a sus sujetos de prueba y déles cinco tareas simples para completar. Por ejemplo, tiene una plataforma en línea para crear y enviar facturas, deje que sus usuarios realicen las siguientes tareas:

• Cree una factura con un artículo;
• Editar factura;
• Envíe la factura al destinatario;
• Seguimiento del pago de la factura;
• Descargue la factura completa para la contabilidad personal.

Ahora, deje que sus sujetos de prueba realicen estas tareas simples cinco veces seguidas con cada día de descanso. Es importante medir el tiempo necesario para completar cada tarea. Un diseño que proporcione buenas capacidades de aprendizaje debería ver un aumento en la eficiencia al repetir las tareas. Después de cinco repeticiones es normal ver un estancamiento ya que el usuario ha alcanzado los límites de la eficiencia (a menos que sea sobrehumano).

Muchos elementos determinan el factor de capacidad de aprendizaje. Nunca dé por sentado su diseño, siempre hay espacio para la optimización. Utilice estos consejos en la práctica y vea cómo puede optimizar la tasa de conversión de su diseño.

Foto principal vía Unsplash