Introducción a la inforgrafía como recurso docente.

1. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
LA INFOGRAFIA
como recurso educativo
Madrid 02/10/13 Fuente:
h)p://www.infographicsonly.com/what-­‐is-­‐educa;on/

2. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
QUIÉN SOY
o Grado universitario en Multimedia
o Master universitario en Sociedad de Información
y el Conocimiento
o Consultor formador en competencias digitales.
o Consultor docente en la UOC
o Miembro Infoexplorers
(Red de expertos en análisis de datos,
visualización y redes sociales)

3. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
Descanso
Recurso
Educativo
51
Ejemplos Definición
2
Razones
3
Principios
Proceso
4
Piktochart
6
AGENDA

4. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
INTRODUCCIÓN A LA VISUALIZACIÓN
DE INFORMACIÓN. EJEMPLOS1

5. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS
h)p://ialcalde.es/infograf1

6. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS
h)p://ialcalde.es/infograf2

7. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS
h)p://ialcalde.es/infograf4

8. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS

9. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS
h)p://ialcalde.es/infografia5

10. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS
h)p://ialcalde.es/infograf3

11. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS

12. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EJEMPLOS

13. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
VIDEO INFOGRAFIA
h)p://youtu.be/i07qz_6Mk7g

14. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
QUÉ ES VISUALIZACIÓN DE
INFORMACIÓN. DEFINICION2

15. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
TENDENCIA

16. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
TENDENCIA

17. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS:
La
infograUa
es
una
representación
gráfica
que
incluye
mapas,
tablas,
gráficas
y
diagramas,
que
permite
comunicar
de
manera
simple
conceptos
complejos

18. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS
INFOGRAFIA
Alberto
Cairo
Autor
de
“
El
arte
funcional”
La
infograUa
(“visualización
de
información”)
consiste
en
la
representación
de
datos
y
hechos
por
medio
de
diagramas
y
esquemas.

19. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS
“Explicar
historias
visualmente”
Chiqui
Esteban
Director
de
Nuevas
Narra;vas
de
lainformacion.com

20. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS:
QUE
DICE
“El
obje7vo
principal
de
la
visualización
de
información
s
es
transmi/r
información
clara
y
eficaz
a
través
de
medios
gráficos.
Esto
no
significa
que
la
visualización
de
datos
tenga
que
ser
aburrida
para
ser
funcional
o
extremadamente
sofis7cada
para
ser
bella.
Para
expresar
ideas
de
manera
efec7va,
tanto
la
dimensión
esté/ca
como
la
funcional
deben
ir
de
la
mano,
y
deben
proporcionar
determinados
puntos
de
entrada
a
un
conjunto
de
datos
complejo
para
comunicar
sus
aspectos
clave
de
una
forma
más
intui7va”.
Vitaly
Friedman
Diseñador
y
desarrollador
web
freelance

21. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS.
QUE
DICE
“La
visualización
ideal
no
sólo
debe
comunicar
con
claridad,
sino
que
también
debe
es/mular
la
par/cipación
y
la
atención
de
espectador.”
Fernanda
Viegas
i
Mar;n
M.
Wa)enberg
Líders
de
Google’s
“Big
Picture”
data
visualiza;on
group

22. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS.
QUE
DICE
“
La
simplicidad
es
restar
de
lo
obvio
y
añadir
lo
significa/vo
“
John
Maeda
Profesor
universitario,
diseñador
gráfico
e
informá;co

23. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DEFINIMOS.
QUE
DICE
“La
representación
y
presentación
de
los
datos
que
explota
nuestra
capacidad
de
percepción
visual
con
el
fin
de
amplificar
la
cognición“
Andy
Kirk
Editor
de
visualingdata.com

24. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
INFOGRAFIA
vs
VISUALIZACIÓN
“Algunos
especialistas
marcan
una
frontera
entre
estas
dos
disciplinas,
basada
en
el
hecho
de
que,
supuestamente,
la
infogra5a
consiste
en
presentar
información
por
medio
de
gráficos
estadís;cos,
mapas
y
esquemas,
mientras
que
la
visualización
se
basa
en
la
creación
de
herramientas
visuales
(está;cas
e
interac;vas)
que
un
público
pueda
usar
para
explorar,
analizar
y
estudiar
conjuntos
complejos
de
datos
“
Hay
una
naturaleza
común
de
la
infogra5a
y
la
visualización
ya
que
pertenecen
a
un
mismo
con;nuo,
dónde
los
límites
de
los
cuales
son
definidos
per
las
palabras
presentación
y
exploración.
Alberto
Cairo.
“El
Arte
Funcional”
Infogra5a
Vs
Visualización

25. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
VISUALIZACIÓN
http://goo.gl/usQ10

26. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
INFOGRAFIA

27. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS RAZONES PARA
VISUALIZAR LA INFORMACION3

28. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS RAZONES
Poca
capacidad
de
atención
Con
el
tráfico
constante
de
información
y
el
estrés
de
la
vida
moderna,
las
personas
;enen
poca
capacidad
de
atención.
Esto
se
demuestra
por
el
hecho
de
que
la
mayoría
de
la
gente
decide
abandonar
una
página
web
o
con;nuar
explorándola
en
los
primeros
2-­‐4
segundos
de
ver
la
página.
Con
tan
poco
;empo
para
convencer
a
la
gente
a
quedarse,
las
infograUas
y
visualizaciones
son
una
manera
muy
eficaz
de
mantener
la
atención
del
lector.

29. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS
RAZONES
Sobrecarga
InformaCva
La
información
del
mundo
en
la
actualidad
se
duplica
cada
dos
años,
no
es
de
extrañar
que
la
gente
experimente
una
sobrecarga
de
información.
Los
teléfonos
inteligentes,
tablets
y
la
ubicuidad
de
Internet,
la
gente
no
para
de
recibir,
analizar,
compar;r
y
crear
información
nueva.
A
causa
de
esta
sobrecarga
debemos
llamar
la
atención
de
la
gente.
La
creación
de
una
infograUa
convincente
de
los
datos
e
información
puede
hacer
que
esta
realmente
sobresalga
de
todo
el
ruido
informa;vo.

30. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS
RAZONES
Fácil
de
Entender
Como
seres
humanos,
somos
criaturas
muy
visuales.
Nuestra
capacidad
de
interpretar
rápidamente
la
información
visual
es
mucho
mayor
que
la
de
las
palabras
escritas.
Mediante
a
visualización
podemos
hacer
que
la
información
compleja
sea
mas
fácil
de
entender.

31. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS
RAZONES
Retención
lectora
Les
persones
;enen
tasas
de
retención
horribles
horribles
para
la
información
que
leen.
Estudios
hechos
recientemente
dicen
que
las
persones
solo
recuerdan
el
20%
de
lo
que
leen.

32. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS
RAZONES
Más
atracCvo
Con
la
gran
can;dad
de
contenido
nuevo
publicado
cada
dia,
la
gente
esta
inundada.
Mediante
la
creación
de
alguna
visualización
visualmente
a t r a c ; v a ,
p r o b a b l e m e n t e
ac;varemos
la
curiosidad
de
la
persona.

33. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS
RAZONES
Nos
encanta
comparCr
La
naturaleza
visual
de
la
especie
humana
destaca
porque
a
la
gente
le
encanta
compar;r
infograUas
y
visualización
de
datos
interesantes.
Así
lo
demuestra
la
adopción
generalizada
de
la
infogra5a
para
linkbuilding
y
márqueCng
viral.
Si
la
gente
ha
de
escoger
entre
una
cosa
que
es
visualmente
atrac;va
y
fácil
de
digerir
,
la
escogerán
antes
de
otras
formas
como
la
palabra
escrita
que
toma
mas
;empo
y
energía.

34. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PRINCIPIOS Y PROCESO DE
CREACIÓN DE UNA
INFOGRAFIA
4

35. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
UNA BUENA
INFOGRAFIA...
¿
Qué
nos
muestra
una
buena
infogra5a?
•
Explica
una
historia
•
Ofrece
información
y
conexiones
entre
los
datos.
¿Que
podemos
ver
en
un
infogra5a
?
•
Muestra
una
tendencia
o
proceso
•
Proporciona
un
recurso
•
Compara
A
y
B
•
Mostra
la
evolución
de
un
hecho
o
concepto
•
Simplifica
lo
complejo

36. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ANATOMIA
El
núcleo
de
una
InfograUa
;ene
tres
partes
muy
importantes
1. visual
Colores
Gráficos
Iconos
2. contenidos
rangos
temporales
estadís;cas
referencias
3. conocimeinto
hechos
deduccciones

37. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PROCESO
① Escoge un tema
② Recopila Información
③ Filtra y conecta la Información
④ Escoge la tipología
⑤ Elabora borrador
⑥ Selecciona el programas de diseño
⑦ Revisas los elementos

38. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PROCESO
h)p://ialcalde.es/infografproceso

39. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PROCESO
h)p://ialcalde.es/
infoproceso2

40. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PROCESO
h)p://ialcalde.es/
infoproceso3

41. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
Font.
ffctn.com
1
ALGUNOS
PASOS
IDENTIFICAR
las
fuentes
de
información
• Se
debe
realizar
un
proceso
de
recolección
de
datos
del
tema
a
abordar.
Es
muy
importante
ir
registrando
las
fuentes
de
información
ya
que
son
un
elemento
importante
en
la
infograUa.
• Algunas
fuentes
de
información
a
tener
en
cuenta
son:
Google,
blogs,
Youtube,
Slideshare,
Twi)er,
Wikipedia,
periódicos
electrónicos,
si;os
especializados,
etc.
• Dentro
de
las
fuentes
de
información
también
se
pueden
incluir
encuestas
realizadas
por
nosotros.
• Validar
que
la
información
recopilada
sea
ciertay
las
fuentes
fiables
confiables.
Los
si;os
.gov
y
.edu
suelen
ser
muy
buenas
fuentes
de
información.

42. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
Font.
ffctn.com
1
ALGUNOS
PASOS
ORGANIZAR
las
ideas
• Es
importante
organizar
la
información
recopilada
agruparla
por
tema
y
subtemas,
para
esto
puede
ser
ú;l
un
programa
de
mapa
conceptual.
Existe
una
opción
gratuita
que
es:
Freemind.
• Se
deben
descartar
los
aspectos
que
sean
poco
relevantes
o
poco
interesantes,
esto
evitará
que
nos
ahoguemos
en
el
mar
de
información
recopilada
en
el
punto
anterior.

43. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
Font.
ffctn.com
1
ALGUNOS
PASOS
BOCETAR
la
infogra5a
en
papel
• Una
vez
organizada
la
información
recopilada,
se
debe
empezar
a
realizar
un
bosquejo
de
la
infograUa.
Existe
un
programa
bastante
bueno
y
gratuito
para
realizar
esta
ac;vidad:
Mockflow.com
(
para
bocetar
online)
• Es
posible
que
durante
esta
etapa
nos
percatemos
de
la
necesidad
de
descartar
más
información
que
consideremos
que
no
es
indispensable
para
transmi;r
la
idea
que
queremos
plasmar
en
la
infograUa.
• Esta
etapa
es
fundamental
ya
que
será
la
que
le
de
crea;vidad
y
claridad
a
la
infograUa.

44. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
Font.
ffctn.com
1
ALGUNOS
PASOS
DISEÑAR
la
infografia
• EsClo
original:
Se
debe
evitar
copiar
conceptos
gráficos
de
otras
infograUas.
• Integración:
Una
infograUa
debe
ser
rica
gráficamente
evitando
diseñarla
con
mucho
texto.
• Color:
Se
deben
usar
colores
con
buen
contraste
para
facilitar
la
lectura.
Una
excelente
herramienta
que
facilita
la
selección
de
colores
es
kuler.adobe.com
• Fuentes:
Una
infograUa
debe
tener
un
uso
crea;vo
de
fuentes
y
tamaños
de
letras.
El
si;o
Dafont.com
con;ene
una
amplia
variedad
de
fuentes
que
pueden
tomarse
como
guía.
• Íconos:
Una
infograUa
debe
contener
imágenes
simples
(íconos)
para
poder
comunicar
de
manera
adecuada.
El
si;o
Iconarchive.com
;ene
muy
buen
material.

45. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
LA INFOGRAFIA COMO RECURSO
EDUCATIVO5

46. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
CONCEPTUALES
• InfograUas
de
momentos
históricos
importantes
• InfograUas
de
obras
literarias
• InfograUas
de
cuentos
clásicos
(primaria)
Caperucita
roja
en
infograUa
h)p://www.youtube.com/watch?
v=VrbXHn4B8D0

47. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
CONCEPTUALES
• InfograUas
sobre
una
obra
de
arte:
pintor,
;po
de
obra,
momento
histórico,
lugar
donde
contemplarla…
• Descripción
de
un
edificio
que
haya
sido
modificado/
ampliado
y
que
se
recojan
las
diferentes
fases
• Crear
documentos
sobre
datos
estadís;cos
de
un
tema
de
actualidad
• Normas
ortográficas
• Reglas
grama;cales
• Phrasal
verbs
en
inglés
• Inves;gación
sobre
cómo
funcionan
o
se
hacen
los
objetos
(como
los
documentales
“How
it’s
made”
pero
en
versión
infograUa)
• Resúmenes
de
guías
docentes
(o
guías
didác;cas)

48. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
CONCEPTUALES
• Tipos
de
ensayos
en
materiales
para
determinar
sus
propiedades
Usicas
y
mecánicas
(universidad)
• InfograUas
de
biología
(secundaria)sobre
los
sistemas
del
cuerpo
humano(
reproductor,
linfá;co,
diges;vo,
respiratorio,
inmune...y
sus
interrelaciones
básicas)
infograUas
de
geología:
fenómenos
como
terremotos
o
tsunamis,
;pos
de
rocas...
• infograUas
sobre
gené;ca(
secundaria):
leyes
de
Mendel,
mecanismos
de
evolución...
• infograUas
sobre
sistema
sanguíneo(
secundaria):
grupos
sanguíneos
y
transfusiones
(
incompa;bilidades)
• InfograUas
sobre
fiestas,
eventos
del
centro.
• InfograUas
para
informar
a
las
familias
sobre
temas
específico

49. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
CONCEPTUALES

50. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
ACTITUDINALES
ü Normas
de
la
clase
ü Normas
de
funcionamiento
de
los
grupos
de
trabajo
dentro
de
clase.
ü Normas
cívicas
de
lugares
específicos:
transportes
públicos,
espectáculos,
excursiones
ü Normas
sobre
cómo
u;lizar
el
material
tecnológico
de
clase:
netbooks,
ipads,
tablets...
ü Sen;mientos
y
emociones
ante
algunas
ac;vidades
escolares:
día
del
colegio,
semana
de
la
lectura…
ü Consejos
para
creación
de
tu
iden;dad
digital
ü Normas
de
e;queta
para
comunicarse
por
escrito
(en
redes
sociales,
redactar
un
email
o
solicitud)
ü Consejos
para
respetar
el
medio
ambiente(
reciclaje,
consumo
responsable,
energías
renovables...)
ü Presentarse
el
primer
día
de
clase
y
explicar
como
es
cada
persona.

51. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
ACTITUDINALES

52. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
PROCEDIMENTALES
o InfograUas
sobre
cómo
usar
una
herramienta
concreta
(tecnología)
o Procedimiento
para
solucionar
un
PBL
o Instrucciones
para
solicitar
becas
o
realizar
trámites
académicos
(matrículas,
etc)
o Recetas
de
cocina
o
procedimientos
que
se
repiten
en
cocina
(ba;r,
calentar,
dorar,
sofreír…)
o Instrucciones
para
manualidades
o Consejos
para
preparar
un
por|olio
o
curriculum
(alumnos
de
universidad
a
punto
de
comenzar
a
ejercer)
o Hitos
a
cumplir
en
un
Proyecto
Fin
de
Carrera
o
Trabajo
Fin
de
Máster

53. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTENIDOS
PROCEDIMENTALES

54. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PICKTOCHART
HERRAMIENTAS PARA LA
CREACIÓN DE INFOGRAFIAS
6

55. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PICKTOCHART

56. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
http://piktochart.com/resources/video/
PICKTOCHART
h)p://piktochart.com/resources/video/

57. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PICKTOCHART
h)p://ialcalde.es/manualptc

58. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
PICKTOCHART

59. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
OTRAS HERRAMIENTAS PARA LA
CREACIÓN DE INFOGRAFIAS6

60. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
VIZUALIZE.ME

61. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
VISUAL.LY

62. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
INFOGR.AM

63. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
EASEL.LY

64. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
DIPITY

65. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
WORDLE

66. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
TAXEDO

67. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CREATELY
Crear
Diagramas

68. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
ALGUNAS FUENTES
COMPLEMENTARIAS7

69. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
WEBS
Infografia
o Daily
Infographic
h)p://dailyinfographic.com/
o Cool
Infographics
h)p://www.coolinfographics.com/
o Infografistas
h)p://infografistas.blogspot.com.es/
o Infographics
Showcase
h)p://www.infographicsshowcase.com/
o Inforgraphic
Labs
h)p://infographiclabs.com/

70. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
WEBS

71. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
LIBROS
Introducción
InfograUa
Casos
y
ejemplos

72. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
mas preciada del siglo XXI
CITA
…hace visible lo invisible.
Una buena visualización
es una pieza de arte

73. Ignasi Alcalde www.ignasialcalde.esLa infografía como recurso educativo
CONTACTO
@ignasialcalde
Ignasi Alcalde
www.ignasialcalde.es
info@ignasialcalde.es