056

i CAPrTUlO

~<fI
J;~(~~-~:
-- fig.2.1-2.14
* CAP[TULOS DE LECTURA ESENCIAL

////////////////////////////////////////////////

@-CD-@-@-@-@
:
,
,
:
•
5' ..
~

FORMATOS DE LA INFOGRAFíA:
/
/ ESCOGER EL VEHíCULO CORRECTO PARA SU MENSAJE
<,

o INFOGRAFíA ESTÁTICA 060

o MOVIMIENTO GRÁFICO 074

o INFOGRAFíA INTERACTIVA 082

,
~
,;, 087
;;/ .,'/

5
 -------
58 INFOGRAFfAS •• "TOS DE LA INFOGRAFfA: ESCOGER EL VEHfcu

MUESTRA DE ACTUALIZACIONES ~ medida que se embarca en el viaje para converti

más visual mediante el uso de infografía, es impor
• DINÁMICA
qué formato le ayudará a transmitir su mensaje de
SEMIDINÁMICA ACTIVA LoSprincipales formatos que pueden albergar co
{icason las imágenes estáticas, las interfaces intera
• ESTÁTICA
nido en movimiento (Figura 2.1). No existe una je

• ya que el mejor formato está determinado por cuá

contener Y transmitir la información que quiere c
para entender los atributos de cada formato y con
(PANELES DE CONTROL) una de estas categorías se pueden utilizar muchos
I

~ 1. Estático
(CODIFICACiÓN FIJA) I :t> Normalmente información fija. La interacción
C":)
-1 en ver y leer. El resultado es una imagen fija. F

~(
u,
K INFORMACiÓN)
:
i
o

o
)
c:
:t>
r-
_

N
como narrativa pero en algunos casos puede s
2. En movimiento
:t>
e Normalmente información fija. La interacción
:t>
escuchar si hay voz en off y leer. La pantalla de
o en movimiento. Funciona mejor como narra
como exploratoria si no se utiliza en combina:.

•••
o

o
interactivo.
o

o
3. Interactiva

---
o

o
o
Para información fija o dinámica. La interacci '
siste en hacer clic, buscar datos específicos, de
~ activa el contenido visualizado y elegir a qué'
(EN TIEMPO REAL) y visualiza. Puede ser narrativa, exploratoria o
PASIVA

Las imágenes estáticas se pueden utilizar en

de aplicaciones, y aunque sean las más sencillas d
Yquizás 1as menos caras a menudo son 1as mas ' v o

Figura 2.1 cidadd ' .

Cuadrante de los formatos infográficos.
e crearlas más rápidamente que el contem
m°vi . .
miento las hace óptimas para muchas aplica
transm' " d
ISlon de contenido visual relaciona o con
COn el tiem
po. Vamos a ver cómo el contem id o yl' o
 ----
~T05 O
E LA INFOGRAFIA: ESCOGER EL VEHlcULO CORRECTO PARA SU MENSAJE
*
59

'd que se embarca en el viaje para convertirse en una empresa
J.me d la. ,.
. al mediante el uso de ínfografía, es Importante que entienda
JJlás VlSU
c. •••.•ato le ayudará a transmitir su mensaje de forma más eficaz.
ué lor,,>
q 'ncipales formatos que pueden albergar comunicación infográ-
LoSpn
ficason las imágenes estáticas, las interfaces interactivas y el conte-
nido en movimiento (Figura 2.1). No existe una jerarquía implícita,
contenido infográfico estático determinan el diseño yel tamaño de la
imagen misma.
Además se aborda el uso de la infografía en contenido en mo-
vimiento. En general, nos vamos a centrar en el uso de la infografía
en cortos de animación y en cómo el estilo de realidad aumentada
reviste secuencias de imagen real. Ya que un proyecto en movimiento

• ya que el mejor formato está determinado por cuán efectivo es para

contener Y transmitir la información que quiere comunicar. Es útil
requiere actualizaciones manuales de la información, es difícil reali-
zar cambios una vez que su contenido está finalizado. Hablaremos de
para entender los atributos de cada formato y considerar que en cada cómo afecta esto al tipo de información que se quiere comunicar a
CONTROL)
una de estas categorías se pueden utilizar muchos medios artísticos. través de este formato. Es extremadamente importante finalizar la in-
...
formación y d texto en una primera fase, en lugar de tratar de realizar
1. Estático cambios después de que la animación esté completa.
l>
C":I Normalmente información fija. La interacción del usuario consiste En la última sección del formato haremos un repaso de los
-1
en ver y leer. El resultado es una imagen fija. Funciona mejor diferentes tipos de interfaces interactivas basadas en la información
ACI~
óNj ¡,e) ~ como narrativa pero en algunos casos puede ser exploratoria. visualizada. Éstos pueden variar de manera bastante drástica, desde
, N
: l> 2. En movimiento una forma simple, como una serie de diapositivas a las que se les
: o Normalmente información fija. La interacción consiste en ver, puede hacer clic, hasta una visualización de datos viva y palpitante
: l>
,,
,, escuchar si hay voz en off y leer. La pantalla de inicio es animada que se actualiza ante sus ojos en tiempo real. Aunque las interfaces
,
, o en movimiento. Funciona mejor como narrativa, y casi nunca interactivas, obviamente, puedan ser un aspecto central del software,
,,
, como exploratoria si no se utiliza en combinación con contenido este capítulo se centrará principalmente en la descripción de las in-
,,
, interactivo. terfaces para la representación visual de la información en la web. No
,

-.-.
,
, 3. Interactiva puede olvidar, sin embargo, que el contenido interactivo también se
,
Para información fija o dinámica. La interacción del usuario con- puede utilizar para presentaciones en directo en eventos, o como una
siste en hacer clic, buscar datos específicos, determinar de manera característica del panel de control de su aplicación web o programa
=MPO REAL) activa el contenido visualizado y elegir a qué información accede informático.
y Visualiza.Puede ser narrativa, exploratoria o ambas. Es fundamental considerar el tipo de información que de-
seará mostrar y la frecuencia con la que tendrá que actualizarse. El
Las imágenes estáticas se pueden utilizar en una gran variedad orden de las secciones de este capítulo está destinado a reflejar todo
dea Íi .
P lcaclOnes, y aunque sean las más sencillas de realizar de las tres, el rango, desde entradas de información fija, que normalmente se
y quizás las menos caras, a menudo son las más versátiles. La capa- utilizan en el contenido estático y en movimiento, hasta información
>rmatos infográficos. cidad de cre ar 1as mas rapl amente que el contení
is ránid contenídoo interac tilVOy en
í
actualizada dinámicamente, que normalmente requiere una interfaz
rno· .
Vírnlento las hace óptimas para muchas aplicaciones, tales como la interactiva. En conjunto, estas secciones le ofrecerán un marco para
transmisión de contenido visual relacionado con las noticias variables entender las características de cada formato y que pueda elegir el
cOnel f
lempo. Vamos a ver cómo el contenido y la finalidad de un mejor enfoque para un storytelling visual eficaz.
60 DE LA INFOGRAFIA: ESCOGER EL VEHlcULO C
oS
•• ~T

INFOGRAFíA ESTÁTICA Uno de los principales beneficios (y las razones para su

ubicuidad) del contenido estático es la relativa facilidad para crear Home-Price S
En primer lugar, nos centraremos en la infografía estática, que es el una imagen estática frente a una interfaz interactiva, sobre todo si Z?~.Jfff~~~

They take different approache

formato más habitual para utilizar diseño de la información. En esta quiere utilizar la infografía para representar material con cadUcidad
or down?
sección mostraremos algunos breves ejemplos de cómo se usa para o noticias de última hora. Esta eficacia también hace este contenido
que pueda conocer las características fundamentales y la versatilidad relativamente asequible comparado con el contenido en movimiento
s&P/Case-Shiller
de este formato. La gente emplea la infografía mayoritariamente
formato estático como una imagen para impresión, web, o ambas
cosas. Aunque el propósito del contenido pueda variar, el tamaño y
la forma global de su infografía están principalmente determinados
en e interactivo. Otro factor clave en el aumento de la popularidad de
la infografía estática es su facilidad para ser compartida, ya que se
puede incrustar fácilmente en blogs.
Uno de los retos inherentes al uso de infografía estática para yn
"
- - . -
~
.'f;'
':"',:~.

por las demandas de su contexto editorial, como un blog o una revis- determinados informes es que la información puede llegar a ser anti-
ta de divulgación. Ya sea una publicación impresa, o un informe para
accionistas, la infografía estática es muy eficaz en la representación
,
cuada. Una infografía que visualice un conjunto de datos fijos (como
un índice mensual) con una actualización regular, seguirá mante-
_3.6%
de datos abundantes en una única imagen. niendo su valor con referencia a los datos en un momento específico
Hay tres tipos principales de contenidos de infografía estática en el tiempo. Sin embargo, tendrá que actualizar de forma manual la
que se utilizan en las empresas: infografía para las personas que busquen la información disponible
CoreLogic R
más reciente (que podría decirse que son la mayoría). Esta necesidad
l. Informes internos y presentaciones. de presentar la información actualizada es también una oportuni-
2. Contenido editorial para distribución en blogs y redes sociales/
RP.
3. Contenido centrado en la marca para distribución en blogs y
dad, aunque pueda consumir más tiempo. Por ejemplo, puede pro-
mover su marca de forma constante publicando una nueva infografía
cada mes, basada en los datos actualizados de un índice propietario
yn .-
: . -
-:
" .;.
.
-._l"'{¿

redes sociales/RP. de su creación, para formar una audiencia que empiece a esperar la
próxima versión. Column Five ha hecho esto con la tabla del precio
-3.g%
de la vivienda del The Wall Street lournal, que agrega todos los índi-
ces de precios de la vivienda en un simple gráfico (Figura 2.2). Note: Latest year-over-year det.
 ---------
INFOGRAFI,,,S DE LA INFOGRAFIA: ESCOGER EL VEHlcULO CORRECTO PARA SU MENSAJE 61
.-ATO S *

los principales beneficios (y las razones para su

:1 contenido estático es la relativa facilidad para crear
stática frente a una interfaz interactiva, sobre todo si
Home-Price Scorecard
m; ,. ~ w. v@m!' ~ ~ •• """ ff!Jifff¿p' .<~. "".~~. ".v.¡¡¡¡¡

,la infografía para representar material con caducidad They take different approaches, but home-value indexes tackle the same question: Are prices up
íltima hora. Esta eficacia también hace este contenido ordown?
asequible comparado con el contenido en movimiento
)tro factor clave en el aumento de la popularidad de S&P/Case-Shiller LPS FHFA I FNC
stática es su facilidad para ser compartida, ya que se
lf fácilmente en blogs.
os retos inherentes al uso de infografía estática para
informes es que la información puede llegar a ser ant].
9TI
~ - ,

9TI
~ - ..

fJTI
~ - "

fJTI . _. .

ografía que visualice un conjunto de datos fijos (como

sual) con una actualización regular, seguirá mante- - 3.6% -4.4% -2.8% -4.7%
r con referencia a los datos en un momento específico
in embargo, tendrá que actualizar de forma manual la
las personas que busquen la información disponible
ue podría decirse que son la mayoría). Esta necesidad CoreLogic Radar Logic Clear Capital I Zillow
información actualizada es también una oportuni-
.eda consumir más tiempo. Por ejemplo, puede pro-
1 de forma constante publicando una nueva infografía
la en los datos actualizados de un índice propietario
para formar una audiencia que empiece a esperar la
fJTI
: - "

fJTI
. _. '

fJTI
:
.. ~
_.',

fJTI ~ _. ,

l. Column Five ha hecho esto con la tabla del precio

el1he Wall Street [ournal, que agrega todos los índí-
- 3. g% -5.4% -2.2% -5.1 %
e la vivienda en un simple gráfico (Figura 2.2).
Note: Latest year-over-year data as o, Dec. 22.

-c-
THE WALL STREET JOURNAL. COLUMN:f FIVE

Figura 2.2
Tabla del precio de la vivienda.
Colu mn Five, para Wall Street Journal.
62
A veces, una visualización de datos creada por un software lo
suficientemente potente para procesar grandes conjuntos de datos
se producirá en un formato como SVG (Scalable Vector Graphics,
'gráficos vectoriales escalables'). El formato SVG nos permite
visualizar los datos en un formato vectorial que contiene todos los
datos subyacentes en el archivo de imagen editable, que se podrá
importar a Adobe Illustrator para editar o proporcionar contexto
adicional o señales visuales. Esto nos permite utilizar a continuación
la visualización de datos dentro de una infografía más amplia que
proporciona información adicional, como descripciones cualitativas
o incluso ilustración editorial y texto. La ventaja de este enfoque es
que permite a los presentadores guiar a los espectadores a través de
los mensajes que están transmitiendo, para llegar a conclusiones es-
pecíficas. Aunque podría adoptar desde luego un enfoque explorato-
rio con cierta información y permitir al espectador que examine una
gran cantidad de información, es mejor poner un límite razonable
a la cantidad de información que intenta meter en una infografía
estática, y adoptar un enfoque narrativo. El objetivo de una infogra-
fía narrativa es, después de todo, expresar el significado y permitir
al espectador comprender rápidamente el argumento de la informa-
ción que presenta. Si desea que los datos subyacentes de la infografía
estática estén abiertos a la exploración por parte de los espectadores,
puede vinculados al conjunto de datos.
Uno de los mejores usos para el gráfico estático es mostrar el
contenido perenne que permanecerá relevante sin una necesidad
frecuente de tener la información de base actualizada. Si bien ciertos
datos pueden llegar a ser anticuados, hay muchas oportunidades
para crear infografía estática con valor permanente. Hay, desde
luego, muchos tipos de datos que permitirán a una infografía tener
una larga vida útil, como los datos de censos, que en su mayoría se
actualizan sólo una vez por década. Sin embargo, existe también
la posibilidad de explicar conceptos, utilizar diagramas y mapas, e
incluso crear contenido entretenido y que tiene el potencial de ser
viral.
Veamos las dos audiencias típicas en la comunicación empre_
sarial para entender mejor las diversas formas que puede adoptar
una infografía estática: en primer lugar, para los informes internos
de su organización, y después, para el contenido externo para distri_
buido fuera de su empresa. Veremos más de cerca otras aplicaciones
de la infografía estática en los próximos capítulos, por lo que estos
dos ejemplos servirán para ayudar a entender las diversas finalidades
y formatos de la infografía estática.
EJEMPLO DE INFOGRAFíA ESTÁTICA:
INFORMES PARA USO INTERNO
A menudo, las empresas acuden a Column Five para que les ayude
a diseñar informes que contienen información importante para
compartir internamente a través de la organización o para otro uso
confidencial. Ya sea una rriultinacional, que quiere más claridad en
sus informes de ventas para la comunicación interna, o una empresa
de capital de riesgo, que desea mantener a sus inversores informados
sobre el rendimiento de su cartera de un solo vistazo, hay incon-
tables posibilidades para visualizar la información. Los datos sin
procesar pueden ser intimidantes, y a menudo puede llevar mucho
tiempo revisados. Incluso un resumen de 30 páginas bien escrito de
una investigación y sus datos relacionados pueden no ser leídos por
los ejecutivos que necesitan la información, pero que sólo tienen
tiempo para leer los titulares. Por tanto, nuestro objetivo es clarificar
la información de mayor importancia, emparejando el resumen info-
gráfico con los datos sobresalientes, de manera que la audiencia a la
que nos dirigimos sea capaz de captar los detalles más pequeños.
Las empresas a menudo quieren capacitar a su personal inter-
no para crear estos informes, de forma que tengan a mano el poder
de distribuir la información rápidamente. Pero tradicionalmente
utilizado programas que no son particularmente elogiados por su
capacidad para producir tablas y gráficos atractivos. Dejar a alguien
de su organización manejar el diseño del trabajo «sin tener el carnet
:",,,,.os OE LA INFOGRAFIA: ESCOGER EL VEHlcULO I
ducir», por así decido, puede dar lugar a un le
deco n J en toda la empresa Y a la tergiversación de
e eo
iJlcon
e.eIllplo,digamOS que a leff, de Contabilidad le gust:
, .nts con el tema de las mariposas con gráficas circ
pOI
Illor en 3D para sus presentaciones utilizando
adas
~OIlliCSans, mientras Ruth, en Marketing, está utili
crear gráficas de barras azules y amarillas. Se pone r
nante cuando a Jeffle gusta una tabla de Ruth y la ÍI
fondo de presentación. Ésté es un reto al que se enf
organizaciones cuando los que no son diseñado res
para comunicar la información importante. Profun
en el capítulo 6 (<<lnfografíacentrada en la marca»)
utilizar el diseño de la información en las presenta.
empresas prefieren trabajar con agencias externas 1
tos y que sus trabajadores puedan centrarse en lo (
Si lo hace usted mismo o contrata a alguien 1
grafías para sus informes, es esencial identificar la
importante en la primera fase, y que todas las parl
el proyecto estén de acuerdo acerca de los puntos
infografía. Piense bien para determinar quién put
comentarios que querrá (o tendrá) que considera
parte de la etapa del esquema de la información e
hasta que empiece el trabajo de diseño. Además, I
sar en todas las situaciones en las que se presenta
¿es para imprimir, para la web, presentaciones, d
cos, o una combinación de todos? Esto le ayudar
orient ación,
., tamaño y forma real del lienzo que:
desp ues
, no tenga que alterar de forma radical el
seaun proposlto
,. o audiencia diferente.
Incluso si no lo hace usted mismo, supong
ordenad
. as 1as directrices
. de la marca, Y que esta'
han
dIseñad or adecuado (o, si lo hace usted mISmo,
.
d
a ecuad o) para su infografía. Cuando neceSIte
. 1
es mu .
y Importante diseñar la información com
 -----------
INFOGRAFfAS 63
;,11".11
TOS DE LA INFOGRAFfA: ESCOGER EL VEHfcULO CORRECTO PARA SU MENSAJE
*

las dos audiencias típicas en la comunicación empre_ ucir» por así decido, puede dar lugar a un lenguaje visual - (Figura 2.3). Si también quiere una interfaz interactiva basada en
de con d
r

'
ender mejor las diversas formas que puede adoptar o en toda la empresa y a la tergiversación de los datos. Por un navegador (que en breve debatiremos en profundidad en las
inConex
estática: en primer lugar, para los informes internos secciones de formato interactivo), debe prestar mucha atención a
1 digamos que a Jeff, de Contabilidad le gusta crear Power-
ejeOlPo,
ción, y después, para el contenido externo para distri_ . con el tema de las mariposas con gráficas circulares naranjas cómo verá la gente las diferentes capas de información y qué interfaz
poLllts
su empresa. Veremos más de cerca otras aplicaciones s en 3D para sus presentaciones utilizando la tipografía incluirá en informes imprimibles. Para este ejemplo, imagine que
y Olorada . r ••
. estática en los próximos capítulos, por lo que estos íc Sans mientras Ruth, en Marketmg, esta utilizando Excel para quiere crear manualmente un informe infográfico estático que utiliza
Con11 '
ervirán para ayudar a entender las diversas finalidades ráficas de barras azules y amarillas. Se pone muyemocio- un conjunto fijo de información -por ejemplo, sus ventas trimes-
crear g
a infografía estática. trales- y suponga que la información es una instantánea fija en un
nante cuando a Jeffle gusta una tabla de Ruth y la inserta en su
fondo de presentación. Éste es un reto al que se enfrentan muchas punto específico en el tiempo.
NFOGRAFíA ESTÁTICA: organizaciones cuando los que no son diseñadores no tienen guías I
M USO INTERNO para comunicar la información importante. Profundizaremos más MUESTRA DE ACTUALIZACIONES

en el capítulo 6 (elnfografía centrada en la marca») acerca de cómo

• DINÁMICA
empresas acuden a Column Five para que les ayude utilizar el diseño de la información en las presentaciones. Algunas
ACTIVA
nes que contienen información importante para empresas prefieren trabajar con agencias externas para estos proyec- SEMIDINÁMICA
namente a través de la organización o para otro uso tos y que sus trabajadores puedan centrarse en lo que son buenos.
• ESTÁTICA
¡ sea una multinacional, que quiere más claridad en Si lo hace usted mismo o contrata a alguien para crear info-
ventas para la comunicación interna, o una empresa grafías para sus informes, es esencial identificar la información más
sgo, que desea mantener a sus inversores informados importante en la primera fase, y que todas las partes interesadas en
iento de su cartera de un solo vistazo, hay incon- el proyecto estén de acuerdo acerca de los puntos a destacar en la
ides para visualizar la información. Los datos sin infografía. Piense bien para determinar quién puede, debe o le hará
1 ser intimidantes, y a menudo puede llevar mucho »
comentarios que querrá (o tendrá) que considerar, y hágalos formar C')
-t
IS. Incluso un resumen de 30 páginas bien escrito de
In y sus datos relacionados pueden no ser leídos por
Parte de la etapa del esquema de la información en lugar de esperar
hasta que empiece el trabajo de diseño. Además, es importante pen-
~
(
~
K INFORMACiÓN) ) ~
c::

»
le necesitan la información, pero que sólo tienen sar en todas las situaciones en las que se presentará la información: e
»
z
. los titulares. Por tanto, nuestro objetivo es clarificar ¿espara imprimir, para la web, presentaciones, documentos técni- -o
c..J
le mayor importancia, emparejando el resumen ínfo- c..J
cos, o una combinación de todos? Esto le ayudará a determinar la «

•••
a:
atas sobresalientes, de manera que la audiencia a la orient ., w
1-
aClOn,tamaño y forma real del lienzo que se utilizará para que Z
os sea capaz de captar los detalles más pequeños. despué
s no tenga que alterar de forma radical el diseño para adaptar-
sas a menudo quieren capacitar a su personal inter- seaunp '.
roposito o audiencia diferente.
os informes, de forma que tengan a mano el poder Incluso si no lo hace usted mismo, suponga que ya tiene
lformación rápidamente. Pero tradicionalmente han ordenad 1 .
dí _ as as dIrectrices de la marca, y que está trabajando con el PASIVA
Das que no son particularmente elogiados por su Isenado
ad r adecuado (o, si lo hace usted mismo, con el programa
'rodUcir tablas y gráficos atractivos. Dejar a alguien Figura 2.3
es ecuado) para su m!ogra
. e fíla. C uan d o necesite
. una version
., Impresa,
.
ll1Uy'
La infografia estática suele consistir en información fija
in manejar el diseño del trabajo «sin tener el carnet Importante diseñar la información como una imagen estática con la interacción pasiva del usuario.
64 •• ~TOS OE LA INFOGRAFIA: ESCOGER EL VEHlcu

-----------------------------------------=~ On ventaja de este informe de uso únicame

a
INFORME ANUAL DE JOEY DONUT 20"
doen 1a
marca es que se comunica a una audienci
e a un grupO que conoce bien. Ya que no
t
VENTAS ANUALES VENTAS MENSUALES DE DONUTS blemenrecibirán el mensaje unos completos deseo
cómo
eocupar tanto sobre su atractivo emocion
292.200,00 $ 30.000 _

22.500 _
queP r
sólo tiene que pensar en cómo atraer a los invers
VENTAS ANUALES POR TIPO DE DONUT
.nversiones o en la persona que firma su cheq
sUS 1
15.000 _ El objetivO final es dar una explicación clar
de la información que necesita compartir con to

• •
con un grupO privilegiado de confianza.
Corno vimos en la introducción de este cap
de una imagen estática en un momento dado en
.1 .1 .1
SABOR A ARCE AZUCARADOS MERMELADA níñce necesariamente que la información subyac
VENTAS POR TIPO DE DONUT MÁS VENDIDO
93.504 $ 70.128 $ 58.440 $ de forma fija o manual, ya que podemos crear u

e •
permita procesar al segundo una instantánea est
SABOR AARCE 93.504 $
en tiempo real. Podría ejecutar estos informes a
I I I minuto, día o mes. Un ejemplo de esto sería un i
o 50.000 $ 100.000 $
con la anotación de los hitos y eventos de la em
.1 .1
GARRAS DE OSO CLAslCOS
dona explicaciones sobres las subidas y las baja
MENOS VENDIDO conversiones. No requeriría mucho trabajo man
46.752 $ 23.376 $

-
de su plataforma de análisis) para ejecutar simp
CLAslCOS 23.376 $
MEJORES DíAS DE VENTA DE DONUT actualizado cada mes para su jefe o su propia re
LEYENDAS La clave con la que hay que quedarse aquí

--
I I I
o 50.000 $ 100.000 $
datos subyacentes no se fijen
. de forma permane
LUN ••• 8%
MAR ••••• 12% 32% SABOR A ARCE salida -o la pr esen taci
acion . t an t
" en Sl+-: es una ms
MIE datos en u n momento especifico
,. en el tiempo.
24% AZUCARADOS

--
JUE 16% 20% enfoque es que puede contar una historia (para
VIE •••••• 12% 20% MERMELADA
externos)
d que muestre los datos en una fecha en
SAB •••• 8% 16% GARRAS DE OSO
_______ 24% e sus int erv alos de fechas deseadas.
DOM
8% CLAslCOS
I I I I ----.
o 25% 50%

Figura 2.4: Ejemplo de informe centrado en la marca para uso interno.

 65
•• IITO S
DE LA INFOGRAFIA: ESCOGER EL VEHlcULO CORRECTO PARA SU MENSAJE
*

------------------------------------------~===~ Una ventaja de este informe de uso únicamente interno centra- El inconveniente es que el espectador podría no necesaria-
2011 marca es que se comunica a una audiencia pequeño, proba- mente ser capaz de obtener acceso a la información actualizada en
doen la
a un grupo que conoce bien. Ya que no tiene que pensar en tiempo real, y podría no darse cuenta de que hay disponible más in-
\LES DE DONUlS
blement e
'birán el mensaje unos completos desconocidos, no se tiene formación actualizada. Una infografía estática no será suficiente para
cómo re cl
cupar tanto sobre su atractivo emocional o su popularidad; grandes grupos que requieran acceso a la información en tiempo
que pre O
% ~ % % sólo tiene que pensar en cómo atraer a los inversores para mantener real. Si tiene tal necesidad, tendrá que crear una interfaz que permita
%~ ~% ~%~~ ~%~ . versiones o en la persona que firma su cheque (sin presión).
sus In
a varias personas procesar y producir información actualizada en
~~~~~~~~~~~ El objetivo final es dar una explicación clara y fácil de digerir los informes, o por lo menos tener un sistema para garantizar que la
~~~~~~~~~~~ de la información que necesita compartir con toda la organización o gente sepa cómo encontrar información actualizada.

~~ ~ ~ ~ ~ ~ ~ ~ ~ ~- con un grupo privilegiado de confianza. Dado que al utilizar infografía estática como interna, una pieza
FEB MAR ABR MAY JUN JUL AGO SEP OCl NOV DIC Como vimos en la introducción de este capítulo, la producción centrada en la marca es más probable que sea narrativa que explo-
de una imagen estática en un momento dado en el tiempo no sig- ratoria, querrá asegurarse de que la información fluya en un orden
nifica necesariamente que la información subyacente se introduzca lógico para contar su historia (Figura 2.4). Este informe probable-
) DE DONUl MAs VENDIDO
de forma fija o manual, ya que podemos crear una interfaz que nos mente sería mejor que se creara con orientación horizontal, para que
SABOR AARCE 93.504 $ permita procesar al segundo una instantánea estática de los datos también se pudiera utilizar en una cubierta de presentación, aunque
en tiempo real. Podría ejecutar estos informes a intervalos de cada desde luego podría crear un PDF en formato vertical. Esto puede
I I I
O 50.000 $ 100.000 $ minuto, día o mes. Un ejemplo de esto sería un informe analítico sonar básico, pero en realidad es una primera consideración muy
con la anotación de los hitos y eventos de la empresa que propor- importante.
ciona explicaciones sobres las subidas y las bajadas en el tráfico o las Aunque pueda condensar algunos informes infográficos en
MENOS VENDIDO
conversiones. No requeriría mucho trabajo manual (dependiendo una única página, en los casos en los que tiene varias páginas de

10R A ARCE

ICARADOS
-
CLAslCOS

I
O
I
50.000 $
23.376 $

I
100.000 $
de su plataforma de análisis) para ejecutar simplemente un informe
actualizado cada mes para su jefe o su propia referencia.
La clave con la que hay que quedarse aquí es que mientras los
datos subyacentes no se fijen de forma permanente, los datos de
salida +-o la p resen tací " en SI-- es una instantánea
acion . , ,.
estática d e 1os
diseño de información, suele ser ideal producidos con orientación
horizontal, para que se puedan imprimir y utilizar en las cubiertas de
presentación. Esto hace que el contenido sea más versátil que en una
infografía orientada en vertical, como las creadas para publicarse en
blogs, que requieren del espectador desplazarse por la pantalla. Tam-
datos en un momento específico en el tiempo. La ventaja de este bién es útil tener en cuenta que no tiene que introducir a la fuerza
lMELADA enfoqu
e es que puede contar una historia (para fines internos o toda la información en una «presentación basada en infografía» en
externo)
:RAS DE OSO s que muestre los datos en una fecha en particular o dentro un formato infográfico, y que algunas de sus diapositivas cualitativas
de sus i t
SICOS n ervalos de fechas deseadas. pueden, desde luego, contener sólo texto.
0·0 ,,.OS Dt: L'" •..

EJEMPLO DE INFOGRAFíA ESTÁTICA:
CONTENIDO PARA DISTRIBUCiÓN EN REDES SOCIALES/RP
Ahora bien, para sacarse de la cabeza la imagen de la presentación
de sus figuras trimestrales al jefe o a los inversores, [puede centrarse
en crear un mensaje para las simpáticas masas de Internet! Además
del contenido en el que comparte una parte de sus datos propios con
la audiencia, el contenido editorial más amplio relacionado con el
sector de su empresa se ha convertido en un vehículo destacado para
establecer su experiencia y manejar el conocimiento de la marca.
Consideremos un ejemplo de ambos para entender el contexto en el
que la infografía estática se aplica en la web de forma común.
Nota de prensa visual
En primer lugar, vamos a centrarnos en lo que mucha gente piensa
que quiere y necesita más: ¡el contenido sobre nosotros mismos!
Finja que es una empresa de nueva creación, y que recientemente
presas a compartir los datos agregados sobre sus propios negOcio
s.
Hay muchas maneras de hacer frente al contenido externo incorr ec_
to centrado en la marca (¡hacer ellogotipo más grande!), ya veces
tiene que experimentar las dificultades iniciales para encontrar me-
jores prácticas que le permitan contar su historia de una manera qUe
involucre a la gente. Expondremos esto más adelante en el capítulo 6
(<<lnfografíacentrada en la marca»).
Por ejemplo, trabajamos en estrecha colaboración con Hunch
(que fue adquirida por eBay) para mostrar los gustos y las preferen_
A lITTLE INTRODUCTION
cias de los usuarios autodenominados Mac versus PC (Figura 2.5).
The lollowing is one 01 2,000 "Teach Hu
Ya que el tema subyacente trataba sobre una historia que era más
as they use Hunch.com.
grande que Hunch en sí, fuimos capaces de acceder a una audiencia
más amplia de la que habríamos sido capaces de alcanzar simple- ARE YOU A MAC PERSON
mente hablando de Hunch y su producto. Lo bueno es que los datos OR A PC PERSON?
fueron generados por los usuarios de Hunch, y logramos trabajar en Among 388,315 Hunch users answerir
estrecha colaboración con ellos para elaborar una narrativa destina-
da a entretener a una gran audiencia. Como puede ver, la imagen se
optimizó para compartir toda la pieza en la web, y las gráficas indivi-
[---
.or don't define themselves this way

ha pivotado por tercera vez y que tiene a su asesino de Facebook duales dentro del gráfico se pueden recortar para que los periodistas
dibujado en una servilleta. Es hora de contarle al mundo su historia, o blogueros puedan utilizarlas como imágenes en un post. DlFFERENCES IN SELF-IDENTIFIE
¿no? Sin embargo, es extremadamente difícil conseguir el tono de
dicho contenido a la perfección. A nadie le gusta la persona que en Editorial AMONG HUNGH USERS,
una fiesta sólo habla de sí mismo todo el tiempo. El problema es que
Hunch then crossed
la gente está de forma constante bombardeada por empresas que La aplicación de infografía estática en el contenido editorial (Figura those responses with
hablan sobre sí mismas, y mientras vivimos y respiramos nuestras 2.6) ha crecido de forma exponencial en los últimos años. La popu- answers Irom dozens

propias marcas, en la mayoría de los casos nos da exactamente igual laridad del formato largo y de desplazamiento vertical se produjo
01 other questions
among its 2,000-strong
'\

rt!
su empresa. Esto suena duro, pero es el camino de Internet. como una consecuencia de la anchura restringida de muchos blogs "Teach Hunch Aboul
You' queslion pool.
La respuesta se encuentra en la lucha contra el impulso de Es más, utilizando una anchura de 550 a 600 píxeles se ha consegui- Findings follow:

hablar incesantemente sobre uno mismo y su empresa, y dejar que la
historia interesante se muestre a través de sus datos. Aunque desde
luego hay oportunidades para contar historias cualitativas sobre
su marca de forma estática, nos centraremos en un ejemplo que se
impulsa por datos propios y cuantitativos. Hemos encontrado que
la nota de prensa visual tiene más éxito a la hora de ayudar a las em-
do que sea muy fácil para otros blogueros y publicaciones copiar y
volver a publicar la infografía. Esto lo ha convertido en una forma
popular del medio infográfico clásico para fines de RP, técnicas de
marca, optimización de motores de búsqueda (SEO, Search Engine
Optimization), construcción de vínculos y para marketing en redes
sociales.

-
 67
.105
DE LA INFOGRAFiA: ESCOGER EL VEHicULO CORRECTO PARA SU MENSAJE
*

.artir los datos agregados sobre sus propios negocios.

naneras de hacer frente al contenido externo incorre
e,
i la marca (¡hacer ellogotipo más grande!), ya veces
.rimentar las dificultades iniciales para encontrar Ine-
,que le permitan contar su historia de una manera qUe
gente. Expondremos esto más adelante en el capítulo 6
-ntrada en la marca»).
plo, trabajamos en estrecha colaboración con Hunch
rida por eBay) para mostrar los gustos y las preferen_
arios auto denominados Mac versus PC (Figura 2.5). A lITTLE INTRODUCTION ...............................................................................................................................................................................
subyacente trataba sobre una historia que era más
The lollowing is one 01 2,000 "Teach Hunch About You" questions that Hunch users can answer at their leisure
nch en sí, fuimos capaces de acceder a una audiencia as they use Hunch.com.

la que habríamos sido capaces de alcanzar simple-

o de Hunch y su producto. Lo bueno es que los datos
lOS por los usuarios de Hunch, y logramos trabajar en
ARE YOU A MAC PERSON
OR A PC PERSON? "PG tí MAG ® NEITHER*
iración con ellos para elaborar una narrativa destina- Among 388,315 Hunch users answering this question, responses are as follows:

a una gran audiencia. Como puede ver, la imagen se ••••••nl

:ompartir toda la pieza en la web, y las gráficas indivi- ~o

el gráfico se pueden recortar para que los periodistas *or don't define themselves this way
~ ~
.dan utilizadas como imágenes en un post.
DIFFERENCES IN SElF-IDENTlFIED PC & MAC PEOPlE

: infografía estática en el contenido editorial (Figura

AMONG HUNGH USERS,

Hunch then crossed

la. PEOPLE SKEW THIS WAY...
,
~ rEO'" :". ¡HlsrA!.

le forma exponencial en los últimos años. La popu- those responses with

answers from dozens
ato largo y de desplazamiento vertical se produjo of other questions
cuencia de la anchura restringida de muchos blogs. among its 2,OOO-strong
"Teach Hunch About
lo una anchura de 550 a 600 píxeles se ha consegui- You· question pool.
fácil para otros blogueros y publicaciones copiar y Findings follow:

.la infografía. Esto lo ha convertido en una forma

io infográfico clásico para fines de RP, técnicas de
:ión de motores de búsqueda (SEO, Search Engine Figura 2.5
mstrucción de vínculos y para marketing en redes Ejemplo de infografía estática para distribución social/RP.
Column Fiv e, para Hunch
(Continúa en las páginas 68-70) •

~
68
S DE LA INFOGRAF~: ESCOGéR t:L

PC people are 22% more likely than 22% more likely than P
Mac people to be ages 35-49. PC people to be ages 18-34. M

36%ofP~P.:~I••,.lIb~'~•'••••••••••••••••••
··.. !tyl·. ;~~f~~;P:~I:.,:.lib.,.I. t:JO' 7'
al
FASHION, TASTE,
~aal ~.~~~~~:~~~:; •..~III.
i. 52::fM.'.P=PI~.I,,·,"·.~~ & AESTHETIGS
6
~
54% of PC people have completed a four-year
college degree or higher.
The same can be said for 67% of .:
Mac people.

PC people are 26% more Iikely

to prefer fitting in with others.
...
•••••
~•••
~
r
Mac people are 13% more likely than PC
people to say they want to be "perceived as
unique and different to make my own mark."
.......................................................................................
! . FOOD & DRINK
I
. l'
¡ . ".~-.

--
Mac people are 50% more Iikely
PC people are 23% more hkely to say they :I th PC I t th
~ . : an peop e o say ey
seldom throw parties. ¡ '. frequently throw parties.
.. -
.... " ~ .

PERSONAlITY PC people are 33% more likely than Mac people

to say that two random people are more different
¡
¡
Mac people are 21 % more likely than PC people
to say that two random people are more alike
IIIIIB
than alike. i than differenl
.......................................................................................
! .

PC people are 38% more likely than Mac people are 12% more likely
Mac people to say they have a stronger F(X)=~ than PC people to say they have
aptitude for mathematical concepts. T
a stronger verbal (vs, math) aptitude. ,~

Figura 2.5
Continuación.
 A INFOGRAFfA: ESCOGER EL VEHfcULO CORRECTO PARA SU MENSAJE 71

fOJI
,.~fOS DE L *

'do algunas críticas contra la ubicuidad de esta aplica- siendo muy eficaz en el ajuste de los resultados con los objetivos de
Baha b 1
. cografía y muchos periodistas han volcado erróneamen- su contenido de marketing. La capacidad de una imagen de ser com-
69% of Mac people would opt for The TImes. '6 de la inr ,
Cl n tra el uso de la infografía como sparn sobre el medio en partida le permite distribuir con rapidez cierto contenido editorial,
SU ira con
te . t La gran novedad de la infografía en el mundo digital y la mayor parte de las imágenes infográficas creadas para la web se
Mac people consider The Office SU conJUDo. , .. .
ecido a medida que mas personas la han utilizado: SIn pueden modificar bastante fácilmente para imprimidas.
the funniest TV show. hadesapar
el medio en sí es más fuerte que nunca. La infografía debe Recuerde que un gráfico de información puede utilizar múltiples
embargo,

EB Mac people are 95% more likely

to prefer indie films.
juzgarse I
'ndividualmente basándose en el valor de la información
. _
comunicada Yla calidad del diseño, en lugar de por una evaluación
global de todo el contenido creado en el medio. Discutiremos el
.,
medios de expresión artística. Por ejemplo, siempre hemos disfruta-
do usando la fotografía en diagramas (como el de la figura 2.6, que
muestra la economía de la industria de la hamburguesa) y en cada
Apartment Therapy I Huffington Post I capa de componentes. En otro caso, creamos una plantilla flexible
Boing Boing
marco crítico para juzgar la calidad de la infografía en el capítulo 8
(<<¿Qué
hace una infografía buenai»), para la empresa minorista de pruebas de ADN 23andMe (Figura 2.7)

Bravo I Showtime I H BO I 1R Sin embargo, un argumento común y aún válido es el de que el que podía ser rellenada de forma dinámica con la información ge-
............................................................. "'&._ contenido en un archivo de imagen no es muy accesible en algunos nética por cada cliente. Ésta es una buena aplicación de la capacidad
casos,sobre todo a través de dispositivos móviles más pequeños o para utilizar información dinámica para producir una imagen plana
60 Minutes I The Daily Show I The Colbert Report
para usuarios de Internet con discapacidad visual. La mejor forma como un informe, de lo que hablaremos en las páginas siguientes, en
de superar esta limitación es hacer que la información subyacente el contexto de infografía interactiva. Parte del atractivo de este enfo-
Parks & Recreation I Bored to Death I esté disponible en un formato de texto, ya sea como texto alternativo
Friday Night Lights
que llegó de la variación del medio artístico empleado en cada obra,
(el mensaje que aparece sila imagen no es visible para el visitante de como una ilustración a mano, fuentes personalizadas y fotografías
su sitio) o como copia adicional en el cuerpo del artículo o página antiguas escaneadas. Nos asociamos con artistas respetados de todo

..~.~~~.~::~.~.~.~i.~~.~.~.~.~~.~.~.~~~
:IIII~t.
Dwell ] ReadyMade Magazine I Macworld
donde se presenta la infografía. Esto también beneficia a su sitio web
al proporcionar más información a los buscadores y ayudar a su vez
a mejorar el " .
el mundo para crear material gráfico por encargo para el encabezado
y como elementos decorativos que rodean la información genética
pOSlclOnamlento de la página donde reside el contenido. del individuo como se muestra en The Grand Tree, que es parecido
En el capít 1 4 (
u o «Infografía editorial»), veremos en profundidad a un árbol genealógico que indica qué parte de la propia estructura
cómo desarroll .
, ar una estrategia de contenido alrededor de la ínfo- gen ética fue heredada de los padres y de los abuelos.
grafía editoriaL
Una disposición a experimentar con métodos contrastados
como ayudas visuales en su infografía puede ayudar a producir
COMBINACiÓN DE MEDIOS ARTíSTICOS contenido novedoso y más interesante. Mediante el uso exclusivo de
~------------------------
La infogr f ' . elementos artísticos en sus gráficos de información, puede generar
a la estahca es un arma valiosa en su arsenal porque puede un contenido atractivo que llame la atención del espectador -y lo
creada de .
ea rnanera relativamente rápida y a un precio reducido (en lleve incluso a interesarse- por el resto de la historia.
ar
Illp ación Ia C
í d ) .
COn a lUlOgrafía interactiva y anima a , pero SIgue
 DE LA INFOGRAFiA: ESCOGER EL VEHICULU L:UK
74

MUESTRA DE ACTUALIZACIONES .ferencia fundamental entre el contenido en

GRÁFICOS EN MOVIMIENTO
otra dl ido estático es el tiempo. Por definición, el coi
• DINAMICA tlten
También puede utilizar gráficos en movimiento para animar su el co
1 eJÍste fijo en el tiempo, Y el contenido visual no carr
SEMIDINAMICA contenido infográfico. Hay algo especial acerca de la capacidad de tiCO . . t o, por o t ra parte, existe
d. o en mOVlmlen . a tra-
l
SI cotltenAunque . .' estático
. son ins
un gráfico en movimiento para involucrar a la gente de una man las plezas de contemdo
• ESTATICA era las
diferente a lo que podría hacer la infografía estática o interacti_
ddIlPO'
~osas por st,.mlsmas-, as oí . d as tíenei
plezas amma
va. Fundamentalmente, si hay voz en off, la gente puede sentarse ~iento. Tradicionalmente, los gráficos en movimir
cómodamente y la narración se les presenta de forma lineal. No es _do una función narrativa, con la interacción del USl

ACTIVA necesario que elijan participar de forma activa con la información en JI¡ayOritariamentepasiva (aparte de presionar inicial!
todo momento, como lo harían si estuvieran viendo una infografía gat. avanzar rápido, etc.). Como veremos en la siguient

estática. La capacidad de atraer a un espectador emocionalmente a do interactivo tradicionalmente es más adecuac

ClI)Jlteni

través de la música a la vez que se le informa a través de la voz en off Uiar información dinámica Y permitir la exploración, 1
y las imágenes en movimiento proporciona una oportunidad para alos usuarios personalizar su experiencia y encontrar:
comunicar el mensaje de su marca de una forma poderosa. Ya que personalmente significativa Y relevante.
requiere mucho tiempo y es caro realizar cambios en una fase avan- 8,,0
+ttr~~l ,.,.... _1 •.•••••
MolIII •••••• ~ .• _:",,"J~ ~._ .•
;r:. zada de un video animado, suele ser necesario utilizar información
C")
-1
vímeo
fija (Figura 2.8), por lo menos cuando su animación se va a distri-
~(
u..
K INFORMACiÓN) ) S
c:::

;r:.
buir en un formato de reproductor de vídeo y va a ser distribuida a

t:J
través de plataformas como YouTube y Vimeo (Figura 2.9).
;r:.
z
-o
c..:>
c..:>
«
a:
w
1-
Z

~
PASIVA ,5 The'
I)ye..-F
HoW do you make knc
~:CdumnFlYt
Creative~Ro
projed~Nfc

...aI
MotiOC'IOPIgnerC".
(iraphiCOefoIOner:AJ
Vdt:A()ter:ErinSpl

Figura 2.8
Los gráficos en movimiento consisten normalmente en
información fija y la interacción pasiva de los usuarios.
 75
~fOS DE LA INFOGRAFfA: ESCOGER EL VEHlcULO CORRECTO PARA SU MENSAJE
*

Los gráficos en movimiento son cada vez más populares para

DS EN MOVIMIENTO
uede utilizar gráficos en movimiento para animar su
infográfico. Hay algo especial acerca de la capacidad de
en movimiento para involucrar a la gente de una manera
lo que podría hacer la infografía estática o interacti_
nentalmente, si hay voz en off, la gente puede sentarse
:nte y la narración se les presenta de forma lineal. No es
[ue elijan participar de forma activa con la información en
ento, como lo harían si estuvieran viendo una infografía
. capacidad de atraer a un espectador emocionalmente a
I música a la vez que se le informa a través de la voz en off
nes en movimiento proporciona una oportunidad para
el mensaje de su marca de una forma poderosa. Yaque
ucho tiempo y es caro realizar cambios en una fase avan-
vídeo animado, suele ser necesario utilizar información
Otra diferencia fundamental entre el contenido en movimiento
contenido estático es el tiempo. Por definición, el contenido está- incluir contenido interactivo para la web, como HTML5, CSS3 y
re! 'ste fijo en el tiempo, y el contenido visual no cambia. librerías avanzadas de JavaScript, lo que nos da una mayor capacidad
tiCO eXI . . ., para utilizar plantillas de estilo de realidad aumentada en la parte
contenido en mOVimiento, por otra parte, existe a traves del
SI Aunque las piezas de contenido estático son instantáneas superior del vídeo (Figura 2.10). Algunas de estas innovadoras
tieJJlpo.
valiosas por sí mismas-, las piezas animadas tienen vida y aplicaciones de contenido en movimiento tienen un tremendo
:~iento. Tradicionalmente, los gráficos en movimiento han potencial viral simplemente por el tirón de sus nuevos métodos de
_do una función narrativa, con la interacción del usuario limitada producción. Para la mayoría de los negocios normales, sin embargo,
yDllyoritariamente pasiva (aparte de presionar inicio/pausa, rebobi- el uso de gráficos en movimiento es mejor cuando su objetivo es
nar. avanzar rápido, etc.). Como veremos en la siguiente sección, el comunicar una única historia lineal para crear un atractivo visual
ClI)Jltenido
interactivo tradicionalmente es más adecuado para visua- y emocional que involucre a los espectadores en múltiples niveles
Hiar información dinámica y permitir la exploración, ya que permite (Figura 2.11).
aloa usuarios personalizar su experiencia y encontrar información
petsonalmente significativa y relevante.
.0'
.00
e J[Q,."*'- ••••••.• o:
~~lQ;f""~)

~ _T~ --' •••• siOiiiO.••-~ASl~-~ •.•••••

·-.-...... ••••••. --.. .••••• ,,. __ ~ ~ ••••• _. _ ~ __

2.8), por lo menos cuando su animación se va a dístri- vimeo Lotin EqlIo,. ••••
"
formato de reproductor de vídeo y va a ser distribuida a
-El
lataformas como YouTube y Vimeo (Figura 2.9). m
11, # 11
••
.tO"LI!/) 0•• •
•
'-"owt."

,~
eS The Value of Visuallzation
byc:c.-,..,......" ,.,,",,,""
voo mel",

-_ ..
How do knOwledot poworfvt? ThIt Motion Grephlc dellCribel the value 01vLsuaUz.ation.
Agoney: CoIumn Ave Media
Creativtl Dlntc1or: RON CrookI
Proj«:t ManIger. NIck MNtde
Motion OeaIgner: CNi •• Ogden
tlraphic Oeslgner.Anckww EPlrenóy
Volot CMtr. EI'In5,*,,*

• ••..... .n-.. .

Figura 2.9
Ejemplo de gráfico en movimiento en el reproductor de vídeo Vimeo.
 000000000.0000000000000000000
00000000000000.000000000000.0
00000000000000000000000.00000
.,:
.000000.0.000000000.000000000 'o
000 •••• 00 •• 00000000000.000.00 "ü
.000000000000 •• 000000.0.00000
0.00000.0.0000000.000000000.0 '"
N

00.000000.000000000.0000.0000 ';
•• 0••• 00000000.00000000.0.00. ::s
00000000000000.00000000 •• 0000 U)

0.0000000.0000000.000000.0000 "¡;
00.000 •• 0000000000 •• 0000000.0 .!
0000 •• 0000000.000000000000000
00.0000000000000.0000000.0000
.000000.000000000000000000000 '"
"O
000000000.00000000000000.0.00 •...
00000000000000000000.00000000 O
.000000.0000000000.00000.0000 ';
0.000.00000.00000000.00000000 >
00000 00000000000.00000000.00
0000.000000000000000.00.0.000 íil
00 •• 00.00000000.00000.0.0 ••••
0000000.0000000000000000 •• 000 '"
"1:;
000000.0.0000.0000000000000.0
000000000000000.0000.0000.00.
0.000.000.00 •• 0000000.0000 •• 0
ss::
00 •• 00000.000000000000000.000
--....
"~

0.0000000000000.0.0.0 •••• 00.0

.000000000000 00000 •• 00000 •• 0 "~
0.0.00000.0000000000000000000 ;>
00
Q
•• 000000000000000000.00.0.000
00000000000000000000000000.00 E 00
r-,
0••• 00000000000000000.0000000 s::
0.0.00.000000000000000 •• 00000 '"
000000000000000.000.00000.000 ''"" <:!
000000.00000000 •• 0000000000 •• Q
"o"'"
00000.0000000.000000.00000000
0.000000000000000000000000000 ~
" '<:!
00000000000000000000 •• 0000000
'- "'-
0000.000000000000000000000000
o.oooooooooeoooooooooooooo.oo
b()
~'"
00000000000000000000000000.00 '" ..; s::
"1:;
000.000000.00000000.00000000.
.... '" '"
u.o
....,
00000000000000000000000000000
•• 00000.000.0000000000000000. .... <:!s::'" ¡;:: s::<:!
;>

00000000000000000000000000000 o-i ':'

< 00000000000000000000000.00000
<:!
~s:: s:: -E
rJl
Z
oooooooooooeo.o.oooo.oooooooo '- .:: ..:!E s::
u.o 0.00000.000000.0.000000000000 :. Q
.00000000000000000 •• 000.000.0 '" Q
:;; r.t.. ....
"~
s::
U '--
U
:::>
so
<
a:
<
e,

•••
o
•...
(.)
u.o
a:
a:
o
(.)

o
....1

••
:::>
(.)

:1:
u.o
>
....1
u.o
a:
u.o
""o
(.)

rJl
u.o

<
u..
<
a:
""o
u..
z
••

z
I
 v
(-l r
~
::t:
UJ
>
...J
UJ

a:
UJ

'"o~
Vl
UJ

• •
•• •
•••••
'.....
• " .. _ .•. ------
# ' •
#

.......:.....
•••••
•• •
. - •

..., ..
•:
• •• ••
,••..•:•••
• •••••
• •
•
• • ••
•• •
•

j ,
"
..
,,", /,-

. ..~
... ,1-.--~.------. .-
,

..
"
'

-
o
CX)

•••