fbpx Skip to content

Aprendizaje en el diseño de UX

Construir un sitio web para aprender es mucho más difícil de lo que parece.

Uno piensa que su diseño es claro y comprensible; sin embargo, un diseño que puede ser obvio para usted, puede ser percibido 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 Aprendizaje

El aprendizaje tiene una fuerte correlación con la usabilidad. Es vital que los usuarios entiendan 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 al usuario realizar tareas difíciles.

La rapidez de la adopción no es el único criterio por el que la capacidad de aprendizaje es importante. Un sitio web que parece familiar y proporciona una interfaz comprensible resultará en una tasa de rebote más baja. Esto es especialmente útil para los sitios web que intentan aumentar su tasa de conversión. Un diseño complejo asusta a los usuarios y recurren a otras herramientas que proporcionan una interfaz clara. Al final, el objetivo de cada sitio web es convertir a un usuario ocasional en un usuario repetitivo e involucrar al usuario en la interacción.

Aprendizaje por 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ñas sugerencias

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

Otros pequeños consejos, como la información sobre herramientas o el texto predeterminado, pueden dar al usuario una idea inicial sobre cómo se puede utilizar la interfaz y qué opciones están disponibles. Tomemos como ejemplo el modal Twitter “Componer nuevo Tweet”. El diseño pide al usuario que diga lo que está sucediendo. La respuesta inicial de un nuevo usuario sería introducir en el campo lo que acaba de ocurrir. Además, cuando el usuario pasa el ratón sobre uno de los iconos debajo del campo de texto, aparece un tooltip que le indica qué acción permite el icono. En resumen, no se desperdicia espacio en añadir texto, el diseño habla por sí mismo.

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 hayan utilizado Gmail deben reconocer muchos de los elementos al utilizar 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 los ordenadores, esta familiaridad es importante, ya que tienden a evitar el cambio y el aprendizaje de nuevas interfaces.

Un modelo mental representa el proceso de pensamiento de una persona sobre cómo funciona algo. Los modelos mentales se basan en hechos incompletos, experiencias pasadas e incluso percepciones intuitivas. Ayudan a dar forma a las acciones y al comportamiento, influyen en lo que la gente presta atención en situaciones complicadas y definen cómo las personas se acercan y resuelven nuevos problemas o interfaces.

Un fragmento del artículo de Susan Carey de 1986 sobre “La ciencia cognitiva y la educación científica”.

Puedes encontrar esta familiaridad también en los blogs, pero no tan explícita, ya que sólo se requieren ciertos elementos implícitamente. Por ejemplo, el icono de la hamburguesa indica que un menú está oculto y puede desplegarse haciendo clic en la hamburguesa. En la mayoría de los casos, encontrará un icono de búsqueda a la derecha de la barra de navegación.

Además, el diseño de los blogs es bastante consistente. Un blog siempre consiste en 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 se sienta extraño para nosotros.

Evidencia de acciones

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

Para darle un ejemplo sencillo, al completar un formulario, se le mostrará un “gracias” o un correo electrónico que indica que lo ha completado. Para un usuario, esto es una prueba clara de que ha utilizado la interfaz correctamente. ¿Por qué es importante? Proporcionar retroalimentación durante el proceso de aprendizaje ayuda al usuario a recordar mejor la interfaz a medida que aprende inmediatamente 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 utiliza la herramienta.

Para dar un ejemplo, en lugar de dar únicamente retroalimentación al enviar un formulario, vamos a dar retroalimentación a lo largo del camino en un campo por campo. Esto puede ser tan simple como mostrar una lista de requisitos para un campo de contraseña: cuando la contraseña cumple uno de los requisitos listados, el requisito se marca; cuando se cumplen todos los requisitos, el campo de entrada se vuelve verde indicando 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 crucial 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 sencillas para completar. Por ejemplo, usted tiene una plataforma en línea para crear y enviar facturas, deje que sus usuarios realicen las siguientes tareas:

  • Crear una factura con un artículo;
  • Editar factura;
  • Enviar factura al receptor;
  • 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 vez un día de descanso. Es importante medir el tiempo necesario para completar cada tarea. Un diseño que proporciona buenas capacidades de aprendizaje debe ver un aumento en la eficiencia mientras se repiten las tareas. Después de cinco repeticiones es normal ver estancamiento ya que el usuario ha alcanzado los límites de eficiencia (a menos que sean sobrehumanos).

Muchos elementos determinan el factor 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.