Diseño y uso docente de materiales multimedia (1ª parte)

114
@alfredovela Diseño y uso docente de materiales multimedia DISEÑO Y USO DOCENTE DE MATERIALES MULTIMEDIA (1ª parte) Área de Formación Permanente Universidad de Valladolid Alfredo Vela (@alfredovela) 1

description

Una presentación sobre Diseño y uso docente de materiales multimedia (1ª parte).

Transcript of Diseño y uso docente de materiales multimedia (1ª parte)

Page 1: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

DISEÑO Y USO DOCENTE DE MATERIALES MULTIMEDIA (1ª parte)

Área de Formación Permanente

Universidad de Valladolid

Alfredo Vela (@alfredovela)

1

Page 2: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Objetivos

Conocer el panorama actual de los objetos de aprendizaje multimedia adaptados a la educación universitaria.

Ser capaz de crear diferentes tipos de infografías con diferentes herramientas.

Ser capaz de utilizar los objetos de aprendizaje multimedia en el trabajo docente universitario.

2

Page 3: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Contenidos

Introducción

Panorama actual de los objetos de aprendizaje multimedia

Introducción a las infografías

Introducción al screencasting

Herramientas para infografías

Herramientas para screencasting

Herramientas para la difusión de los objetos de aprendizaje multimedia

Aplicaciones y usos de las infografías como objetos de aprendizaje

Aplicaciones y usos del screencasting como objetos de aprendizaje

Estructura de una infografía

Tipología de infografías

Elementos que se pueden incorporar en una infografía

Creación de infografías con medios tradicionales

Creación de infografías con herramientas gratuitas o de software abierto

Proyecto virtual de fin de curso

3

Estos contenidos se reparten entre esta presentación y la que corresponde a la 2ª parte

Page 4: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Introducción

4

Page 5: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Frases para el debate

¿Usamos adecuadamente la tecnología en los procesos educativos?

¿No tenéis la sensación de que “creamos” muchas veces los mismos contenidos?

¿Creéis de verdad que está funcionando el eLearning? ¿cuántos han terminado un curso eLearning realmente satisfechos?

¿Tenemos la sensación de que a menudo que intentamos utilizar tecnologías modernas con metodologías antiguas?

5

Page 6: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunos datos sobre la situación actual

En la actualidad se utilizan las TIC’s es muy reducido en las

mayoría de los centros de formación, muy desigual y depende en

exceso de la voluntad de los profesores, no existen estudios

solventes de cómo implementar las TIC’s en el Sistema Educativo y

no se forma a los profesores en estos aspectos.

Se crean muchos contenidos por parte de los formadores y de los

centros, pero no existe ningún control sobre ellos, ningún sistema

de organización, ni ninguna estrategia que permita la reutilización

de los mismos. Se trabaja mucho, mal y sin organización.

Big Data permitiría con un tratamiento adecuado de los datos

conocer la forma de motivar y mejorar la participación de los

alumnos, profesores y directivos dentro del Sistema Educativo.

6

Page 7: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunos datos sobre la situación actual

Estamos usando metodologías creadas para personas que tenían

sólo contacto con su entorno más próximo y un acceso a la

información muy reducido a personas con alcance infinito a la

información y cuyo entorno puede ser todo el Mundo.

España es uno de los países con mayor penetración de tecnología

(móviles, redes sociales, …) del Mundo y el Sistema Educativo no

hace uso adecuado de ello.

Hay que adaptar el Sistema Educativo a una realidad laboral muy

diferente, donde el trabajo rutinario dejará de tener valor,

aparecen nuevos puestos de trabajo cuya vida no va más allá de

unos pocos años, los trabajadores sufrirán cambios radicales en

sus trabajos, … y para ello hace falta un Sistema Educativo mucho

más ágil y enfocado a la Sociedad actual.

7

Page 8: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cómo aprendemos

8

Page 9: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cómo aprendemos

9

Page 10: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cómo aprendemos

10

Sin descuidar lo que leemos, oímos y vemos, se debería reforzar los instrumentos educativos que promuevan el debate, los ejercicios de aplicación y todo aquello que implique a los alumnos en labores de enseñanza, ya que estos últimos tienen un rendimiento educativo muy superior.

Un buen uso de las TIC’s permitiría conseguir aumentar el rendimiento educativo de los alumnos.

Page 11: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cita:Jay Cross, Jane Hart

“En 1986 el 75% de los

conocimientos necesarios para

trabajar los teníamos en la

cabeza. Hoy ni siquiera

llegamos al 10%”

11

Page 12: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cita:Galileo

“No podemos enseñar nada a

nadie, sólo podemos ayudarle

a aprender por si mismo”

12

Page 13: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cita:Winston Churchill

“Me encanta aprender, pero

odio que me enseñen”

13

Page 14: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Nosotros hablando de TIC y hay quién se llega a TEP

Si aprendemos a usar adecuadamente las TIC y las TAC para motivar

a los alumnos, potenciar su creatividad e incrementar sus

habilidades multitarea, así como para aprovechar las sinergias entre

profesores y estudiantes, conformaremos un aprendizaje

aumentado. En este aprendizaje aumentado, los alumnos, de forma

proactiva, autónoma, guiados por su curiosidad hacia un

aprendizaje permanente, aprenden a sacar partido a la

extraordinaria potencia de Internet como fuente de información,

recursos, metodologías didácticas y estímulo permanente.

Todo se resume en una frase:

“Aprender más, aprender siempre, aprender para toda la vida”

14

Fuente

Page 15: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

TICTACTEP

15

Page 16: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Y también evolucionan los procesos de aprendizaje con Internet

16

Page 17: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de las TIC’s

Hardware y software Ordenadores, smartphones, tablets, Smart-TV, pizarras digitales,

videoconsolas, eBooks, tecnología wearable, impresoras 3D,almacenamiento en la nube, cloud computing, apps

Internet Webs, correo electrónico, buscadores

Web 2.0: redes sociales (generalistas, profesionales, verticales,corporativas), wikis, blogs, sitios de vídeos, sitios de fotografías,repositorios de documentación, mapas, geoposicionamiento, foros,realidad aumentada, grupos, mensajería instantánea, curación decontenido, herramientas de relevancia social, herramientas de medición

eLearning LMS, PLE, podcasting, screencasting, MOOC, Hangout privados y en

abierto, Webinar,

Otros Big Data, BYOD, Gamificación,

17

Page 18: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas ventajas del uso de las TIC’s en educación

Es poco serio hablar de ventajas del uso de las TIC’s en educaciónsin tener claros los currículos y nuevas metodologías en las que seusen, pero de manera general alguna ventaja sería:

Su uso mejorará la cualificación tecnológica de profesores yalumnos.

Optimizaría la habilidad de búsqueda y selección de la información.

Permite mejorar sensiblemente la personalización de la formación.

Mejoraría los problemas de no poder asistir físicamente al aula(hospitalizaciones, enfermedades de larga duración, mal acceso pormala climatología, alumnos trabajadores, …)

Los alumnos manejarán tecnología que con posterioridad se lesrequerirá en el mercado laboral.

Las TIC’s permiten crear nuevas metodologías educativas.

Los alumnos usarán tecnologías que les son conocidas y además lesgustan.

18

Page 19: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas ventajas del uso de las TIC’s en educación

Es poco serio hablar de ventajas del uso de las TIC’s en educación

sin tener claros los currículos y nuevas metodologías en las que se

usen, pero de manera general alguna ventaja sería:

Permitiría mejorar el nivel de idiomas.

Permitirían en desarrollo de la inteligencia colectiva.

Un buen uso de ellas permitiría que los alumnos y profesores

interioricen la importancia del aprendizaje informal y lo incorporen

en su día a día.

Un uso adecuado lograría una reducción significativa de los costes

educativos.

19

Page 20: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunos aspectos de interés en los que hay que pensar para el uso de las TIC’s en la educación

Dentro de los aspectos a estudiar para el uso de las TIC’s en el SistemaEducativo tenemos:

Hay que modificar los curriculos para ir integrando las TIC’s en todo el procesoeducativo.

Hay que “sensibilizar” a la Sociedad de la importancia de su uso y conseguir unamayor implicación de todos los actores.

Hay que medir, medir, medir, … y analizar los resultados de las mediciones sobreel uso de las TIC’s, para así ir haciendo los cambios que se requieran en cadamomento y hacerlos a la velocidad adecuada.

Hay que mejorar ostensiblemente la formación del profesorado en el manejo delas TIC’s y sus aplicaciones metodológicas.

Hay que crear herramientas de apoyo en la Nube para el uso de todos los actores:

Repositorios de documentación.

Seguimiento de los alumnos.

Material para profesores.

Material para padres.

Hay que mejorar la rapidez del Sistema Educativo a la hora de adoptar los cambiostecnológicos y sociales.

20

Page 21: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Panorama actual de los objetos de aprendizaje multimedia

21

Page 22: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Materiales didácticos

Sin duda la irrupción de la informática e Internet han permitido una gran evolución en la diversidad de los materiales y en la forma de consumo de los mismos.

Otro cambio más reciente es la aparición del Cloud Computing, es decir la creación y uso de software que ya no se instala en las máquinas de los usuarios, funciona con conexión a Internet y el uso de un navegador.

Otros cambios que han permitido que los materiales educativos hayan evolucionado en los últimos tiempos en su confección o en su distribución han sido el almacenamiento en la nube, los libros electrónicos, las APPs de los dispositivos móviles, las Redes Sociales, la banda ancha, la creación y edición de vídeo a bajo coste, herramientas colaborativas, LMS, PLE, …

22

Page 23: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Tipos de Materiales didácticos

Impresos: libros, folletos, apuntes, …

Publicaciones digitales: ebooks

Imágenes, fotografías, …

Mapas mentales

Audio, podcasts, …

Webs, blogs, …

Vídeo, screeencasting, …

Wikis

Presentaciones, prezis, …

Mapas

Infografías

Simuladores

Hangouts públicos, webinars, …

Contenido Scorm para LMS

MOOCs

APPs

23

Page 24: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Tipos de Materiales didácticos

24

Mapa mental creado con ExamTime

Page 25: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Infografías

25

Page 26: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Introducción a las infografías

Siempre hemos oído que una imagen vale más que1.000 palabas, y en las mayoría de los casos es así.

Las infografías en los últimos tiempos han tenido unéxito demoledor en Internet ,y es fácil entender losmotivos, una buena infografía nos cuenta una historiaen menos de 3 minutos, de forma a visual y bonita, nose puede modificar ya que es una imagen y todo enmundo quiere ponerla en sus redes sociales y en susblogs, ¿qué más podemos pedir?

Una buena infografía, bien movida es seguramente elsoporte publicitario que tiene un coste por impactomás bajo.

26

Ver vídeo de Introducción

Page 27: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Definición de infografía

Antes de hablar sobre cualquier tema es convenientetener claro que todos hablamos de lo mismo, por ellovoy a intentar aclarar el concepto de infografía del quevamos a charlar en esta serie de artículos.

Según el diccionario de la RAE, las dos acepciones de infografía son:

“Técnica de elaboración de imágenes mediante ordenador.”

“Imagen obtenida por medio de esta técnica.”

27

Page 28: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Definición de infografía

Según la Wikipedia, la definición de infografía es:

“La infografía es una representación visual de los propios textos; en la que intervienen descripciones,

narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos y/o sonidos. La

infografía nació como un medio de transmitir información gráficamente. Los mapas, gráficos,

viñetas, etc. son infogramas; es decir, partes de la infografía, con la que se permite a estos una

información completa aunque pueda ser complementaria o de síntesis.”

28

Page 29: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Definición de infografía

Para terminar con las definiciones yo voy a aportar lamía:

“Una infografía es cualquier información puesta en forma de imagen.”

Alguno dirá que la definición que ofrezco es muy simple,pero creo que es la que mejor define el concepto.

En la actualidad existe cierta controversia sobre lo que esy no una infografía, hay ciertos puristas molestos conque se llame infografía a determinadas imágenes, perocomo siempre, el tiempo está dejando claro que ese“excesivo purismo” no es el sentir general de los usuariosde Internet.

29

Page 30: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

La importancia de las infografías

Basta con dar una vuelta por Internet y Redes Socialespara comprender el auge que en los últimos tiemposestán alcanzando las infografías como herramienta decomunicación en webs y blogs. Dicho éxito se debe avarios factores, entre los cuales podríamos destacar:

Si la infografía está bien realizada, en poco tiempo el lector vesintetizada la información de una manera sencilla, gráfica yatractiva. Es difícil que alguien dedique más de tres minutos aleer algo en Internet.

Aumenta el tráfico a tu sitio web: la mayoría de lasestadísticas existentes al respecto indican que como mínimose duplica el número de visitas al post.

30

Page 31: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

La importancia de las infografías

Admiten patrocinio: hay empresas que patrocinaninfografías, cosa que no harían con tu web o blog.

Se replican con facilidad: si analizamos la mayoría de lasbuenas infografías, vemos que se pueden encontrar encentenares e incluso miles de sitios web, lo que permite quela visibilidad y el alcance de las marcas que las crearon seaimpresionante con un coste bajísimo.

Hay muchas más razones pero estas cuatro nos deben dedar una idea sobre el por qué del tremendo éxito de lasinfografías en todo el mundo.

31

Page 32: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Tipos de infografías

No existe todavía una clasificación “reglada” de los tipos deinfografías existentes. En mi opinión hoy la clasificación másadecuada sería:

Estáticas: una imagen fija con todos los contenidos que se necesitan incluir (ver ejemplo 4 etapas para comprender Twitter)

Dinámicas: imágenes en movimiento, podríamos decir que es unvídeo en formato infográfico (ver ejemplo).

Interactivas: son imágenes que permiten al usuario interactuarsobre las mismas, cada vez están más extendidas (ver ejemplo).

32

Page 33: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Tipos de infografías

3D: son imágenes que recrean escenarios, edificios, muebles,… y combinaciones de ellos. Se utilizan mucho enarquitectura y en la industria del mueble (ver ejemplo).

Periodística: en realidad cualquiera de las anteriores seríaválida como infografía periodística, pero está especializadaen el uso en medios de comunicación (ver ejemplo).

Ninguno de los tipos de infografía mencionados es mejorque los demás, simplemente hemos de elegir cuál deellas se adapta mejor a las necesidades que deseamoscubrir.

33

Page 34: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía: Introducción

En un apartado anterior explicamos qué es una infografíay los tipos de infografías existentes. En este momentovamos a ir desgranando los diferentes elementos ycontenidos que puede contener una infografía y algunasreflexiones sobre la organización de los diferenteselementos que la conforman. Sobre todo, vamos ahablar de infografías estáticas, aunque en la parte decontenidos y elementos casi no existen diferencias con elresto de las tipologías.

No hay que olvidar que la infografía es una entidad en símisma, y que por ello, tiene que incorporar toda lainformación necesaria de manera autónoma.

34

Page 35: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

Si tuviéramos que indicar las partes principales de unainfografía, nos encontraríamos con que no hay nadaestándar o normalizado al respecto, pero podríamoshablar de 3 elementos básicos:

El título

El contenido

El pie

Por trabajo, extensión y relevancia, sin duda, la partemás importante es el contenido, ya que alberga elgrueso de la información, pero si tuviera que ponderar laimportancia de cada una de esas partes, quedaría enúltima posición. ¿Por qué digo esto? muy sencillo, engeneral en el pie aparecen las fuentes de los datos y lainformación sobre quién ha realizado la infografía y/oquién la ha esponsorizado, y como podemos imaginar elobjetivo de la mayoría de estas imágenes es dar aconocer nuestra marca.

35

Page 36: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

Pero si el pie tiene importancia, la parte más importantede una infografía es el título. Como ocurre en cualquierpublicación que compita con otras por conseguir lasvisitas del público, un mal título puede dar al traste conmuchas horas de trabajo recopilando datos, organizandocontenidos, diseñando y maquetando, ya que es loprimero que vamos a ver, y si no consigue atraernoshabremos cosechado un fracaso en nuestros objetivos.

Por ello, hay que dedicarle tiempo y especial atención altítulo, que por supuesto, debe indicarnos de la maneramás exacta posible lo que nos vamos a encontrar.

Os puedo decir que he visto auténticas joyas deinfografía con un impacto muy malo y muy malasinfografías que han cosechado un exitazo gracias a unamala/buena selección del título.

36

Page 37: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

Por ello, hay que dedicarle tiempo y especial atención altítulo, que por supuesto, debe indicarnos de la maneramás exacta posible lo que nos vamos a encontrar.

Os puedo decir que he visto auténticas joyas deinfografía con un impacto muy malo y muy malasinfografías que han cosechado un exitazo gracias a unamala/buena selección del título.

Sobre el título, una reseña importante, hay que recordarque luego hay que tuitearlo, por lo que el título nuncasuperará los 80/90 caracteres. En ocasiones el uso de unsubtítulo puede ser muy adecuado.

37

Page 38: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

En el cuerpo la cantidad de elementos que se puedenutilizar es tremendamente extensa. A continuaciónvamos a ver algunos de los más interesantes y utilizados:

Textos: la mayoría de las infografías tienen varios elementosde texto, incluso hay infografías en las que casi todo es texto(aunque hay autores que dirían que no son infografías). En lostextos, una buena elección de tipografía es muy importante..

Fotografías: se utilizarán las que se consideren necesariaspara el contenido. Hay que tener cuidado con la propiedadintelectual de las mismas.

Imágenes: este apartado es uno de los que más posibilidadestiene, ya que en una infografía podemos usar imágenes conmúltiples motivos y aplicaciones, como flechas de flujo,imágenes de objetos, cajas para textos, bocadillos paratexto…

38

Page 39: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

Gráficos: siempre que vamos a trabajar con estadísticas enuna infografía, la forma más visual de hacerlo son los gráficos,de barras, columnas, sectores, de líneas, o cualquiera de lostipos existentes que cumpla con los objetivos deseados.

Diagramas: organigramas, diagramas de flujo, piramidales,de relación, de ciclo o de proceso, son algunos de los tiposque podemos utilizar.

Pantallas: en ocasiones hay que ilustrar con el uso decapturas de pantallas de software, páginas de Internet osimilares.

Citas: en muchas ocasiones se utilizan citas célebres parahablar sobre un tema o para reforzarlo. Siempre hay queindicar la autoría de la misma.

39

Page 40: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

Cuadros estadísticos: aunque la mayoría de las estadísticasen una infografía se reflejan en forma de gráfico, hay ciertasocasiones en las que no podemos prescindir de las cifras.

Esquemas: muy útiles cuando se pretende dar una idea deorganización de contenidos.

Cabeceras, apartados y separadores: hay infografías quetienen varios aparatados, para éstas las cabeceras yseparadores son imprescindibles.

Notas aclaratorias: cuando hay que explicar una palabra oexpresión es muy útil la utilización de llamadas o notas al piede página para dichas aclaraciones.

Audio/vídeo/enlaces: aunque estos elementos son máspropios de infografías animadas y dinámicas, cada vez es máshabitual encontrarlos en las de tipo estático.

40

Page 41: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

En cuanto al pie de la infografía, como yacomentábamos con anterioridad, éste tiene unaimportancia capital, ya que aquí es donde se pondrán losdatos que le interesen. Entre los más habitualestenemos:

Fuentes: de donde se ha obtenido la información queaparece reflejada en la infografía.

Logos: el de la empresa que presenta la infografía y los quesean necesarios.

Patrocinios: se indicará si la infografía ha sido patrocinada ylos datos del patrocinador.

Datos de contacto: web, blog, redes sociales, correo,teléfono, y cuanta información se desee ofrecer para que sepongan en contacto.

41

Page 42: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Elementos de una infografía

Código QR/Bidi/…: donde pondremos la información quedeseemos, en general la de contacto.

Derechos: se indicará si la infografía tiene copyright, usalicencia Creative Commons u otros. Mi consejo es no utilizarningún tipo de licencia si perseguimos que nuestra infografíase difunda por la red en cuantos más sitios mejor.

La confección de una infografía es casi como la de cualquiersoporte de información, comienza con una necesidad decomunicar algo. Cuando tenemos una idea, algo quecomunicar o una campaña publicitaria y creemos que unainfografía puede ser una forma adecuada de afrontarlo yatenemos el principio, veamos ahora el recorrido hasta quenuestra infografía se publica.

42

Page 43: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

El proceso de crear una infografía

Una vez aprobada la idea hay que desarrollarla, es decir,hay que crear un esquema, mapa mental o similar, contoda la información que deseamos incluir. Es evidenteque en la mayoría de los casos esto puede implicar unaardua labor de investigación.

Una vez que hemos realizado el esquema de loscontenidos que deseamos incluir en nuestra infografíallega la etapa de maquetación y diseño.

43

Page 44: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

El proceso de crear una infografía

En el apartado anterior ya hemos destacado laimportancia capital del título, pues una mala elección eneste apartado puede dar al traste con todo nuestrotrabajo. En la parte central de la infografía iremosorganizando los diferentes contenidos que queramosreflejar, por supuesto, utilizando un lenguaje escrito yvisual adaptado al público objetivo al que deseemosllegar, ya que no es lo mismo hacer una infografía paraniños que hacerlo para profesionales de cualquierespecialidad de alto nivel. En el pie pondremos lasfuentes y todos aquellos datos que queramos queaparezcan del creador de la infografía.

El paso final consistirá en una revisión a fondo y latraducción a los idiomas deseados.

44

Page 45: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

El proceso de crear una infografía

Una forma de aprender sobre el diseño y confección de infografías es ver muchas, así que os dejo con algunas de las más importantes recopilaciones:

Visual.ly

Graphs.net

TICs y Formación

Infografías en castellano

Las otras infografías

45

Page 46: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Herramientas para crear una infografía

Dentro del apartado de herramientas para crearinfografías, la verdad es que podríamos hablar decualquier herramienta de diseño gráfico, ya que contodas ellas es posible realizarlas. Es evidente que, amejores herramientas, mejores resultados. He vistoalgunas infografías realizadas con Paint de Windows eincluso en PowerPoint.

Con respecto a las herramientas de diseño gráficotradicionales, las más utilizadas son Photoshop,Ilustrator, Indesign… y algunas más de característicassimilares.

46

Page 47: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Herramientas para crear una infografía

En los últimos tiempos están apareciendo herramientasonline para crear infografías, la mayoría en estado demaduración, pero con las que ya se pueden conseguirresultados muy interesantes. Dos ejemplos son:

Piktochart

Infogr.am

Como curiosidad, simplemente añadir querecientemente Slideshare permite almacenar infografíasen su servidor (ver ejemplo)

47

Page 48: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunos usos y aplicaciones actuales de las infografías

En la actualidad el uso de infografías está cada vez másextendido, y las aplicaciones de las mismas son infinitas.En este apartado vamos a destacar algunas de las másrelevantes:

Para uso educativo: conjugando aquello de que unaimagen vale más que mil palabras.

Periodístico: hoy en día no se entiende un medio decomunicación sin un buen departamento de infografía.

Marketing: este es, quizás, uno de los apartados dondepodemos encontrar más usos, algunos ejemplos son:

Presentación de libros

Resúmenes de estudios, encuestas y estadísticas

48

Page 49: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunos usos y aplicaciones actuales de las infografías

Formación, educación

Presentación de nuevos productos

Promoción turística

Convocar y divulgar todo tipo de eventos

Difusión de rankings

Celebraciones

Biografías

Eventos deportivos

Comparativas

Carta de servicios/productos de una empresa

Explicación de conceptos

Presentación de nuevos productos

Timeline de productos/servicios/personas

49

Page 50: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunos usos y aplicaciones actuales de las infografías

Otras aplicaciones: podemos ver infografías pararecetas de cocina, humor, curriculums vitae, creaciónde marca personal…

Podríamos decir que las infografías tienen cabida enmuchos de los artículos y posts que encontramos enInternet, el secreto está en saber dónde, crear buenasinfografías y conseguir que tengan repercusión.

50

Page 51: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Usos actuales de las infografías

Page 52: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Usos actuales de las infografías

Page 53: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Usos actuales de las infografías

Page 54: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Usos actuales de las infografías

Page 55: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Usos actuales de las infografías

Page 56: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Usos actuales de las infografías

Page 57: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

La difusión de la infografía

Una vez que hemos recorrido todas las etapasnecesarias para la creación de una infografía, llega laúltima etapa, colocarla en la ubicación virtual para laque se había destinado.

Salvo que la web/blog donde se ha colocado tenga ungran tráfico (y aunque lo tenga) hay que hacer que losinternautas visiten la infografía en primer lugar en suubicación original y más tarde hacer que la infografíavaya siendo publicada en la mayor cantidad posible delugares, preferiblemente con enlace a la fuenteoriginal.

57

Page 58: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

La difusión de la infografía

El objetivo que debemos conseguir es colocar lainfografía en cuantos más sitios mejor, relacionadoscon la temática de la misma. En muchos casos, esosimplemente lo conseguiremos atrayendo lectores alpost que contenga la infografía, ya que muchas de laspersonas y empresas que lleguen al artículo querránrepublicarla en sus webs o blogs para compartirla entresus lectores. Por ello hemos de dirigir nuestras accionesa aumentar el número de visitas al post, aunque comoveremos existen algunas acciones adicionales quepodemos realizar para conseguir aumentar la difusión.

58

Page 59: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas acciones a realizar para conseguir una amplia difusión de la infografía

Entre las acciones para conseguir el éxito en la difusiónde nuestro trabajo, podríamos destacar las siguientes:

Enviar la infografía por correo electrónico: siconocemos webs y blogs donde es susceptible lacolocación de nuestra infografía y disponemos de susdirecciones de correo, les debemos enviar el email conel fichero de la imagen con buena calidad, indicando sideseamos que incluyan algún enlace a nuestro post. Enla mayoría de los casos los receptores del correo loagradecerán ya que les ahorramos el trabajo de buscarcontenidos. Si vamos a hacer a menudo infografías,crear una base de datos con estas direcciones de correosería una buena idea.

59

Page 60: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas acciones a realizar para conseguir una amplia difusión de la infografía

Poner el código para embeber la infografía: a la gentehay que facilitarle el trabajo. Si ponemos el código paraembeber la infografía en otros posts, matamos dospájaros de un tiro, hacemos más sencilla la difusión yaumentamos el tráfico, ya que el objeto embebido, alhacer clic sobre él, conducirá a nuestro post. Eso sí, sipones el código para embeber, asegúrate de quefunciona en todos los navegadores, un código que nofunciona “cabrea” bastante.

Subir la imagen a Pinterest: sin duda, Pinterest, es unode los medios sociales donde las infografías estántriunfando. Además de poner el botón social en el postpara que se pueda añadir, es importante que nosotroslo pongamos en el nuestro.

60

Page 61: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas acciones a realizar para conseguir una amplia difusión de la infografía

Subir la imagen a Flickr: al igual que en el caso anterior,colocar la infografía en Flickr posibilitará la replicaciónpor distintos lugares de la red.

Si es una infografía animada, subirla a YouTube yVimeo: las infografías animadas, al tener laconsideración de vídeos, pueden subirse a losrepositorios de vídeo; YouTube y Vimeo son dos de losmás importantes.

Subir la infografía a Slideshare: hace unos mesesSlideshare, al observar el Boom de las infografías,posibilitó alojarlas en su sitio de manera sencilla. Elnúmero de infografías alojadas en Slideshare hacrecido muy rápidamente.

61

Page 62: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas acciones a realizar para conseguir una amplia difusión de la infografía

Subir la infografía a repositorios de infografías: webscomo visual.ly y graphs.net permiten a los usuariosregistrados subir las infografías para aumentar sudifusión y en número de impactos de las mismas.

Poner los botones sociales en el post: poniendo losbotones sociales más representativos en el post quealberga la infografía, posibilitaremos que los usuariospuedan publicar en sus redes sociales el post y asíaumentar el número de visitas.

Difundir el post por diferentes medios: además deincluir botones sociales para que los usuarios nosayuden en la difusión, deberemos publicar el post encuantos medios sociales nos sea posible para conseguirla mayor difusión.

62

Page 63: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Algunas acciones a realizar para conseguir una amplia difusión de la infografía

Repetir las publicaciones en diferentes días y horarios:la publicación de los contenidos hemos de realizarla envarias fechas y horarios para asegurarnos el mayoralcance posible. Si el contenido de la infografía esatemporal, después del lanzamiento inicial, esconveniente que difundamos de vez en cuando lainfografía para hacerla llegar a usuarios nuevos oaquellos que no la hubieran visto con anterioridad.

Impresión de la infografía: en ocasiones se pretendeutilizar la infografía de manera física. Se pueden crearcarteles con infografías, se pueden imprimir enaluminio e incluso se pueden crear marcapáginas coninfografías. Ser imaginativo es importante. Porsupuesto se pueden usar para publicaciones en papel.

63

Page 64: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Indicios de que las infografías funcionan

Page 65: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Las infografías llevan entre nosotros muchos años

Infografía de la época napoleónica

Page 66: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Slideshare ha convertido a la infografía en un tipo de documento en su web

Page 67: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

El Parlamento Europeo ha integrado la infografía en su estrategia de comunicación

Page 68: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

En las búsquedas de infografías en Google la cantidad aumenta rápidamente

Page 69: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

El mundo del fútbol las utiliza regularmente

Page 70: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Grandes marcas las usan en su estrategia de comunicación

Page 71: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Pinterest está inundado de infografías

Page 72: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Flickr incluye cada vez más infografías

Page 73: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Cada vez se publica más sobre infografías

Page 74: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Herramientas online gratuitas para crear Infografías

Alfredo Vela

74

Page 75: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Introducción

Se han recogido 17 herramientas gratuitas online para crear infografías.

A pesar de que las herramientas son gratuitas, algunas disponen de versión de pago.

Para acceder a cada herramienta basta con hacer clic en la pantalla de cada una de ellas.

75

Page 76: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Canva

76

Page 77: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Piktochart

77

Page 78: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Visual.ly

78

Page 79: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Easel.ly

79

Page 80: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Infogr.am

80

Page 81: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Mural.ly

81

Page 82: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Creately.com

82

Page 83: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Venngage.com

83

Page 84: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

iCharts.net

84

Page 86: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Vizualize.me

86

Page 87: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Prezi

87

Page 88: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

PowTown

88

Page 89: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Gliffy

89

Page 90: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Geocommons.com

90

Page 91: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Re.vu

91

Page 92: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Visme.co

92

Page 93: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

De donde obtener recursos para las infografías

93

Page 94: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Flickr(imágenes)

94

Page 95: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Generador de QR Codes

95

Page 96: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Visme.co(Mapas Mentales)

96

Page 97: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Endless icons(iconos)

97

Page 98: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

flaticon(iconos)

98

Page 99: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

freepic(iconos)

99

Page 100: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Generador de gráfcios

100

Page 101: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

ChartGo

101

Page 102: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Photoshopexpress(editor de imágenes)

102

Page 103: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Pixlr(editor de imágenes)

103

Page 104: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Herramientas online para Mapas Mentales

104

Page 106: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Creately

106

Page 107: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

RealTimeBoard

107

Page 108: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

RealTimeBoard

108

Page 109: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Text2MindMap

109

Page 110: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Mind42

110

Page 111: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Wise mapping

111

Page 112: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Ejercicios prácticos de infografía

112

Page 113: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Ejercicios prácticos

1. Crear un Mapa Mental con ExamTime (15/20 minutos) con varios subniveles y que al menos incorpore una imagen.

2. Crear una infografía vertical con PowerPoint que incorpore texto, imágenes, al menos una tabla y un gráfico de columnas. Incorporar también el Mapa Mental realizado en el punto 1. Añadir un código QR.

3. Crear una infografía con la herramienta de dibujo de Google Drive con las dimensiones 10 x 20 cm. Incorporar imágenes (al menos una de Flickr), texto, objetos, el mapa mental creado en el punto 1, y al menos un gráfico creado con la herramienta de hoja de cálculo de Google Drive. Grabar la infografía como .jpgy .pdf. Incorporar un cádigo QR

4. Crear una infografía modificando una plantilla en easel.ly

113

Page 114: Diseño y uso docente de materiales multimedia (1ª parte)

@alfredovelaDiseño y uso docente de materiales multimedia

Muchas gracias por su atenciónAlfredo Vela ([email protected])

114