Unidad 4
Infografías digitales
interactivas
Mg. Lic. Mariela Delauro
Lic. Carmen Salvarredy
2021
Mg. Mariela Delauro
Lic. Carmen Salvarredy
1
Contenido
1. Concepto de Infografía 3
1.1. Antes de la Creación 4
1.1.1. Elegir la temática 4
1.1.2. Jerarquizar la información 4
1.1.4. Definir la tipografía, los colores, el tamaño de los textos 4
2. Genially: sus posibilidades 4
3. Uso educativo de la herramienta 5
4. Pasos para crear una cuenta en Genially 6
5. Cómo crear con Genially: paso a paso 10
5.1. Opciones de la herramienta 10
5.2. Creación de una infografía 10
5.3. Seleccionar la plantilla 11
5.4. Añadir elementos 12
5.4.1. Texto 12
5.4.2. Insertar otros recursos 13
5.4.3. Fondo 14
5.4.4. Páginas 15
5.4.5. Interactividad y animación 16
5.5. Guardar y compartir 20
Mg. Mariela Delauro
Lic. Carmen Salvarredy
2
1. Concepto de Infografía
Una infografía es una representación gráfica que respalda una información y permite
traducirla en algo que los/as estudiantes pueden entender a simple vista. Es una
herramienta de comunicación increíblemente útil, ya que al tener un formato visual, es
procesada por el ojo humano mucho más rápido. Seguramente como docentes o desde el
rol de estudiantes alguna vez todos usamos una lámina, ¿verdad? Pues bien, muchas
láminas son verdaderas infografías. A continuación, veremos un ejemplo que representa
el concepto de Infografía publicada en Imágenes de Google y realizada con Web Creator:
Las infografías pueden ser fijas o interactivas. Estas últimas poseen un enorme potencial
puesto que a través de ellas se accede a información extra, incrementando las
posibilidades de comunicación. Para diseñarlas, necesitamos herramientas específicas.
Una de ellas es Genially.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
3
1.1. Antes de la Creación
Antes de la creación de la infografía, conviene seguir algunos pasos. A saber:
1.1.1. Elegir la temática
Es importante determinar si la temática puede representarse fácilmente a través de una
infografía, sobre todo, teniendo en cuenta lo que queremos comunicar y el público meta.
En nuestro caso, los estudiantes.
1.1.2. Jerarquizar la información
Este es un proceso de organización de ideas y conceptos a representar. Al visualizarla se
debe seguir el hilo conductor de la misma, identificando los conceptos más relevantes.
1.1.3. Seleccionar textos, imágenes u otros elementos a utilizar
En cuanto a los textos, lo importante es la sencillez, utilizar un lenguaje coloquial y con
frases cortas y claras.
Para las imágenes es importante seleccionar aquellas que representen ideas claves de la
temática o concepto a desarrollar, que lo acompañen y lo enriquezcan. Se recomienda
seleccionar imágenes gratuitas o propias.
1.1.4. Definir la tipografía, los colores, el tamaño de los textos
En todas las aplicaciones se recomienda utilizar las configuraciones que traen las
plantillas por defecto ya que estos se ven bien y se leen bien.
Se pueden elegir colores que vayan con la temática, por ejemplo, si es una presentación
sobre el ambiente se usan verdes, azules. Y también colores más sobrios para una
presentación formal o más llamativos para una audiencia joven.
2. Genially: sus posibilidades
Es una herramienta en línea que permite crear contenidos de aprendizaje y de
comunicación, intuitivos, creativos e interactivos.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
4
Entre los recursos digitales educativos que se pueden crear están infografías,
presentaciones, unidades didácticas y otros, que ayudan a dinamizar los procesos de
aprendizaje. Es una herramienta en la que se pueden combinar diferentes elementos para
el tratamiento del contenido como textos, imágenes, videos, mapas, documentos,
gráficos entre otros. Todo depende del tema a desarrollar.
Cuenta con una versión gratuita y otra de pago. Entre las ventajas de uso están:
■ Es multiplataforma por lo que se puede acceder para visualización y edición
desde cualquier dispositivo.
■ Los recursos se almacenan en la nube lo que permite su acceso desde cualquier
lugar y en el tiempo que se requieran.
■ Los cambios se guardan de manera automática.
■ Desde sus inicios está pensada para el área educativa.
■ Está compuesta por una amplia comunidad de docentes, alumnos y otros que
crean y comparten plantillas que se pueden reutilizar.
La única desventaja es que, si se usa su versión gratuita, los contenidos no pueden ser
descargados, sólo se pueden acceder a través de la web.
3. Uso educativo de la herramienta
Los usos en el ámbito educativo son varios, tanto desde el punto de vista de docentes
como de estudiantes:
■ La herramienta tiene la facilidad de ser utilizada tanto por los docentes como por
los estudiantes para la generación de contenidos.
■ Es online y tiene una versión gratuita que es operativa, permitiendo generar
varias infografías.
■ El usuario puede generar una cuenta o ingresar con Google o Facebook.
■ Se puede concebir como una herramienta con enfoque constructivista, donde a
través de la interacción y el aprender haciendo y los conocimientos previos se
generan nuevos aprendizajes.
■ Permite combinar la presentación de contenidos con actividades interactivas y
evaluativas.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
5
■ Se puede trabajar de manera colaborativa, los cual permite la organización de
trabajos grupales.
■ Dependiendo de la metodología implementada, se pueden plantear clases con
apoyo de esta plataforma o clases inversas (flipped classroom).
■ De acuerdo con los creadores, los contenidos creados en Genially ayudan en
procesos como la retención, captar la atención y ser memorables.
■ Al contar con elementos de gamificación se aumenta la motivación, se mejora la
concentración y se favorece el trabajo para la resolución de problemas.
4. Pasos para crear una cuenta en Genially
Para crear una cuenta y utilizar la herramienta se deben seguir los siguientes pasos:
■ Ingresar al sitio web: https://www.genial.ly/es
■ Aparece la siguiente imagen:
Mg. Mariela Delauro
Lic. Carmen Salvarredy
6
■ Seleccionar la opción de Registro. Donde se muestra la pantalla para la creación
de la cuenta.
■ En este caso, la cuenta se puede crear seleccionando un correo utilizado en
algunas de las siguientes aplicaciones: Facebook, Google, Twitter, LinkedIn.
El registro se realiza con una cuenta de correo electrónico, una contraseña, aceptar
los términos y dar clic en la opción Regístrame.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
7
Otra posibilidad es seleccionar la opción de Google, ya que corresponde a la cuenta
del correo institucional. Igual deberá aceptar los términos e iniciar sesión en su
cuenta de correo.
Al realizar el proceso se habilita la siguiente ventana:
Nota: Si ya ha utilizado la herramienta se dirigirá a la página principal.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
8
En este caso se debe seleccionar la opción de educación, para nuestros efectos
Educación superior o E-Learning y dar clic en Siguiente.
Luego, aparece una ventana donde el sistema nos indica que seleccionemos el tipo
de perfil con el que trabajaremos, si como estudiantes, docentes, diseñadores u
otros. En este caso Profesor y damos clic en Siguiente.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
9
5. Cómo crear con Genially: paso a paso
5.1. Opciones de la herramienta
Al seleccionar Crear Genially, se puede seleccionar el tipo de material educativo
que se desea desarrollar, mediante una plantilla o a partir de un archivo en
blanco. A continuación, se detallan las distintas opciones:
5.2. Creación de una infografía
A continuación, se detallan los pasos para crear una Infografía. Como se puede apreciar,
puede ser horizontal o vertical. Solo hay que dar un click de mouse para seleccionar el
tipo de infografía que se desea diseñar:
Mg. Mariela Delauro
Lic. Carmen Salvarredy
10
5.3. Seleccionar la plantilla
Aparecerán varias plantillas a través de las cuales se puede generar la infografía
fácilmente. También existe la posibilidad de comenzar a construir una desde cero,
haciendo Click en Crear Genial.ly en Blanco. Se aclara que si se selecciona una
Plantilla Prediseñada, la misma puede modificarse de una manera simple.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
11
En este ejemplo, se selecciona una plantilla para preparar el Menú del día de una
cafetería. Paso seguido, pasaremos a cambiar los textos y a personalizar el Menú.
5.4. Añadir elementos
Para hacerlo utilizamos la Barra de Herramientas que aparece en el menú de la
izquierda. Encontramos herramientas de texto, imágenes, recursos y elementos
interactivos.
5.4.1. Texto
Seleccionando el texto que tiene la Plantilla o que insertamos, podremos elegir: fuente,
tamaña del texto, color, formato, etc., desde otra Barra de Herramientas Emergente:
Mg. Mariela Delauro
Lic. Carmen Salvarredy
12
5.4.2. Insertar otros recursos
Esta opción permite agregar elementos externos como videos, audios, documentos o
elementos de la web. Estos pueden estar almacenados en el equipo o en la web.
Por ejemplo, vamos a añadir un video desde YouTube, para ello siga los siguientes
pasos:
■ Buscar el video y copiar la URL.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
13
■ Seleccionar la opción insertar y la opción URL, pegar el enlace en la barra y dar
clic a la flecha .
■ El video se agregará al área de trabajo, le podremos modificar el tamaño y
acomodarlo en el espacio adecuado dentro de la plantilla seleccionada. Lo que
sí, hay que tener en cuenta que dentro de una Infografía se puede agregar un
video siempre y cuando no se sobrecargue la información de la misma.
5.4.3. Fondo
Corresponde a una pestaña donde podremos modificar el color del fondo de la
plantilla o agregar una imagen, ya sea un lienzo, una imagen propia o alguna de las
opciones de la aplicación.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
14
5.4.4. Páginas
Esta opción nos permite agregar otras páginas a nuestra infografía.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
15
Debajo del botón añadir páginas aparece una vista previa de cada una de las páginas que
se han creado, las cuales están numeradas. A estas se les puede asignar un título, para
ello debe dar clic donde está la palabra “Título” y escribir el nuevo.
Se puede duplicar una página o eliminarla .
5.4.5. Interactividad y animación
■ Interactividad: esta opción permite convertir imágenes o elementos normales en
botones. Por ejemplo, la flecha a la derecha indica avanzar, para configurar la
interactividad, primero se debe agregar la imagen y seleccionarla.
■ La interactividad se puede agregar desde el botón de la derecha o a través del
botón que aparece sobre la imagen.
Luego, se va a configurar la acción que realizará. En este caso se pueden elegir cuatro
diferentes: una etiqueta, una ventana, ir a una página o un enlace.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
16
Etiqueta: esta acción se utiliza cuando se va a agregar poco contenido, aparece cuando
se posiciona el mouse sobre el botón. Por ejemplo, si colocamos una imagen de la célula
y se desea identificar cada una de las partes.
▪ Se agrega la imagen.
▪ Se agrega el botón deseado.
■ Se selecciona en la interactividad la opción de etiqueta.
■ Se escribe el texto que aparecerá.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
17
Al texto se le puede aplicar algunas configuraciones como color, tamaño del texto,
negrita, cursiva, alineación, entre otros.
A través de esta ventana se pueden agregar enlaces, imágenes, videos.
▪ Al terminar se le da clic en Guardar.
Para verificar la etiqueta creada se debe ir a la vista previa de la página, al posicionar el
mouse sobre los elementos interactivos aparece la etiqueta.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
18
Ventana: por medio de esta acción de interactividad se puede agregar un poquito más
de contenido como por ejemplo una definición o un proceso. Este se activa al dar clic
sobre el botón con interactividad y aparece como una ventana sobre la imagen.
La configuración es la misma que la etiqueta con las mismas opciones y solo se varía el
tamaño.
Mg. Mariela Delauro
Lic. Carmen Salvarredy
19
5.5. Guardar y compartir
Mg. Mariela Delauro
Lic. Carmen Salvarredy
20
