Etiqueta: diseño

  • Iseazy: la herramienta de autor que hace honor a su nombre

    Iseazy: la herramienta de autor que hace honor a su nombre

    “Is” por un lado y “Eazy” por otro. Un bonito juego de palabras con el vocablo inglés que pronunciado en inglés como “easy”  nos remite a lo que traducido viene a ser: es fácil. 

    ¿Muy pretencioso para una herramienta de autor? Quizás. Pero, y si te digo que cuando acabes de leer este post podrás crear un curso online de 30 diapositivas en menos de 1 hora y con un resultado totalmente profesional, listo para todo tipo de dispositivos y en formato scorm.  ¿Qué, cómo te quedas?

    Soy Noa Orizales y trabajo como coordinadora de contenidos en Contidos Dixitais desde hace más de 16 años.  A lo largo de este tiempo he trabajado codo con codo con clientes cuya necesidad era poder producir o actualizar sus propios contenidos sin depender de un tercero pero sin sacrificar el resultado profesional y la agilidad en la producción.

    Para darles respuesta he probado muchas herramientas pero la que hoy te presento es una de las que mejor resultado está dando entre mis clientes por su sencillez de uso, su versatilidad y la agilidad que aporta a los equipos de producción de contenidos.

    Iseazy es una herramienta online que permite la creación de contenidos para la formación y la comunicación corporativa a través de una intefaz 100% online, basada en un sistema de plantillas y con un sistema de maquetación tipo collage muy intuitivo y apto para casi cualquier perfil profesional familizarizado con las herramientas online más habituales del mercado.

    captura iseazy

    Para poner en marcha un curso, sólo es necesario seleccionar una de las múltiples plantillas disponibles para comenzar a producir. Estas plantillas te ahorrarán mucho tiempo ya que son totalmente personalizables y muy versátiles de modo que se adaptan a prácticamente el 90% de los escenarios de aprendizaje online que puedes necesitar. El listado de recursos es enorme:

    • Infografías
    • Diagramas
    • Gráficos
    • Imágenes enlazadas
    • Juegos
    • Desplegables
    • Tarjetas
    • Paneles
    • Sliders
    • Galerías

    Y un largo etcétera que te hará la vida mucho más sencilla a la hora de producir tus formaciones e-learning.

    captura 2 iseazy

    Lo más fascinante de esta herramienta es que, a pesar de ofrecerte gran variedad de recursos y opciones de personalización, lo hace de un modo muy intuitivo y nada abrumador.

      Cuando accedes a la interfaz no tienes la sensación de estar ante una agobiante maraña de elementos.  

    Es como si accedieses a Netflix pero tuvieses activada la opción que te sugiere qué ver, de modo que no te quedes en ese limbo espacio-temporal en el que entran algunos usuarios que, agobiados por el exceso de elecciones, se quedan paralizados y no consiguen ver nada. Con Iseazy no te quedarás paralizado y encontrarás muy rápido la vía para integrar ese recurso que necesitas en tu formación.

    Mis clientes destacan de esta solución  lo fácil y rápido que un usuario sin conocimientos previos puede producir un contenido totalmente funcional y atractivo. Y esto no es por arte de magia sinó por varios aspectos que te detallo a continuación:

    Sin instalación, todo está en la nube

    Así, aunque tu equipo esté en modo teletrabajo siempre pueden conectarse a un repositorio centralizado y comenzar o continuar la edición de contenidos como si estuviesen en la oficina.

    No requiere conocimientos previos

    No se necesita saber html, php ni nada relacionado con códigos y caracteres extraños, variables u otros conceptos muy ajenos al mundo de la pedagogía.

    captura 3 iseazy

    Basado en plantillas

    El sistema ofrece por defecto muchas plantillas ya prediseñadas con infinidad de recursos, pero si no encuentras la que encaja con tu organización siempre puedes encargar una a medida y acabar con la variedad de looks que se produce cuando no hay un patrón común.  El sistema de plantillas es como tener una guía de estilo para tus productores de contenidos pero que no necesitan leer porque ya la tienen delante cada vez que seleccionan un recurso.

    captura 4 iseazy

    Maquetación tipo collage

    Que has maquetado todo y en el último momento observas que ese texto queda más solitario que un piojo en la cabeza de un calvo… ¡pues no hay problema! El sistema de maquetación en base a bloques te permite probar varios diseños y distribuciones en el momento y visualizar el cambio de manera instantánea sin tener que recolocar manualmente textos o imágenes.

    captura 5 iseazy

    Multitud de recursos dinámicos

    El sistema ofrece muchos recursos fácilmente personalizables para que puedas dotar tus contenidos de un mayor dinamismo al tiempo que los haces más atractivos para que tu alumnado analice mejor la información a transmitir.  Podrás usar desde diagramas hasta gráficos, tablas comparativas o imágenes enlazadas cuyo único límite será tu imaginación.

    captura 6 iseazy

    Catálogo profesional de fotografías

    Si has montado un curso online sabrás la de tiempo que se pierde en encontrar la imagen ideal para acompañar ese párrafo tan importante o el fondo perfecto para resaltar una idea. Iseazy incorpora un catálogo de miles de imágenes libres de derechos que tienes a un clic y sin salir de la interfaz. Las incorpora de manera inmediata, las optimiza y las redimensiona sin necesidad de pasar por ningún editor de imágenes externo. Además, incorpora un buscador que te facilitará muchísimo la búsqueda del recurso gráfico más adecuado para tu contenido.

    captura 7 iseazy

    Guardado automático y versiones

    Te centrarás en producir y producir ya que no te tendrás que preocupar de guardar cambios si cambias de página, o si añades una imagen y después pasas a otra cosa. El sistema lo hace por ti y guarda versiones para que puedas volver a escenarios anteriores en caso de necesitarlo.

    captura 8 iseazy

    Multidispositivo

    Te sentirás como Frodo en el Señor de los Anillos al tener un único software para dominarlos a todos: a los móviles, a las tabletas y a los ordenadores de todas las resoluciones. Podrás producir desde una única pantalla contenido totalmente adaptado a diferentes dispositivos sin necesidades de usar vistas y repasar la publicación para cada terminal. 

    captura 9 iseazy

    Colaboración en tiempo real

    Tus equipos de producción no perderán el tiempo porque podrán trabajar sobre el mismo contenido en tiempo real, reduciendo así los tiempos de entrega… lo que podrán muy contento a tus clientes.

    Tecnología HTML5 y publicación a scorm

    Iseazy ofrece completa compatibilidad con los formatos de publicación más usados en la actualidad: HTML5 y scorm para integrar tus contenidos directamente en tu LMS a golpe de clic. Incluso podrás publicar directamente desde el espacio online que te ofrece Iseazy para que tus alumnos realicen el contenido vía web o desde tu intranet.

    ¿Quieres tener una idea más aproximada de lo que se puede llegar a producir con esta herramienta? No necesitas imaginártelo ya que Iseazy cuenta con un catálogo de demos muy inspiradoras que puedes consultar en cualquier momento desde este enlace.

    Lo mejor de esta solución es que está al alcance tanto de pequeñas como grandes empresas ya que presenta un modelo muy flexible de contratación que se adapta a todos los escenarios. Permiten la contratación mensual o anual, lo que te dará total flexibilidad para dimensionar tus equipos de producción en función de las necesidades de cada proyecto.

    Algunas de las empresas que ya están usando este software para agilizar su producción son BBVA, Orange, Iberdrola o Mapfre entre otras, pero también pymes o autónomos que quieren comenzar a montar una factoría de contenidos de calidad y que ofrecer a sus clientes una respuesta ágil y profesional sin tener que contar con un sobredimensionado equipo de producción.

    ¿Quieres ver cómo algunas empresas han usado esta herramienta para mejorar su producción de contenidos para formación online?

    Aquí te comparto algunos ejemplos que a su vez han sido creados con la propia herramienta:

    Desde aquí me gustaría invitarte a probar la herramienta en su versión gratuita. Pero si finalmente te decides por alguno de sus planes comerciales, te dejo un código de descuento de regalo por ser lector de Ojú ;).

    Y ahora ya sabes, realiza tu prueba y cuéntame en los comentarios qué has sido capaz de crear en 1 hora 😉


    AUTORA INVITADA

    Noa Orizales Iglesias

    Directora en Contidos Dixitais

    En 2006 fundé Contidos Dixitais para proporcionar soluciones de e-learning a empresas que necesitan despreocuparse de los problemas técnicos de formar online a sus empleados o clientes y acabé especializándome en el LMS Chamilo.

    Te animo a visitar nuestra web y conocer si nuestros servicios son justo lo que necesitas para lanzar tu proyecto de formación online.

  • Experiencia de usuario (UX) en eLearning

    Experiencia de usuario (UX) en eLearning

     

    «El objeto que hemos trabajado, va a ser montado, sentado,
    mirado, hablado, activado, operado, o en cualquier otra
    forma, usado por la gente. Cuando el punto de contacto entre
    el producto y la gente se convierte en un punto de fricción,
    el diseñador industrial ha fallado. Por la otra parte, si la
    gente se siente segura, mas eficiente, mas confortable o
    simplemente mas feliz por el contacto con el producto, el
    diseñador ha tenido éxito.» Henry Dreyfuss.

    UX Design [Diseño de experiencia de usuario]

    En su libro «Design for People» (1954), el diseñador Henry Dreyfuss ya avanzaba algunos de los estándares lo que hoy conocemos como UX: Experiencia de usuario.

    Unos años después, en 1987, Ben Shneiderman propone las 8 reglas doradas del diseño de interfaces, en su obra «Designing The User Interfaces»:

    1. Esfuérzate por la consistencia.
    2. Permite que los usuarios frecuentes utilicen atajos directos o accesos.
    3. Ofrece respuestas a las acciones de usuarios.
    4. Diseña textos de diálogo para cerrar procesos.
    5. Ofrece un sencillo manejo de errores.
    6. Permite la facilidad de regresar sobre sus propios pasos.
    7. Soporta el locus interno de control.
    8. Reduce la carga de memoria interna a corto plazo.

    El UX Design (User Experience Design) podría definirse como una filosofía de diseño web que pretende mejorar la navegación del usuario. Conocer sus necesidades y comportamientos permitirá alcanzar el éxito.

    Formación online

    La formación online trae consigo un gran número de ventajas, como la flexibilidad horaria o la superación de barreras físicas. Las cifras (artículo de «El Mundo») avanzan un incremento considerable de personas que optan por la modalidad eLearning. Ahora bien, ¿funciona como debería? ¿las tasas de éxito son adecuadas? Rescatemos esta charla TED de Anan Agarwal (CEO de la plataforma edX).

    En ella (centrada en los MOOC), aboga por dos causas para sus altas tasas de abandono:

    1) La gratuitad favorece la falta de compromiso.

    2) Dificultad para concluir la experiencia por la conciliación con la vida real.

    Quien ha participado en un MOOC (bien como alumnado o en el diseño instruccional/dinamización) habrá podido comprobar lo acertado de su reflexión. El número de personas que comienzan un curso MOOC dista mucho del que se inscribió en él.

    Por otra parte, resulta habitual descubrir comentarios tales como «el número de horas estimado no se corresponde con real». Comentarios que no están exentos de verdad. Esto no es exclusivo de la modalidad MOOC, ya que se extiende a toda la formación online, aunque en el MOOC parece acentuarse. La autogestión del aprendizaje invita a sumergirse en todas las posibilidades, recursos y conversaciones que ofrecen estos cursos. Quien ya atesora experiencia en estas formaciones aprende a gestionar mejor ese tiempo y a decidir sobre qué quiere profundizar. Es consciente de que abarcarlo todo es imposible, y no aspira a ello, sino a tomar lo que de verdad le interesa. Llegados a esto punto… ¿cómo facilitamos esta elección?

    Retos eLearning

    Algunas de las acciones sobre las que prestar atención en la modalidad virtual:

    • Facilitación de la navegación para evitar el abandono.
    • Favorecer el proceso de autoaprendizaje.
    • Evitar la infoxicación.
    • Mejorar la gestión de la información.
    • Empoderar la mentoría entre aprendices.
    • Aumentar la calidad del sistema de feedback.

    ¿Cómo el UX Design puede ayudar a mejor la experiencia de aprendices en eLearning?

    Considerando las tendencias en UX y las necesidades del alumnado, se proponen como prácticas para la mejora de la UX de aprendizaje:

    1. NAVEGACIÓN MÁS SIMPLE: hemos de conseguir que la interfaz sea lo más sencilla y clara posible. La estructura, objetivos, tareas, metas, etc. La información básica ha de ser fácilmente identificable desde un principio, especialmente para el primero de los accesos. Quizá este sea uno de los retos más potentes de muchas plataformas de aprendizaje online.

    via GIPHY

    2. DELIGHTFUL ANIMATION E ILUSTRACIÓN: una de las carencias más temidas en la formación online es la falta de emoción. La relación persona-ordenador necesita de una calidez formativa en la que se está trabajando. La inclusión de animaciones atractivas ayuda a minimizar la lejanía. Las ilustraciones además, aportan una identidad propia a la interfaz.

    via GIPHY

     3. IMPACTO VISUAL:   el poder de los vídeos es incuestionable, si bien la importancia de lo visual más allá de este recurso. Los diagramas, mapas mentales o infografías facilitan la comprensión de la información, en una época dorada para el Visual Thinking.

    via GIPHY

    4. GESTIÓN DEL TIEMPO: aquí se requiere tanto un mejor diseño instruccional como un compromiso firme de quien participa en la experiencia. En la difusión de la acción formativa y en el espacio de bienvenida hay que concretar estos aspectos. Tiempo dedicado por módulo, contenido de lectura «obligatoria», tareas o retos, etc. Lo ideal es que quien aprende, decida invertir más tiempo porque la temática le esté interesando, porque le apetezca, pero siempre de forma voluntaria y por iniciativa propia. En la plataforma debe resaltarse, por ejemplo, mediante recursos emergentes.

    via GIPHY

    5. DISEÑO EMOCIONAL: transmite Francisco Mora que el cerebro solo aprende si hay emoción. ¿Cómo diseñar una experiencia emocionante de aprendizaje? Apostando por retos, por sistemas gamificados, por narrativas, etc. Dependiendo de la plataforma y de las circunstancias resultará más o menos sencillo, pero no hay interfaz que resista a una buena dosis de imaginación e ingenio.

    via GIPHY

    Y lo más importante:

    Considerar en todo momento al usuario como protagonista del diseño.

    Bibliografía consultada:

    Diseño de XP de usuario y usabilidad web. Blog Mott. Marketing.

    The Impact of UX on e-Learning. Blog Edwiser.

    Historia de la experiencia de usuario (1ª parte: ergonomía y psicología). Blog. UXespañol.

    Solo el 7% del alumnos terminan los cursos online. Aquí, algunas soluciones para retenerlos. Blog Yorokobu.

    Tendencias de UX. Blog Xpertix.

    Tendencias de UX para 2018. Blog Adventures.do.

    -----------------------------------------------------------
    Imagen de cabecera: Geralt | Pixabay | CC0 Creative Commons
  • Crea una auténtica experiencia de aprendizaje ¿A qué esperas?

    Crea una auténtica experiencia de aprendizaje ¿A qué esperas?

    A las personas ya nos aburren los cursos, talleres, charlas… Queremos vivir verdaderas experiencias de aprendizaje. Entretenidas, significativas y eminentemente prácticas e interactivas. ¿No crees?

    [su_note note_color=»#e4e4e4″ text_color=»#2f2f2f»]

    • Aprendizaje más cerca del ocio que del trabajo, entendido como placer, no como obligación.
    • Queremos disfrutar aprendiendo… este es nuestro nuevo hobby: “Aprender”[/su_note]

    Cuando buscamos una experiencia de aprendizaje, no queremos límites. Queremos disfrutar de un proceso integral, sin barreras de tiempo o espacio, como la vida misma. Queremos integrar toda esta experiencia en nuestros canales habituales, impregnarnos de este aprendizaje tanto física como digitalmente.

    Las experiencias de aprendizaje pueden ser de todo tipo:

    • Inmersivas: Como viajar, comunicarse con profesionales o personas concretas, interaccionar con el medio, palpar, sentir…
    • Simuladas: Te trasladan a escenarios ficticios  y alcanzas un grado de interacción virtual.
    • Guiadas: Te orientan mediante indicaciones para que puedas conseguir unos objetivos.
    • Creativas: Fomentando el diseño y desarrollo de ideas, soluciones o artefactos. 
    • Integrales: Sumando un conjunto de situaciones de aprendizaje que afecten a varias facetas de la persona.

    ¿Cómo se diseña una auténtica experiencia de aprendizaje?

    [su_note note_color=»#e4e4e4″ text_color=»#2f2f2f»]Del mismo modo que trabajan los UX Designers (Diseñadores de experiencia de usuario), centrándonos en el protagonista. En nuestro caso, poniendo el foco en los aprendientes, más bien, metiéndonos en su pellejo.[/su_note]

    Visualiza el aprendizaje que quieres que experimenten tus estudiantes, describe los aspectos esenciales (objetivos, contenidos, etc), comienza a darle forma y enriquécelo con alguno de los siguientes consejos:

    [su_service title=»Persigue un aprendizaje práctico y vivencial» icon=»icon: suitcase» icon_color=»#769cb9″ size=»48″]Genera actividades que involucren a los participantes, enfocadas hacia la acción y la implicación. No dejes de leer el siguiente artículo: «Aprendizaje Vivencial: ¿Por qué tanto empeño en defender las dinámicas y las historias?» [/su_service]

    [su_service title=»Intenta conseguir una experiencia única y original» icon=»icon: star» icon_color=»#769cb9″ size=»48″]Prueba a hacer las cosas de otra manera, plantea retos y situaciones poco comunes para generar mayor impacto. Cambia el orden habitual de los procesos y descoloca a los participantes. Garantiza el éxito de este aprendizaje con una experiencia inolvidable. Te serán de ayuda algunas de estas… «Claves Para Ofrecer Formaciones Inolvidables«[/su_service]

    [su_service title=»Juega con el Factor Sorpresa» icon=»icon: gift» icon_color=»#769cb9″ size=»48″]Al hilo del consejo anterior, si logras sorprender de alguna forma, además de captar atención, marcarás diferencia. No te pierdas esta joya de nuestra compañera AzaharaTic: «The Wow Factor en eLearning» con algunos trucos basados en la gamificación.[/su_service]

    [su_service title=»Genera emociones» icon=»icon: heart» icon_color=»#769cb9″ size=»48″]Implica emocionalmente a los participantes, tócales la fibra y mantén un flujo contínuo que facilite su atención y entusiasmo. Te serán muy útiles estas 5 recomendaciones que Marce nos trajo en su estupenda entrada: «Un poquito de Flow».[/su_service]

    [su_service title=»Hazle cómplice de su aprendizaje» icon=»icon: users» icon_color=»#769cb9″ size=»48″]No olvides diseñar una experiencia de aprendizaje flexible donde todos los participantes tengan voz y voto. Sin posibilidad de decisión resulta muy difícil conseguir un aprendizaje significativo. Bríndales oportunidades, ofrece diferentes alternativas, que escojan y construyan su propio itinerario. Te será interesante este artículo: Cinco iniciativas para convertir a tus alumnos en protagonistas de su propio aprendizaje [/su_service]

    [su_service title=»Intenta que trascienda» icon=»icon: rocket» icon_color=»#769cb9″ size=»48″]Que no se quede solo ahí, en una sesión que acaba en un determinado momento o finaliza cuando llegamos a la última página. Debe ayudar a generar nuevas cuestiones, debe propagarse por todo el ecosistema de aprendizaje y acabar siendo útil. Puedes seguir leyendo este artículo de David ÁlvarezNuevos Ecosistemas de Aprendizaje para la Formación de los Profesionales del s. XXI[/su_service]

    infografía Experiencias de aprendizaje

    ¿Qué te ha parecido? ¿Te atreves? 😉

     

    Foto de portada: Bethan Phillips | Flickr

  • ¿Dónde encontrar los mejores ejemplos eLearning?

    ¿Dónde encontrar los mejores ejemplos eLearning?

    [su_quote]Mi vicio es la creatividad y mi cura la inspiración[/su_quote]

    El mes pasado nuestro compañero Edu Vázquez nos regaló un estupendo y superpráctico post con una lista de recursos extremadamente útiles, y la semana pasada un servidor os traía 3 ejemplos de gran calidad. ¡No se quejaréis de cómo os cuidamos!

    [su_note note_color=»#e4e4e4″ text_color=»#2f2f2f»][su_posts id=»11071,11339″ tax_operator=»0″ order=»asc»][/su_note]

    En este afán de búsqueda de recursos inspiradores esta semana os volvemos a traer más cosillas interesantes. Concretamente una lista de 7 8 sitios webs donde encontrarás todo tipo de ejemplos de contenidos y proyectos elearning. Esperamos que sea de vuestro agrado.

    1. eLearning Awards: Este site recoge la lista de los galardonados a los premios que se conceden cada año en Reino Unido. Si eres un poco curioso podrás localizar los proyectos por los que han sido premiados en cada categoría. La pena es que aquí no publiquen al menos algún contenido visual o enlaces.
    2. eLearning SuperStars: Fantástico recopilatorio de cursos elearning de todo tipo. La mayoría de ellos elaborados con Elucidat: Una herramienta de autor británica que publica contenidos en HTML5.
    3. eLearning Examples: En este espacio encontrarás un recopilatorio bastante variado,  curioso y en ocasiones bastante friki 😉 Su autor es David Anderson, el mismo de eLearning Heroes que añadimos a continuación. 
    4. eLearning Heroes: Se trata de una comunidad bastante amplia de usuarios de Articulate, otra herramienta de autor que… supongo conocerás 😉 Nuestro compañero Jorge hizo una comparativa de esta y otras dos más, en su post: ¿Cuál es la mejor herramienta de autor: Captivate, Articulate o Lectora?
    5. eLearning Brothers: Este popular servicio de plantillas y recursos eLearning nos ofrece una muestra de contenidos generados con algunas de las herramientas de autor más conocidas. (Gracias a Marce por su sugerencia)
    6. Blog de Cathy Moore: En su blog Cathy nos muestra enlaces a todo tipo de recursos (graficos interactivos, simulaciones…) A veces puedes encontrar auténticas antiguallas, pero aún así resulta un recopilatorio bastante interesante.
    7. SmartBuilder: En esta rincón encontrarás todo tipo de juegos interactivos y lecciones muy bien ordenados por categorías. Eso sí todos estos recursos han sido generados con esta otra herramienta de autor californiana. Otra más para la lista 😉
    8. Principled Technologies: Por último, un muestrario de ejemplos elearning, lástima que no sean demos interactivas, pero al menos podrás visionar videos demostrativos.

    ¿Qué te ha parecido? ¿Nos pasas un enlace a tu portfolio? ¿Tienes otro sitio interesante que añadir a la lista?

    [su_note note_color=»#e4e4e4″ text_color=»#2f2f2f»]Finalmente, esperamos que hayas podido sacar ideas para diseñar tus contenidos cada vez más dinámicos e interactivos, pero no solo te quedes con los ejemplos que has visto. Aquí te dejamos este mensaje motivador que esperamos te haga ponerte las pilas ;)[/su_note]

    inspiracion

    [facebook]  [retweet]

  • Creando contenidos m-learning responsivos

    Creando contenidos m-learning responsivos

    Hay muchas definiciones de la metodología de enseñanza y aprendizaje mobile learning o m-learning, pero todas resaltan dos aspectos principales, que posibilita en última instancia ofrecer materiales más específicos y adaptados al estilo de aprendizaje del alumno:

    [su_list icon=»icon: hand-o-right» icon_color=»#d48989″]

    1. El uso de dispositivos móviles o tablets.
    2. La posibilidad de ofrecer un aprendizaje personalizado en cualquier momento y lugar.

    [/su_list]

    Los que nos dedicamos al desarrollo de contenidos de aprendizaje,  estas dos características, nos ha hecho cambiar la forma de diseñar y desarrollar materiales formativos. En e-learning, no teníamos porqué preocuparnos con que dispositivo podría ser consumido el contenido, y por otro lado, distribuíamos contenidos genéricos y estandarizados para cualquier usuario.

    Por suerte, el problema de la visualización de contenidos en diferentes  dispositivos  no es una problemática exclusiva del m-learning, y cada vez más las herramientas de autor facilitan dicho desarrollo, sin necesidad de saber lenguajes de programación, java, IOS, HTML5,etc….

    En las últimas distribuciones de Adobe Captivate ya era posible crear contenidos en HTML5, como en otras herramientas de autor, que si bien funcionaban en IPad, no se ajustaban el contenido cuando se consumían en dispositivos móviles.

    Ahora con la nueva versión de Captivate 8,  podemos conseguir auténticos diseños responsivos con la misma facilidad con la que trabajabamos, ya que desde un mismo proyecto de curso puede ser  publicado para los diferentes dispositivos,  adaptándose su visualización dependiendo del  dispositivo con el que se accede, es decir ordenador personal, Tablet,  o móvil.

    El diseño web responsivo o adaptable o adaptativo (en inglés, Responsive Web Design) es una filosofía de diseño y desarrollo web que consigue adaptar el sitio web al entorno del usuario.

     

    ¿Cómo hacer diseño responsivo en Adobe Captivate 8?

    El proceso de creación de un proyecto responsivo es muy simple ya que la herramienta te permite crear un proyecto responsivo a partir de una plantilla.  Los pasos para realizar un proyecto de este tipo son los siguientes:
    [tabs slidertype=»left tabs»]
    [tabcontainer]
    [tabtext]Paso 1.Abrir un proyecto responsivo[/tabtext]
    [tabtext]Paso 2.Ajustar las proporciones de las diferentes vistas[/tabtext]
    [tabtext]Paso 3. Seleccionar un tema responsivo[/tabtext]
    [tabtext]Paso 4. Añadir contenido al proyecto[/tabtext]
    [tabtext]Paso 5. Publicar el proyecto para los diferentes dispositivos [/tabtext]
    [/tabcontainer]

    [tabcontent]
    [tab]

    Abrir un proyecto responsivo:

    Paso1[/tab]
    [tab]

    Ajustar el ancho y alto de las diferentes vistas:

    Paso2[/tab]
    [tab]

    Incluso podemos  editar el patrón para adaptarlo a nuestras necesidades y preferencias:

    Paso3[/tab]
    [tab]

    Insertar diapositivas de contenido, añadir ejercicios, etc… y revisar el resultado de cada una de las diapositivas en las diferentes vistas, modificado si es necesario la distribución y los objetos de cada una de las vistas:

    Paso4[/tab]
    [tab]

    Activando las características de la paleta móvil que sean útiles para tu proyecto por ejemplo los distintos gestos móviles y geolocalización:

    Paso6
    [/tab]
    [/tabcontent]

    [/tabs]
    Y tachan…,  ya tenemos nuestro diseño responsivo, ¿Fácil verdad?.

     

     Ejemplo de geolocalización

    Mostrar un contenido distinto dependiendo del lugar donde se accede al mismo es muy sencillo gracias a que Captivate recupera como variable del usuario las coordenadas geoespaciales de acceso. Por ejemplo, imaginémonos  que queremos que sólo cuando se acceda desde un dispositivo móvil desde Sevilla  se muestre información distinta que cuando se accede desde el resto de España.    Los pasos para realizar esto sería tan sencillo como:

    • Paso 1. Crear una variable con las coordenadas geoespaciales de Sevilla insertando la Latitud, Longitud, y precisión en metros.
    • Paso 2. Insertar una acción avanzada condicional que compare si la variable geoespacial del usuario es igual a la variable Sevilla creada con anterioridad, detallando las acciones a realizar si se cumple la condición. En este ejemplo se muestra la imagen de Sergio Ramos haciendo una predicción del resultado del próxima partido de  la Supercopa de España a disputar entre el Real Madrid y el Sevilla FC.
    • Paso 3. Por último, introducir esta acción avanzada en la diapositiva que queremos que ocurra la esta acción, que contiene  el texto y la imagen diferentes a mostrar.

    Geolocalización

    De esta forma,  cuando el usuario  acceda  desde  la localización Sevilla, dependiendo de la precisión que pongamos, en este ejemplo 100Km para que incluya a toda  la provincia,   aparecerá Sergio Ramos y la información del resultado de la supercopa. Y   cuando no se acceda desde la provincia de Sevilla, en vez de aparecer la información anterior aparecerá una foto de la selección española celebrando el título.

    imagen8

     

    Imaginaros la tremenda utilidad que puede dotar esta funcionalidad de geolocalización, por ejemplo mostrar información en diferente idiomas, escenarios de aprendizaje diferentes, etc…

    Podéis probarlo en el siguiente enlace, espero que os guste.

    [learn_more caption=»Probar geolocalización» state=»open»] Pulsa en este enlace para probarlo el curso [/learn_more]

    Resumen:

    Con Adobe Captivate podemos hacer proyectos responsivos fácilmente y de forma muy intuitiva, preocupándote más por lo que nos interesa el diseño instruccional y menos por la programación y requerimientos tecnológicos.

    Si necesitas adaptar los contenidos a distintos dispositivos móviles y con funcionalidades de geolocalización, es una opción muy a tener en cuenta.

    ¡Bravo por el equipo Adobe!

  • El #powerpoint en el diseño instruccional

    ¿Usas las diapositivas en el diseño instruccional? ¿es una herramienta a tener en cuenta? ¿qué posibilidades ofrece el diseño con herramientas sencillas?

    El powerpoint o cualquier programa de diapositivas tienen mala fama. Sobre todo si vienen en un correo electrónico reenviado millones de veces y con mensajes de autoayuda…. Pero si lo asociamos a su uso en el diseño instruccional, nos viene a la cabeza  un producto de elearning de una calidad cuestionable. Este pensamiento puede tener algo de verdad debido a los malos ejemplos que vemos por ahí de presentaciones o de “trasvase” literal de diapositivas diseñadas para una finalidad y convertidas en “contenido” scorm para su uso en un LMS a lo más gordo. En este post intentaremos quitar esa mala fama a esta herramienta y ver las posibilidades que ofrece como herramienta inicial y de base en el diseño.

    (más…)

  • Recursos, tutoriales, inspiración…, eLearning!

    Recursos, tutoriales, inspiración…, eLearning!

    Harry LearningImagen: Dryicons, Edición: oJúLearning

    El diseño gráfico en eLearning un aspecto muy importante que debemos cuidar a la hora de presentar nuestros contenidos, por ejemplo…

    • Elegir una gama de colores atractiva y amable
    • Seleccionar una tipografía adecuada
    • Decidir entre usar fotografías o imágenes de cliparts
    • Mostrar elementos de navegación utilizando iconos y texto

    …son aspectos que pueden hacer sentir al alumnado “a gusto” interactuando con el curso. Por supuesto, esto no te asegura el éxito de una acción formativa…, un buen diseño debe ir de la mano de un buen contenido que enganche. (más…)

  • ¿Quieres crear un nuevo tema para Moodle 2?

    ¿Quieres crear un nuevo tema para Moodle 2?

    moodle 2

    ¿Qué? ¿Te has decidido a echarle valor y a atreverte a crear tu propio tema para Moodle 2?
    ¡Ojú!… ¡Pues prepárate! 🙂
    ¡Nada! No te asustes, aquí tienes unos consejillos varios que he ido rescatando y espero te sean de gran ayuda.

    Si vas a empezar de cero es aconsejable que al menos partas de un tema ya existente. Para ello, puedes seguir los siguientes pasos:
    (más…)