Infografia, Comunicació, Informació i Disseny

www.ignasialcalde.es INFOGRAFIA:
COMUNICACIÓ, INFORMACIÓ I DISSENY

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


Que faig en formació
Aprenentatge informal
GESTIÓ DEL
CONEIXEMENT
Col·∙laboració
i
empresa

COL·∙LABORACIÓ

VIRTUAL

Habilitats digitals
.

GESTIÓ DE LA
CARGA COGNITIVA


Infografia
Representa la informació gràficament
Introducció


Exemples
3

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemples
1

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemples
2

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemples
4

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemples
6

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemples
5

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemples
7

GESTIÓN
DE
LA
CARGA

COGNTIVA


Raons
Infografia


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


14

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


14

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


14

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


14

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


14

Més atractiu

Mitjançant la creació d'alguna
visualització visualment atractiva,
probablement activarem al curiositat de
la persona.
13


Infografia
Deﬁnim
conceptes


“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


““Explicar històries visualment”
Definim: infografía
19

Chiqui Esteban
Graphics director
Boston Globe


“ 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


“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


“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


Exemple d’ infografia
21


Exemple visualització
22


Infograﬁa
I
Marke9ng

Infografia


Exemples: Marketing digital
7

GESTIÓN
DE
LA
CARGA

COGNTIVA


Exemple video infografía animada
22


Elements
i
9pologia

Infografia


Elements
23

Imatges Dades Grafismes


Estructura
30

Títol
Cos

Peu


Colors
23

h=p://www.colorblender.com


Diagrama de flux
25

h=p://www.mindmeister.com/


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


Localització
25

o  Inclouen informació geo posicioanda
o  La escala és el paràmetre important


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


Diagrama
25


Procés
24


Procés
Infografia


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


Un bon disseny d’informació té…
26


Una bona infografia té…
27


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?


Una bona infografia implica… disciplines
29


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


Mostra, no expliquis
30


Contingut, dades
30

Les dades poden
informar i recolzar el
contingut.
El contingut es pot fer
de les dades.


Quin tipus d ’audiència tenim
34


Quin tipus d ’estètica tenim
25


Quin tipus de percepció tenim
34

h=p://youtu.be/0PJLV7dlGxY


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ó


Regles
I
Bona
praxis
Infografia


Regles bàsiques
23

Començar
sempre
amb
preguntes


Regles bàsiques
39


Regles bàsiques
23

La forma segueix a la necessitat


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)


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)


Regles bàsiques
23

“
visualització = arma molt poderosa!


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.


Infografia
Eines


Eines per infografies amb plantilles
35


Eines per núvol de paraules
36


Eines per núvol de paraules


Eines per infografies
37


Eines per capturar dades
37


Eines per infografies sense plantilles
38

Illustrator

Inkscape


Contacte
45

info@ignasialcalde.es in
in/ignasialcalde t
@ignasialcalde

Infografia, Comunicació, Informació i Disseny

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (12)

Similaire à Infografia, Comunicació, Informació i Disseny

Similaire à Infografia, Comunicació, Informació i Disseny (20)

Plus de Ignasi Alcalde

Plus de Ignasi Alcalde (20)

Dernier

Dernier (8)

Infografia, Comunicació, Informació i Disseny