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

    Aprendizaje con IA en los Flujos de Trabajo Diarios

    En un entorno laboral donde la velocidad del cambio supera la capacidad tradicional de capacitación, las organizaciones enfrentan un reto creciente: ¿cómo asegurar que sus equipos adquieren y aplican habilidades justo cuando el negocio las necesita? La respuesta está tomando forma con un nuevo enfoque que está redefiniendo por completo el aprendizaje corporativo: el aprendizaje impulsado por Inteligencia Artificial integrado directamente en los flujos de trabajo diarios. Este modelo elimina la brecha histórica entre “aprender” y “hacer”. La formación deja de ser un evento aislado y se convierte en un apoyo continuo que acompaña a las personas mientras ejecutan sus tareas reales.

    Aprendizaje Experiencial Potenciado por IA: el verdadero cambio ya comenzó

    Durante este mes exploramos simulaciones, práctica guiada, dominio, escenarios y nuevas formas de evaluar. Pero detrás de todas estas piezas hay una transformación más profunda: la IA no solo mejora el entrenamiento… redefine la relación entre las personas y el aprendizaje. Deja atrás la vieja lógica del contenido que se “consume”. Con la IA, el aprendizaje se convierte en una experiencia viva: algo que se explora, se practica y se reaplica tantas veces como sea necesario. Eso es lo que realmente está cambiando. A continuación, las 5 ideas más poderosas que esta serie nos deja sobre el Aprendizaje Experiencial Potenciado por IA y por qué está marcando un antes y un después.

    Ideas Breves: El eLearning del Futuro es Experiencial

    La capacitación corporativa está evolucionando, enfocándose en preparar a las personas para actuar con confianza en situaciones reales. El Aprendizaje Experiencial potenciado por IA está redefiniendo cómo se entrena el talento. En lugar de solo presentar conceptos, permite que los colaboradores practiquen, tomen decisiones y experimenten consecuencias dentro de simuladores que replican sus retos diarios. El resultado: aprendizaje que se siente vivo, relevante y aplicable. Cuando la práctica ocurre antes del “momento decisivo”, las habilidades se consolidan más rápido y con mayor seguridad. La teoría se transforma en criterio. La información en acción. El aprendizaje en dominio real.