03 Destino de una infografía

download 03 Destino de una infografía

of 67

Transcript of 03 Destino de una infografía

  • 8/19/2019 03 Destino de una infografía

    1/173

    Proceso de creación de una infografía

    CONCEPTUALIZACIÓN 

    1. Denición del tema  2. Proyección  -Tipología  Estática/dinámica/interactiva  -Medio de difusión  Prensa/televisión  Internet/blog/portfolio/redes sociales

      -Target  Generalista/sectorizado/profesional  -Objetivo  Académico-cientíco/marketing/editorial  Atracción/comprensión/retención  Narrativo/exploratorio

  • 8/19/2019 03 Destino de una infografía

    2/173

  • 8/19/2019 03 Destino de una infografía

    3/173

    ATRACCIÓN

  • 8/19/2019 03 Destino de una infografía

    4/173

    Creamos más información en dos días de la que hemcreado desde los inicios de la humanidad hasta 200

    Eric Schmidt Consejero Delegado de Google

  • 8/19/2019 03 Destino de una infografía

    5/173

  • 8/19/2019 03 Destino de una infografía

    6/173

    El diseño es a los datos como la salsa de queso al Bro

  • 8/19/2019 03 Destino de una infografía

    7/173

    Presentar la información por medio de activosvisuales atrae inmediatamente a los espectadores les induce a profundizar en el contenido 

  • 8/19/2019 03 Destino de una infografía

    8/173

  • 8/19/2019 03 Destino de una infografía

    9/173

  • 8/19/2019 03 Destino de una infografía

    10/173

    las cosas atractivas generan conanza

     Eciencia y entretenimiento

  • 8/19/2019 03 Destino de una infografía

    11/173

  • 8/19/2019 03 Destino de una infografía

    12/173

  • 8/19/2019 03 Destino de una infografía

    13/173

    Los espectadorespreeren mayoresusos ilustrativos queverbales

  • 8/19/2019 03 Destino de una infografía

    14/173

    Los espectadorespreeren mayoresusos ilustrativos queverbales

  • 8/19/2019 03 Destino de una infografía

    15/173

  • 8/19/2019 03 Destino de una infografía

    16/173

  • 8/19/2019 03 Destino de una infografía

    17/173

    John Grimwade

  • 8/19/2019 03 Destino de una infografía

    18/173

  • 8/19/2019 03 Destino de una infografía

    19/173

  • 8/19/2019 03 Destino de una infografía

    20/173

  • 8/19/2019 03 Destino de una infografía

    21/173

  • 8/19/2019 03 Destino de una infografía

    22/173

  • 8/19/2019 03 Destino de una infografía

    23/173

    COMPRESIÓN

  • 8/19/2019 03 Destino de una infografía

    24/173

    El aprendizaje más ecaz y rápido es el visual

  • 8/19/2019 03 Destino de una infografía

    25/173

    la or de la pasión

    La or es compleja, de cerca de 10 cmdiámetro, con cinco sépalos y pétalos

    en apariencia, blancuzcos, sobremon

    una corola de lamentos azules o vio

    5 estambres verde amarillentos, 3 es

    purpúreos.

  • 8/19/2019 03 Destino de una infografía

    26/173

    la or de la pasió

  • 8/19/2019 03 Destino de una infografía

    27/173

    https://youtu.be/vwon_RDHylA

  • 8/19/2019 03 Destino de una infografía

    28/173

    atributos preatentivos

  • 8/19/2019 03 Destino de una infografía

    29/173

  • 8/19/2019 03 Destino de una infografía

    30/173

  • 8/19/2019 03 Destino de una infografía

    31/173

    atributos preatentivosnuestros ojos procesan con precisióninformaciones sin que haya atenciónactiva de nuestra parte.

  • 8/19/2019 03 Destino de una infografía

    32/173

    atributos preatentivosEl color diferencia, agrupa, dimensiona,

     jerarquiza... muchas veces de manera preatentiva

  • 8/19/2019 03 Destino de una infografía

    33/173

  • 8/19/2019 03 Destino de una infografía

    34/173

  • 8/19/2019 03 Destino de una infografía

    35/173

  • 8/19/2019 03 Destino de una infografía

    36/173

    atributos preatentivosCOLOR

    TAMAÑOGROSOR

    ORIENTACIONPOSICION

  • 8/19/2019 03 Destino de una infografía

    37/173

  • 8/19/2019 03 Destino de una infografía

    38/173

  • 8/19/2019 03 Destino de una infografía

    39/173

  • 8/19/2019 03 Destino de una infografía

    40/173

    atributos preatentivosENCUADRAMIENTO

    http://-/?-

  • 8/19/2019 03 Destino de una infografía

    41/173

    http://-/?-

  • 8/19/2019 03 Destino de una infografía

    42/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    43/173

    atributos preatentivosCOLOR/INTENSIDAD

    TAMAÑOGROSOR

    ORIENTACIONENCUADRAMIENTO

    POSICIONMEMORIA

  • 8/19/2019 03 Destino de una infografía

    44/173

  • 8/19/2019 03 Destino de una infografía

    45/173

  • 8/19/2019 03 Destino de una infografía

    46/173

  • 8/19/2019 03 Destino de una infografía

    47/173

  • 8/19/2019 03 Destino de una infografía

    48/173

  • 8/19/2019 03 Destino de una infografía

    49/173

  • 8/19/2019 03 Destino de una infografía

    50/173

    Mitsumusa Anno

  • 8/19/2019 03 Destino de una infografía

    51/173

  • 8/19/2019 03 Destino de una infografía

    52/173

  • 8/19/2019 03 Destino de una infografía

    53/173

  • 8/19/2019 03 Destino de una infografía

    54/173

  • 8/19/2019 03 Destino de una infografía

    55/173

  • 8/19/2019 03 Destino de una infografía

    56/173

  • 8/19/2019 03 Destino de una infografía

    57/173

  • 8/19/2019 03 Destino de una infografía

    58/173

  • 8/19/2019 03 Destino de una infografía

    59/173

    atributos preatentivosprocesamos simultaneamente todosestos estímulos mientras decodicamosuna infografía.

     Aceleramos la comprensión.

  • 8/19/2019 03 Destino de una infografía

    60/173

    atributos preatentivosson estandares y automáticosno existen otros

    todo lo que no conozca el usuarioincrementa el tiempo de comprensión

  • 8/19/2019 03 Destino de una infografía

    61/173

     ¿texto o imágenes? Imágenes: lo cualitativo, lo cuantitativo  el detalle, el espacio.

    Texto: deducciones, procedimientos,abstracciones

  • 8/19/2019 03 Destino de una infografía

    62/173

  • 8/19/2019 03 Destino de una infografía

    63/173

  • 8/19/2019 03 Destino de una infografía

    64/173

     ¿texto o imágenes? Imágenes: lo cualitativo, lo cuantitativo  el detalle, el espacio.

    Texto: deducciones, procedimientos,abstracciones

  • 8/19/2019 03 Destino de una infografía

    65/173

  • 8/19/2019 03 Destino de una infografía

    66/173

  • 8/19/2019 03 Destino de una infografía

    67/173

  • 8/19/2019 03 Destino de una infografía

    68/173

  • 8/19/2019 03 Destino de una infografía

    69/173

  • 8/19/2019 03 Destino de una infografía

    70/173

    Lo cuantitativoCuántos elementos de unComparación visualDimensionar los totales

  • 8/19/2019 03 Destino de una infografía

    71/173

  • 8/19/2019 03 Destino de una infografía

    72/173

  • 8/19/2019 03 Destino de una infografía

    73/173

     ¿texto o imágenes? Imágenes: lo cualitativo, lo cuantitativo  el detalle, el espacio.

    Texto: deducciones, procedimientos,abstracciones

  • 8/19/2019 03 Destino de una infografía

    74/173

  • 8/19/2019 03 Destino de una infografía

    75/173

  • 8/19/2019 03 Destino de una infografía

    76/173

     ¿texto o imágenes? Imágenes: lo cualitativo, lo cuantitativo  el detalle, el espacio.

    Texto: deducciones, procedimientos,abstracciones

  • 8/19/2019 03 Destino de una infografía

    77/173

    RETENCION

  • 8/19/2019 03 Destino de una infografía

    78/173

     Al igual que ocurre con la comprensiónlos grácos favorecen el alcance denuestra memoria

  • 8/19/2019 03 Destino de una infografía

    79/173

    Memoria IcónicaMemoria de trabajo visualMemoria a largo plazo

    Memoria IcónicaI t t i t ió

  • 8/19/2019 03 Destino de una infografía

    80/173

      Instantanea y sin retención

    Memoria IcónicaInstantanea sin retención

  • 8/19/2019 03 Destino de una infografía

    81/173

      Instantanea y sin retenciónMemoria de trabajo visual

      Procesa informaciones, se concentraen comprender y discrimina lo intras-cendete.

    Memoria IcónicaInstantanea y sin retención

    http://-/?-

  • 8/19/2019 03 Destino de una infografía

    82/173

      Instantanea y sin retenciónMemoria de trabajo visual

      Procesa informaciones, se concentraen comprender y discrimina lo intras-cendete.Memoria a largo plazo  Empírica, almacema las experienciasque nos han emocionado o impactado.

    http://-/?-

  • 8/19/2019 03 Destino de una infografía

    83/173

    Las imagenes emocionantes y lasdecoraciones atractivas permiten a laspersonas codicar la información conmayor profundidad.

  • 8/19/2019 03 Destino de una infografía

    84/173

  • 8/19/2019 03 Destino de una infografía

    85/173

    Las emociones solidican la imagen en elrecuerdo

    1.Metaforas visuales

  • 8/19/2019 03 Destino de una infografía

    86/173

  • 8/19/2019 03 Destino de una infografía

    87/173

  • 8/19/2019 03 Destino de una infografía

    88/173

  • 8/19/2019 03 Destino de una infografía

    89/173

    Los mensajes empáticos aceleran lacomprensión y la retención

    https://youtu.be/icOx18VITV0

  • 8/19/2019 03 Destino de una infografía

    90/173

    https://youtu.be/icOx18VITV0

  • 8/19/2019 03 Destino de una infografía

    91/173

    1.Metaforas visuales  La infografía contextual

  • 8/19/2019 03 Destino de una infografía

    92/173

  • 8/19/2019 03 Destino de una infografía

    93/173

  • 8/19/2019 03 Destino de una infografía

    94/173

  • 8/19/2019 03 Destino de una infografía

    95/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    96/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    97/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    98/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    99/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    100/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    101/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    102/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    103/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    104/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    105/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    106/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    107/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    108/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    109/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    110/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    111/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    112/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    113/173

    Peter Ø

  • 8/19/2019 03 Destino de una infografía

    114/173

  • 8/19/2019 03 Destino de una infografía

    115/173

    1.Metaforas visuales2.Símbolos e iconografías

  • 8/19/2019 03 Destino de una infografía

    116/173

  • 8/19/2019 03 Destino de una infografía

    117/173

  • 8/19/2019 03 Destino de una infografía

    118/173

  • 8/19/2019 03 Destino de una infografía

    119/173

  • 8/19/2019 03 Destino de una infografía

    120/173

    1.Metaforas visuales2.Símbolos e iconografías3.Escenarios y recursos plásticos

  • 8/19/2019 03 Destino de una infografía

    121/173

  • 8/19/2019 03 Destino de una infografía

    122/173

  • 8/19/2019 03 Destino de una infografía

    123/173

  • 8/19/2019 03 Destino de una infografía

    124/173

  • 8/19/2019 03 Destino de una infografía

    125/173

    Edwar Tu

  • 8/19/2019 03 Destino de una infografía

    126/173

    Los elementos grácos de un diseño que no comunique

    información especíca (chartjunk) son supreuos y sedeben omitir.

    “ El objetivo del poeta es informar o deleitar,

    o combinar ambas en lo que dice,para el placer y aplicación a la vida

  • 8/19/2019 03 Destino de una infografía

    127/173

    para el placer y aplicación a la vida.

    Instruyendo, sea breve en lo que dice para quesus lectores puedan entenderlo rápidamente yconservarlos elmente...

    Las palabras superuas simplemente sederraman cuando la mente está llena.”  

    Horacio

    L l t á d di ñ i

    Edwar Tu

  • 8/19/2019 03 Destino de una infografía

    128/173

    Los elementos grácos de un diseño que no comunique

    información especíca (chartjunk) son supreuos y sedeben omitir.

    L ti t l t d ti d di t

    Edwar Tu

  • 8/19/2019 03 Destino de una infografía

    129/173

    Las etiquetas, elementos decorativos, adornos... distrae

    espectador y distorsionan los datos disminuyendo el vadel gráco.

    Infografía EXPLORATORIA

    Características:

    Edwar Tu

  • 8/19/2019 03 Destino de una infografía

    130/173

    Minimalista (data ink estrictamente necesarios)

    Sólo incluye elementos que representan datosBusca comunicar información

    Aplicaciones:Investigación Académica

    CienciaIntelegencia empresarialAnálisis de datos

    Charles Joseph Minard

  • 8/19/2019 03 Destino de una infografía

    131/173

  • 8/19/2019 03 Destino de una infografía

    132/173

  • 8/19/2019 03 Destino de una infografía

    133/173

  • 8/19/2019 03 Destino de una infografía

    134/173

  • 8/19/2019 03 Destino de una infografía

    135/173

  • 8/19/2019 03 Destino de una infografía

    136/173

  • 8/19/2019 03 Destino de una infografía

    137/173

  • 8/19/2019 03 Destino de una infografía

    138/173

  • 8/19/2019 03 Destino de una infografía

    139/173

  • 8/19/2019 03 Destino de una infografía

    140/173

  • 8/19/2019 03 Destino de una infografía

    141/173

  • 8/19/2019 03 Destino de una infografía

    142/173

  • 8/19/2019 03 Destino de una infografía

    143/173

  • 8/19/2019 03 Destino de una infografía

    144/173

  • 8/19/2019 03 Destino de una infografía

    145/173

  • 8/19/2019 03 Destino de una infografía

    146/173

    La metafora ilustrativa y visual avala y refuera el tema,

    Nigel Ho

  • 8/19/2019 03 Destino de una infografía

    147/173

    hace atractivo el gráco para los espectadores y favorela retención de la información presentada.

  • 8/19/2019 03 Destino de una infografía

    148/173

    Nigel Ho

  • 8/19/2019 03 Destino de una infografía

    149/173

    Nigel Ho

  • 8/19/2019 03 Destino de una infografía

    150/173

    Infografía EXPLORATORIA

    Características:Minimalista

    Edwar Tu

  • 8/19/2019 03 Destino de una infografía

    151/173

    Sólo incluye elementos que re-presentan datosBusca comunicar información

    Aplicaciones:

    Investigación AcadémicaCienciaIntelegencia empresarialAnálisis de datos

  • 8/19/2019 03 Destino de una infografía

    152/173

    Infografía NARRATIVA

    Características:Ilustrativa (más data ink)

    Nigel Ho

  • 8/19/2019 03 Destino de una infografía

    153/173

    Centrada en el diseñoBusca llamar la atenciónInforma y entretiene

    Aplicaciones:

    PublicacionesBlogMarketing

  • 8/19/2019 03 Destino de una infografía

    154/173

    Infografía NARRAT

    Características:Ilustrativa

    Infografía EXPLORATORIA

    Características:Minimalista

  • 8/19/2019 03 Destino de una infografía

    155/173

    Centrada en el diseBusca llamar la ateInforma y entretie

    Aplicaciones:

    PublicacionesBlogMarketing

    Sólo incluye elementos que re-presentan datosBusca comunicar información

    Aplicaciones:

    Investigación AcadémicaCienciaIntelegencia empresarialAnálisis de datos

    Muestra neutra de la informaciónAudiencia que analiza sin prejucios

  • 8/19/2019 03 Destino de una infografía

    156/173

    Infografía EXPLORATORIAInfografía NARRATIVA

    Muestra neutra de la informaciónAudiencia que analiza sin prejucios

  • 8/19/2019 03 Destino de una infografía

    157/173

    Infografía EXPLORATORIAInfografía NARRATIVA

    Muestra editorializada de la informaciónAudicencia que analiza predispuesta

    Muestra neutra de la informaciónAudiencia que analiza sin prejuciosInvita a la conclusión propia

  • 8/19/2019 03 Destino de una infografía

    158/173

    Infografía EXPLORATORIAInfografía NARRATIVA

    Muestra editorializada de la informaciónAudicencia que analiza predispuestaParte de la conclusión

  • 8/19/2019 03 Destino de una infografía

    159/173

  • 8/19/2019 03 Destino de una infografía

    160/173

    Proceso de creación de una infografía

    Párrafo de concepto

    Resumir en un parrafo el objetivo neto de nuestra infografía.

  • 8/19/2019 03 Destino de una infografía

    161/173

    Proceso de creación de una infografía

    Párrafo de concepto

    Resumir en un parrafo el objetivo neto de nuestra infografía.

  • 8/19/2019 03 Destino de una infografía

    162/173

      “Para un público generalista buscamos explicar qson las tormentas solares y como afectan a nuestro plane

  • 8/19/2019 03 Destino de una infografía

    163/173

    “Para un público sectorizado realizaremos una g

  • 8/19/2019 03 Destino de una infografía

    164/173

      Para un público sectorizado realizaremos una gde las principales brujas de la historia”

  • 8/19/2019 03 Destino de una infografía

    165/173

    “Para un público generalista, vamos mostrar la

  • 8/19/2019 03 Destino de una infografía

    166/173

      Para un público generalista, vamos mostrar laprincipales quiebras fnancieras de las historia.”

  • 8/19/2019 03 Destino de una infografía

    167/173

      “Para un público generalista, con motivo de la

  • 8/19/2019 03 Destino de una infografía

    168/173

    p g ,película de King Kong, vamos a mostrar como funcion

    primer king Kong del cine y el actual.”

  • 8/19/2019 03 Destino de una infografía

    169/173

      “Para un público sectorizado, vamos a most

  • 8/19/2019 03 Destino de una infografía

    170/173

    p

    tres productos como es la cúpula de la catdral de Flosistema constructivo, dimensiones e historia.”

  • 8/19/2019 03 Destino de una infografía

    171/173

      “Para un público generalista, mostraremo

  • 8/19/2019 03 Destino de una infografía

    172/173

    problemática de las especies en vías de desaparicióndiferentes ecosistemas.”

  • 8/19/2019 03 Destino de una infografía

    173/173