Skip to content

3 tendencias para crear una gran UI / UX de elearning

Blog posts | 30.01.2018

Kineo

Dando forma al futuro del aprendizaje

Al crear una excelente interfaz de usuario / experiencia de usuario de elearning, es importante considerar no solo lo que funcionará desde un aspecto técnico, sino también lo que tus usuarios esperan ver. Considera tu propia experiencia personal: si ves un curso de actualización sobre leyes de manejo y el video se ve granulado, sucio y tiene gráficos y animaciones cursis, podrías preguntarte si la información que se presenta está actualizada a la fecha y relevante como debería ser. Incluso si hubiese sido filmado un día antes, su estilo visual desactualizado puede hacer que asumas automática e involuntariamente que la información ya no es aplicable y, por lo tanto, ignores el contenido de la capacitación o pierdas el interés por completo.

Tus usuarios podrían experimentar lo mismo al realizar un curso de elearning que parece obsoleto. A medida que la tecnología mejora y la gente pasa al menos algún tiempo del día en línea navegando por diferentes sitios web, han surgido ciertas tendencias de diseño que los usuarios esperan. Si sus cursos se apartan de esas expectativas de manera monumental, o parecerán adelantados a la época (¡lo que sería genial!) O lamentablemente atrasados y pasados de moda (lo que sería malo y quizás más probable).

A continuación, analizaremos algunas tendencias de diseño que tu organización debería intentar implementar o mantener y algunos recursos que pueden brindarte inspiración adicional para crear una excelente experiencia de usuario e interfaz.

Diseños minimalistas

A medida que te desplazas por los sitios web hoy en día, ya sea de contenido (noticias, blogs) o de comercio electrónico, probablemente hayas notado que el diseño digital tiende hacia el minimalismo. En muchos sitios, verás espacios en blanco limpios con imágenes que se muestran de forma destacada sin desorden. El texto generalmente está en una fuente grande y fácil de leer, con mucho espacio entre caracteres y líneas. Los sitios que cuentan con colores chillones, animaciones o gráficos cursis y texto que abruma completamente la página pueden ser percibidos por el espectador como molestos en el mejor de los casos, o completamente desactualizados y poco confiables en el peor. Eso no quiere decir, por supuesto, que debas anteponer la importancia de un diseño minimalista a la creación de un sitio que sea informativo y útil, pero un diseño sin desorden innecesario, colores chillones y gráficos y animaciones cursis podría ser de gran ayuda para impresionar a tus usuarios.

¿Cuál ha sido el mayor cambio a lo largo del tiempo? La tendencia del diseño “plano”. El mayor cambio en la interfaz de usuario es que los botones interactivos son más difíciles de identificar ahora. En el pasado, los botones eran dimensionales y se identificaban fácilmente como interactivos, pero ahora, con el diseño "plano", hemos tenido que repensar cómo podemos indicar a los usuarios finales que se puede hacer clic en los botones.

Sitios web responsivos y adaptables

En el clima digital actual, tener un sitio web responsivo o adaptable no es negociable para los diseñadores de UI / UX de elearning y para todos los diseñadores web en general. Los usuarios esperan poder cambiar entre dispositivos con facilidad y sin tener que lidiar con la frustración de que los gráficos y el texto no se muestren correctamente o que sean demasiado pequeños para ser prácticos. Aunque las dos opciones tienen un objetivo final similar, sus medios de construcción y diseño son completamente diferentes.

  • Un sitio responsivo simplemente responde al tamaño del dispositivo, ajustándose para adaptarse a la pantalla según sea necesario. Estos sitios pueden ser más difíciles de crear inicialmente, ya que requieren que los parámetros de cada dispositivo y tipo de navegador se tengan en cuenta en el código.
  • Los sitios adaptables, a su vez, requieren la creación de versiones completamente diferentes de un sitio para que cuando la página se abra en un dispositivo o navegador específico se cargue la versión adecuada. Al comparar los dos, un diseño responsivo probablemente sea la mejor opción, y es la opción que emplea Kineo, ya que está prácticamente garantizado que se mostrará correctamente en cualquier navegador y en cualquier dispositivo, mientras que un diseño adaptable se mostrará correctamente solo si se muestra en la versión para la que fue creado. 

Paginación o desplazamiento infinito

Al decidir si utilizar la paginación o el desplazamiento infinito en tu diseño de UX / UI de elearning, es importante considerar el contenido que estás mostrando y el objetivo general. Para algunos escenarios, como aquellos en los que hay una cantidad moderada de texto diseñado para consumirse en una sola sesión, el desplazamiento infinito puede ser muy conveniente. Por el contrario, si el texto es demasiado largo, el desplazamiento infinito puede llevar a la frustración del lector, ya que intenta desesperadamente llegar al final sin aparentemente un final a la vista. Cuando hay una gran cantidad de contenido que se puede dividir fácilmente en secciones para ser revisadas en el transcurso de múltiples sesiones, la paginación puede ser la mejor opción, ya que tus usuarios pueden pausar su lectura y volver a leerla más tarde sin tener que… Bueno, desplazarse infinitamente para volver al último contenido.

Ahora que tienes algunas ideas para pulir tu UX / UI de elearning, descubre cómo incorporar con éxito las tendencias de diseño que harán destacar más tus capacitaciones con nuestro webinar: Tendencias de diseño digital en el aprendizaje y más allá.

Kineo

Dando forma al futuro del aprendizaje


Kineo ayuda a las empresas líderes del mundo a mejorar el rendimiento a través del aprendizaje y la tecnología. Estamos orgullosos de nuestra reputación de ser flexibles e innovadores y de nuestro galardonado trabajo con clientes de todo el mundo.