Infografia, Comunicació, Informació i Disseny

Infografia, Comunicació, Informació i Disseny
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Infografia comunicació informació i disseny
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Qui sóc Adreça electrònica info@ignasialcalde.es Grau Universitari en Multimèdia, màster universitari en Societat de la Informació i el Coneixement i postgrau en Visualització de la Informació. in in/ignasialcalde Xarxes socials t @ignasialcalde www.ignasialcalde.es Web Consultor i formador competències digitals gestió del coneixement gestió de la informació aprenentatge
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Que faig en formació Aprenentatge informal GESTIÓ DEL CONEIXEMENT Col·∙laboració i empresa COL·∙LABORACIÓ VIRTUAL Habilitats digitals . GESTIÓ DE LA CARGA COGNITIVA
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Infografia Representa la informació gràficament Introducció
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Exemples 3 GESTIÓN DE LA CARGA COGNTIVA
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Raons Infografia Representa la informació gràficament
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Perquè ens agraden ? 14 Algunes de les raons per representar gràficament amb infografies Sobrecàrrega informativa Amb la informació del món en l 'actualitat es duplica cada dos anys, no és d 'estranyar la gent experimenta una sobrecàrrega d 'informació. Amb els telèfons intel·ligents tablets i la ubiqüitat de la Internet, la gent no para de rebre, analitzar, compartir i crear informació nova. A causa d'aquesta sobrecàrrega cal cridar l 'atenció de la gent. La creació d'una visualització convincent de les dades i informació pot fer que aquesta realment sobresurti de tot el soroll informatiu. 8
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Perquè ens agraden ? 14 Algunes de les raons per representar gràficament amb infografies Facilita la comprensió Com a éssers humans, som criatures molt visuals. La nostra capacitat d 'interpretar ràpidament la informació visual és molt més gran que la de les paraules escrites. Mitjançant la visualització que poden fer que la informació complexa sigui més fàcil d'entendre. 9
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Perquè ens agraden ? 14 Algunes de les raons per representar gràficament amb infografies Poca capacitat d’antenció La naturalesa visual de l'espècie humana es destaca per tant com la gent li encanta compartir infografia i visualització de dades interessants. Així ho demostra l'adopció generalitzada de la infografia per linkbuilding i màrqueting viral. Si la gent ha de triar entre una cosa que és visualment atractiu i fàcil de digerir que triaran que en altres formes com la paraula escrita que pren més temps i més energia per digerir 10
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Perquè ens agraden ? 14 Algunes de les raons per representar gràficament amb infografies Retenció lectora Les persones tenen taxes de retenció horribles per la informació que llegeixen. Estudis fets recentment diuen que les persones només recorden el 20% del que llegeixen. 11
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Perquè ens agraden ? 14 Algunes de les raons per representar gràficament amb infografies Ens agrada compatir La naturalesa visual de l'espècie humana es destaca per tant com la gent li encanta compartir infografia i visualització de dades interessants. Així ho demostra l'adopció generalitzada de la infografia per linkbuilding i màrqueting viral. Si la gent ha de triar entre una cosa que és visualment atractiu i fàcil de digerir que triaran que en altres formes com la paraula escrita que pren més temps i més energia per digerir 12
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Perquè ens agraden ? 14 Algunes de les raons per representar gràficament amb infografies Més atractiu Mitjançant la creació d'alguna visualització visualment atractiva, probablement activarem al curiositat de la persona. 13
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Infografia Representa la informació gràficament Deﬁnim conceptes
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY “La infografia és una combinació d 'imatges sintètiques i textos amb la finalitat de comunicar informació de manera visual per facilitar la seva transmissió.” Definim: infografía 18
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY ““Explicar històries visualment” Definim: infografía 19 Chiqui Esteban Graphics director Boston Globe
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY “ L'objectiu principal de la visualització de dades és transmetre informació clara i eficaç a través de mitjans gràfics. Això no significa que la visualització de dades hagi de ser avorrida per ser funcional o extremadament sofisticada per ser bella. Per expressar idees de manera efectiva, tant la dimensió estètica com la funcional han d'anar de la mà, i han de proporcionar determinats punts d'entrada a un conjunt de dades complex per comunicar els seus aspectes clau d'una forma més intuïtiva.” Definim: visualització d’informació 15 Vitaly Friedman Dissenyador i desenvolupador web freelance
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY “Multidisciplina que representa les dades transformant-les en informació semàntica a través de mitjans gràfics, combinant la seva funcionalitat i estètica amb simplicitat, i estimulant la participació dels usuaris “ Definim: visualització d’informació 17
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY “Hi ha una naturalesa comuna de l’infografia i la visualització ja que pertanyen a un mateix continu, on els límits de la qual són definits per les paraules presentació i exploració” Visualització vs infografía 20
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Exemple d’ infografia 21
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Exemple visualització 22
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Infograﬁa I Marke9ng Infografia Representa la informació gràficament
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Exemples: Marketing digital 7 GESTIÓN DE LA CARGA COGNTIVA
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Exemples: Marketing digital 7 GESTIÓN DE LA CARGA COGNTIVA
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Exemple video infografía animada 22
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Elements i 9pologia Infografia Representa la informació gràficament
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Elements 23 Imatges Dades Grafismes
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Estructura 30 Títol Cos Peu
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Colors 23 h=p://www.colorblender.com
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Diagrama de flux 25 h=p://www.mindmeister.com/
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Línea de temps 25 o  representació visual de la informació i els esdeveniments que succeeixen en el temps o  permet a l 'espectador a entendre les relacions temporals ràpidament o  De vegades també es refereix a la cronologia que es troba en forma de taula, any rere any
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Localització 25 o  Inclouen informació geo posicioanda o  La escala és el paràmetre important
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Recerca i dades estadístiques 25 o  comunicar informació complexa de manera ràpida i clarament. o  gràfics de barres i gràfics de sectors circulars
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Diagrama 25
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Procés 24
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Procés Infografia Representa la informació gràficament
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Procés 24 Escull un tema1 2 3 4 5 Recopila Informació Filtra la Informació Escull la tipologia Elabora esborrany Programes de disseny6 7 Revisió elements h=p://goo.gl/bFXvA
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Un bon disseny d’informació té… 26
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Una bona infografia té… 27
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Una bona infografia té… estructura 28 www.ExtremePresentation.com © 2009 A. Abela - a.v.abela@gmail.com EstáticoCambios en el tiempo Composición ¿Qué deseas mostrar? Relación Distribución Comparación Tres Variables Dos Variables Una Variable Dos Variables Tres Variables Gráfico de tarta Porcentaje simple del total Pocos datos Muchos datos Entre objetos En el tiempo Una variable por objeto Dos variables por objeto Muchas categorías Pocas categorías Muchos datos Pocos datos Datos ciclicos Datos no ciclicos Muchas categoríasUna o varias categorías Muchos periodos Pocos periodos Componentes de componentes Suma o resta del total Gráfico de cascada Columna de porcentaje con subcomponentes Gráfico área en 3D Gráfico de dispersión Histograma lineal Histograma en columna Traducción a cargo de Víctor Caballero con autorización del autor www.Vectart.com / contact@vectart.com Muchos periodosPocos periodos Diferencias porcentuales Diferencias porcentuales Diferencias porcentuales y absolutas Diferencias porcentuales y absolutas Gráfico de dispersión Gráfico de burbujas Columna de anchura variable Tabla o tabla con gráficos incrustados Gráficos de barras Gráficos de columnas Gráfica de área circular Gráfica lineal o fiebre Gráficos de columnas Gráfica lineal o fiebre Columnas adosadas de porcentajes Columnas adosadas Áreas porcentuales superpuestas Gráfica de áreas superpuestas ¿Qué gráfico elegir?
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Una bona infografia implica… disciplines 29
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Què fa bona una infografía 30 • Mostra una tendència o procés • Proporciona un recurs • Compara A i B • Mostra l'evolució d’un fet o concepte • Simplifica lo complex
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Mostra, no expliquis 30
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Contingut, dades 30 Les dades poden informar i recolzar el contingut. El contingut es pot fer de les dades.
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Quin tipus d ’audiència tenim 34
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Quin tipus d ’estètica tenim 25
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Quin tipus de percepció tenim 34 h=p://youtu.be/0PJLV7dlGxY
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Quin tipus d ’estil de presentació volem 34 Estàtic La informació presentada en la seva totalitat en una sola mirada Gràfics de diaris , mapa desplegables , manuals de productes. Moviment Informació presentada progressivament en una seqüència lineal Animació o gràfiques de vídeo Interactiu La informació presentada de forma selectiva basada en l'elecció espectador En general , basat en la web , pot ser: narrativa , instructiva , de simulació o d'exploració
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles I Bona praxis Infografia Representa la informació gràficament
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 23 Començar sempre amb preguntes
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 39
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 23 La forma segueix a la necessitat
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 23 Si hem d'escollir, la funcionalitat per sobre de l'estè9ca “the purpose of visualiza9on is insight, not pictures” ben shneiderman (1999)
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 23 "I hear and I forget I see and I remember. I do and I understand “ Confuci afegir interacció! (quan sigui possible)
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 23 “ visualització = arma molt poderosa!
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Regles bàsiques 23 “ afegir interacció! (quan sigui possible) Hem de tenir la “història” que ens expliquen les dades. Les eines no acaben al món digital.
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Infografia Representa la informació gràficament Eines
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per infografies amb plantilles 35
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per núvol de paraules 36
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per núvol de paraules
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per infografies 37
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per infografies 37
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per capturar dades 37
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Eines per infografies sense plantilles 38 Illustrator Inkscape
www.ignasialcalde.es INFOGRAFIA: COMUNICACIÓ, INFORMACIÓ I DISSENY Contacte 45 info@ignasialcalde.es in in/ignasialcalde t @ignasialcalde

Check these out next

Infografia, Comunicació, Informació i Disseny

Recomendados

Más contenido relacionado

Similar a Infografia, Comunicació, Informació i Disseny(20)

Más de Ignasi Alcalde(20)

Último(20)

Infografia, Comunicació, Informació i Disseny