BlogSHIFT eLearning

Nuestro blog proporciona las mejores prácticas, consejos, ideas y tips de capacitación corporativa, diseño instruccional, eLearning y mLearning.

Para visitar el blog en inglés haga clic aquí
    All Posts

    Estilos de diseño que puede adoptar al crear un curso eLearning [+ Ejemplos]


    Año nuevo, diseños nuevos. El 2017 tiene algunas tendencias de diseño interesantes que pueden elevar su estrategia eLearning al siguiente nivel (si sabe cómo usarlas adecuadamente por supuesto).

    Antes de comenzar, cabe destacar que no todas estas tendencias son las indicadas para cada situación y el intentar combinar diferentes estilos hará que sus cursos abrumen al usuario en vez de ser llamativos. Además, recuerde que "porque se ve bien" no es una razón suficiente para adoptar un determinado estilo, todo lo que haga debe responder a su público meta y a los objetivos de aprendizaje, así como al tipo de contenido.

     


    Ahora, veamos cuales son estas tendencias y cómo podría aplicarlas en sus diseños de eLearning para lograr pantallas más llamativas:

    1) Las caricaturas o dibujos animados nunca pasarán de moda 

    Tome un descanso de aquellos estilos corporativos aburridos para sus diseños de eLearning e inyecte personalidad con caricaturas o dibujos animados. Crecimos viendo personajes ficticios, y aunque no quisiéramos ver las mismas cosas que observamos como niños, el estilo colorido y vivo aún resuena con los adultos.

    Es importante considerar adoptar este estilo según la audiencia y el tipo de contenido, pero si decide que es el indicado, sin duda alguna hará el diseño más atractivo, y tendrá más posibilidades de atraer y mantener la atención de los estudiantes.

    Vea este ejemplo desarrollado por Sam Oxely para el sitio web de Digital Ocean:

    sam-1.jpg

    2) Ilustraciones 

    Las ilustraciones tomarán más impulso este año ya que no hay mejor manera de llamar la atención o contar una  historia que con el apoyo de un elemento visual creativo como este.

    Además, las ilustraciones, como los ejemplos adjuntos, ayudan a marcar un estilo y a crear cohesión en un curso eLearning. Con tantos tipos de ilustraciones para elegir, puede ser una manera fácil de establecer un tono para su curso.

    patient_forms_drib-1.jpgunder_construction_website.jpeg

    Images by Ibnu Mas and Josh Warren

    3) Foto Realismo

    Observe este ejemplo detenidamente. Más que un título llamativo, un párrafo informativo y una lista de ingredientes, vemos una imagen de fondo con ingredientes y utencilios reales. A partir de esta imagen, los estudiantes obtienen una versión más realista del contenido. Esto hace que su diseño parezca más tangible y más humano que solamente utilizar un fondo a color, ¿No cree?

    details4-1.png

    4) Tipografías grandes

    Este año, la tipografía será algo más que palabras.

    Cada empresa tiene ya su tipografía corporativa básica por emplear en los cursos… y ¡desde luego es importante seguir usándola para crear consistencia visual! Pero la idea es acompañarla con alguna otra diferente en los títulos o en imágenes. Siempre que estas sean legibles y que transmitan alguna emoción o sensación especial.

    Este 2017, usted verá fuentes más audaces y con más personalidad en las paginas web.  Casi que se convierten en elementos protagonistas de un diseño.Los diseñadores eLearning podrán innovar e implementar está tendencia para llamar más la atención de su audiencia meta. 

    Por ejemplo, las tipografía vintage y retro se empezarán a ver con más frecuencia. También las fuentes minimalistas seguirán tomando terreno ya que dan un “look” muy elegante y fácil de leer.

    sundaybreakfast.org_0013_1-1.jpg

    Image source: www.thebestdesigns.com

    5) Colores brillantes y gradientes 

    Este año los colores fuertes y los gradientes de dos tonos estarán presentes. El verde será especialmente utilizado por los diseñadores ya que Pantone escogió el tono “Greenery” como el color del 2017 (como un símbolo de nuevos comienzos).

    El famoso concepto de diseño denominado por Google “Material Design” ha hecho que ciertas combinaciones de color estén a la moda también. Los conceptos de color del Material Design no solo son intensos, sino también brillantes. La idea bajo esta tendencia se trata de no estar confinados a grandes bloques de colores complementarios, sino de usar un par de colores en sus diferentes tonos y gradientes. 

    Vea algunos ejemplos de paletas de colores aquí: https://material.io/guidelines/style/color.html#color-color-palette

    Algunos sitios útiles para elegir paletas de colores incluyen: Material Design Palette y MaterialUI.

    Las fotografía “Duotone” también serán utilizadas en el 2017. Estas fotos utilizan dos colores para hacer una clase de foto blanco y negro alternativa con letras en contraste u otros elementos como la foto de abajo. Usted probablemente ya ha notado este tipo de esquema de color de la foto en sitios populares como Spotify.

    20161114174656-1.jpg

    Image source: www.cssdesignawards.com

    Más que sólo apariencias: Estos colores brillantes no solamente lograrán que las pantallas de sus cursos eLearning se vean bien o capten la atención. También mejorarán la experiencia del usuario al crear botones y elementos de navegación que sea más fáciles de ver y utilizar.


     

    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Artículos relacionados

    ¿Cómo medir el impacto de los programas de formación online?

    La formación online es fundamental para numerosas empresas y organizaciones en la actualidad, pero pese a la existencia de diversas herramientas para medir su impacto, ¿logramos realmente una comprensión completa y profunda del valor que estos programas aportan a nuestras organizaciones?

    5 técnicas para acelerar el proceso de desarrollo de sus cursos de eLearning

    ¿Ha sentido la urgencia de actualizar y expandir los programas de formación en su empresa ante los rápidos cambios tecnológicos y de mercado? En nuestra era digital, no solo es fundamental ser ágiles en el desarrollo de cursos de eLearning; es prácticamente un requisito para mantenerse competitivo. Como líder de formación, enfrenta el reto constante de adaptar la capacitación a necesidades que evolucionan día con día, abarcando desde procesos comerciales hasta el manejo de nuevas tecnologías y normativas. La rápida obsolescencia de los conocimientos, sumada a plazos ajustados y presupuestos limitados, complica aún más esta tarea.

    Cómo usar la IA para desarrollar contenidos e-learning

    La inteligencia artificial (IA) está revolucionando el e-learning, prometiendo transformar cómo creamos cursos. Sin embargo, para líderes y equipos de formación, surge la pregunta: ¿Es la IA un aliado o un nuevo reto a enfrentar? Sabemos que adaptarse a la IA puede parecer abrumador, desde dominar su aprendizaje hasta integrarla efectivamente, sin mencionar el temor a que deshumanice la formación. Pero, miremos el panorama completo: la IA abre puertas a una creación de cursos más rápida, aprendizaje personalizado y una gestión del conocimiento más eficiente. Imagine automatizar funciones altamente tediosas en el diseño instruccional, crear contenido a medida para cada colaboradores y usar datos para mejorar los cursos constantemente. ¿No es esto exactamente lo que queremos para la formación en las empresas?