SlideShare ist ein Scribd-Unternehmen logo
1 von 40
INFOGRAFIA
    representar la informació gràficament




                   31/01/2013


Ignasi Alcalde        Infografia    www.ignasialcalde.es
QUI SÓC




o Grau universitari en Multimèdia
o Màster universitari en Societat d 'Informació i
  el Coneixement
o Postgrau en Visualització de la Informació
  (en curs)
o Consultor docent a la UOC
o Membre Xarxa XIP
  (Xarxa innovació pública)
o Membre Infoexplorers
  (Xarxa d'experts en anàlisis de
  dades,visualització i xarxes socials)




   Ignasi Alcalde                         Infografia   www.ignasialcalde.es
PERQUÉ FER INFOGRAFIES?.
                 1




Ignasi Alcalde              Infografia     www.ignasialcalde.es
6 RAONS

 Poca               capacitat     d'atenció
 Amb el tràfec constant i estrès de la vida
 moderna, les persones tenen poca capacitat
                 d'atenció.

 Això es demostra pel fet que la majoria de la
 gent es decideix deixar un lloc web o
 continuar explorant en els primers 2-4
 segons     de      veure       la    pàgina.

 Amb molt poc temps per convèncer la gent a
 quedar-se, infografies i visualitzacions són
 una manera més eficaç per atrapar
 literalment   els    ulls   de     la   gent.



   Ignasi Alcalde                       Infografia   www.ignasialcalde.es
6 RAONS
                   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.




  Ignasi Alcalde   Infografia                    www.ignasialcalde.es
6 RAONS

 Fàcil de Entendre

 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.



   Ignasi Alcalde                Infografia   www.ignasialcalde.es
6 RAONS



                   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.




  Ignasi Alcalde    Infografia                www.ignasialcalde.es
6 RAONS

 Més atractiu

 Amb una gran quantitat de
 contingut nou publicat cada dia, la
 gent està inundada.

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




   Ignasi Alcalde                 Infografia   www.ignasialcalde.es
6 RAONS
                   Ens encanta compartir

                   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.

  Ignasi Alcalde   Infografia                 www.ignasialcalde.es
INFOGRAFIA VS
                 2   VISUALITZCIÓ




Ignasi Alcalde               Infografia   www.ignasialcalde.es
VISUALITZACIÓ


   Alberto                                       Cairo
   Director de infografía i multimèdia a Época




   “Visualització és aquella tecnologia-plural (això és, disciplina) que
   consisteix a transformar dades en informació semàntica -o a crear
   eines perquè un usuari completi per si solament aquest procés- per
   mitjà d'una sintaxi de fronteres imprecises i en constant evolució
   basada en la conjunció de signes de naturalesa icònica (figuratius)
   amb uns altres de naturalesa arbitrària i abstracta (no figuratius)”




  Ignasi Alcalde                   Infografia               www.ignasialcalde.es
DEFINIM QUE DIU


 Vitaly Friedman
 Dissenyador i desenvolupador web freelance



 “ 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 avorridaper 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.”


  Ignasi Alcalde                     Infografia                 www.ignasialcalde.es
DEFINIM QUE DIU


 Fernanda Viegas i Martin M. Wattenberg
 Líders de Google’s “Big Picture” data
 visualization group




 “ La visualització ideal no només ha de comunicar amb claredat,
 sinó que també ha d'estimular la participació i l'atenció de
 l'espectador”




   Ignasi Alcalde                Infografia           www.ignasialcalde.es
DEFINIM DONCS



                   Visualització

    “ 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
    “conjunció de signes




  Ignasi Alcalde              Infografia           www.ignasialcalde.es
INFOGRAFIA vs
VISUALITZACIÓ
                                                      Infografia Vs Visualització



  “Alguns especialistes marquen una frontera entre aquestes dues
  disciplines, basada en el fet que, suposadament, la infografia consisteix a
  presentar informació per mitjà de gràfics estadístics, mapes i
  esquemes, mentre que la visualització es basa en la creació d’eines visuals
  (estàtiques i interactives) que un públic pugui fer servir per explorar, analitzar i
  estudiar conjunts complexos de dades “

  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ó.




  Ignasi Alcalde                         Infografia                    www.ignasialcalde.es
VISUALIZACIÓ




                   http://goo.gl/4z6L9


  Ignasi Alcalde                Infografia   www.ignasialcalde.es
INFOGRAFIA




                  Placeholder




 Ignasi Alcalde       Infografia   www.ignasialcalde.es
INFOGRAFIA PROCÉS




              http://goo.gl/fA44z




  Ignasi Alcalde                    Infografia   www.ignasialcalde.es
INFOGRAFIA PROCÉS




                                 http://goo.gl/N9bmO




  Ignasi Alcalde    Infografia            www.ignasialcalde.es
QUÈ FA UNA BONA
INFOGRAFIA
    Què fa que una bona infografia?
    • Explica una història
    • Ofereix informació i connexions
    entre les les dades.

    Tipus d'Infografia

    • Mostra una tendència o procès
    • Proporciona un recurs
    • Compara A i B
                                             http://goo.gl/ow633
    • Mostra l'evolució d’un fet o
    concepte
    • Simplifica lo complex


  Ignasi Alcalde                Infografia              www.ignasialcalde.es
ALGUNES EINES PER
                 3   CREAR INFOGRAFIES




Ignasi Alcalde              Infografia   www.ignasialcalde.es
EINES INFOGRAFIA




    Piktochart: és un editor online d 'imatges dissenyat específicament per crear infografías. És gratuït
    encara que si l 'usuari vol tenir accés a funcionalitats més avançades ha de pagar subscripció 9,99 $



  Ignasi Alcalde                                   Infografia                             www.ignasialcalde.es
PIKTOCHART




  Ignasi Alcalde   Infografia   www.ignasialcalde.es
VISUALIZE.ME




  Ignasi Alcalde   Infografia   www.ignasialcalde.es
VISUAL.LY




  Visual.ly permet generar infografies de manera gairebé instantània recolzant-se en mètriques de
  xarxes socials com Twitter i Facebook. És molt fàcil d'utilitzar i és a més una plataforma gratuïta i ala
  vegada en marketplace per infografistes..


  Ignasi Alcalde                                     Infografia                              www.ignasialcalde.es
VIZIFY




   Vizify és una aplicació associada a Twitter que genera infografies amb informació del perfil de l'usuari
   a la coneguda xarxa de microblogging: seguidors, post més retwitteajats, etc.


  Ignasi Alcalde                                    Infografia                              www.ignasialcalde.es
INFOGR.AM




  Infogr.am acaba de realitzar el seu debut al mercat i és molt útil per crear de manera ràpida i senzilla
  infografies i taules interactives.



  Ignasi Alcalde                                    Infografia                             www.ignasialcalde.es
EASEL.LY




Easel.ly és una divertida eina
per crear els teus
Infographics amb un simple
arrossegar i deixar anar
funcions i una interfície
simple




   Ignasi Alcalde                Infografia   www.ignasialcalde.es
VENNGAGE




  Ignasi Alcalde   Infografia   www.ignasialcalde.es
ICHARTS




  Ignasi Alcalde   Infografia   www.ignasialcalde.es
DIPITY




  Ignasi Alcalde   Infografia   www.ignasialcalde.es
FLUXVFX



                                Fluxvfx és una eina per crear
                                infografia en format vídeo.
                                En After effects

                                Disposa d'una àmplia
                                selecció de plantilles i és
                                accessible a l'usuari amb
                                quotes de subscripció des de
                                25 dòlars al mes.

                                https://www.fluxvfx.com/ho
                                w-it-works/

                                http://vimeo.com/marissajoy
                                ner/infographicstemplate




  Ignasi Alcalde   Infografia                    www.ignasialcalde.es
WORDLE




  Wordle és una manera simple i senzilla de crear visualitzacions atractives de grups de paraules.



  Ignasi Alcalde                                   Infografia                            www.ignasialcalde.es
TAXEDO




  Tagxedo és una eina que transforma una sèrie de paraules predeterminades en núvols de tags
  visualment molt atractives.

  Ignasi Alcalde                                Infografia                           www.ignasialcalde.es
CREATELY




  Creately és una eina que permet a l'usuari crear diagrames i taules professionals prenent com a base
  diverses plantilles. Serveix com a pas previ de



  Ignasi Alcalde                                  Infografia                            www.ignasialcalde.es
MÉS INFORMACIÓ?
                 4   WEBS A CONSIDERAR




Ignasi Alcalde              Infografia   www.ignasialcalde.es
WEBS

        Visualització
        o    Information is beutiful http://www.informationisbeautiful.net/
        o    Visual Complexity http://www.visualcomplexity.com
        o    Flowing data http://flowingdata.com/
        o    Data Visualization http://datavisualization.ch/
        o    Creative Applications http://www.creativeapplications.net/


        Infografia
        o    Daily Infographic http://dailyinfographic.com/
        o    Cool Infographics http://www.coolinfographics.com/
        o    Infografistas http://infografistas.blogspot.com.es/
        o    Infographics Showcase http://www.infographicsshowcase.com/
        o    Inforgraphic Labs http://infographiclabs.com/



  Ignasi Alcalde                           Infografia                     www.ignasialcalde.es
LLIBRES




                    Introducció
                    Infografia            Cassos i exemples


   Ignasi Alcalde                 Infografia                  www.ignasialcalde.es
CITA


              Una bona infografia o visualització d’informació




                             és una peça d’art
                         que fa visible lo invisible.

   Ignasi Alcalde                    Infografia                  www.ignasialcalde.es
CONTACTE




 Ignasi Alcalde
 www.ignasialcalde.es/blog-ia/

 @ignasialcalde
 info@ignasialcalde.es




  Ignasi Alcalde                 Infografia   www.ignasialcalde.es

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (15)

¿Dónde está el conocimiento que se perdió con la información?
¿Dónde está el conocimiento que se perdió con la información?¿Dónde está el conocimiento que se perdió con la información?
¿Dónde está el conocimiento que se perdió con la información?
 
PLE: aprenentatge personal
PLE:  aprenentatge personal PLE:  aprenentatge personal
PLE: aprenentatge personal
 
Poll
PollPoll
Poll
 
Arbejdsmarkedet1
Arbejdsmarkedet1Arbejdsmarkedet1
Arbejdsmarkedet1
 
Arbejdsløshed
ArbejdsløshedArbejdsløshed
Arbejdsløshed
 
Presentació COTalent UOC
Presentació COTalent UOCPresentació COTalent UOC
Presentació COTalent UOC
 
Politiske skillelinjer før og nu
Politiske skillelinjer før og nuPolitiske skillelinjer før og nu
Politiske skillelinjer før og nu
 
M Learning I Handelsgymnasiet
M Learning I HandelsgymnasietM Learning I Handelsgymnasiet
M Learning I Handelsgymnasiet
 
Powerpoint 2007 - tips, tricks og gode råd
Powerpoint 2007 - tips, tricks og gode rådPowerpoint 2007 - tips, tricks og gode råd
Powerpoint 2007 - tips, tricks og gode råd
 
Personalitza el teu facebook
Personalitza el teu facebookPersonalitza el teu facebook
Personalitza el teu facebook
 
Capitalists And Activists (bilpil2009)
Capitalists And Activists (bilpil2009)Capitalists And Activists (bilpil2009)
Capitalists And Activists (bilpil2009)
 
User acquisition for startups
User acquisition for startupsUser acquisition for startups
User acquisition for startups
 
[ia] Infogram workshop en DataViz day Hacks&Hackers
[ia] Infogram workshop en DataViz day Hacks&Hackers[ia] Infogram workshop en DataViz day Hacks&Hackers
[ia] Infogram workshop en DataViz day Hacks&Hackers
 
Data visualization: from data to knowledge
Data visualization: from data to knowledgeData visualization: from data to knowledge
Data visualization: from data to knowledge
 
How to be an Angel Investor, Part 3
How to be an Angel Investor, Part 3How to be an Angel Investor, Part 3
How to be an Angel Investor, Part 3
 

Ähnlich wie Introducció a la Infografia

Dades i visualització d’informació
Dades i visualització d’informació Dades i visualització d’informació
Dades i visualització d’informació Ignasi Alcalde
 
Visualizem la informació
Visualizem la informació Visualizem la informació
Visualizem la informació Ignasi Alcalde
 
Les dades a la societat del coneixement
Les dades a la societat del coneixementLes dades a la societat del coneixement
Les dades a la societat del coneixementIgnasi Alcalde
 
Barcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestreBarcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestreBarcelona Activa
 
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019Barcelona Activa
 
Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019Barcelona Activa
 
"Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ...
"Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ..."Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ...
"Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ...Núria Escalona
 
Habilitats Digitals i Eines 2.0 - PAS UB
Habilitats Digitals i Eines 2.0 - PAS UBHabilitats Digitals i Eines 2.0 - PAS UB
Habilitats Digitals i Eines 2.0 - PAS UBLaura Rosillo Cascante
 
Cloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la ProductivitatCloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la ProductivitatLaura Rosillo Cascante
 
Redisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsRedisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsJordi Zango Novell
 
Rosa molina: realitat augmentada
Rosa molina: realitat augmentadaRosa molina: realitat augmentada
Rosa molina: realitat augmentadaAteneu Barcelonès
 
Curs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixement
Curs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixementCurs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixement
Curs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixementXavier Lasauca i Cisa
 
15 sessions web (2005 2009)
15 sessions web (2005 2009)15 sessions web (2005 2009)
15 sessions web (2005 2009)gencat .
 

Ähnlich wie Introducció a la Infografia (20)

Curs d'informació visual (infografies). Ignasi Alcalde
Curs d'informació visual (infografies). Ignasi AlcaldeCurs d'informació visual (infografies). Ignasi Alcalde
Curs d'informació visual (infografies). Ignasi Alcalde
 
Dades i visualització d’informació
Dades i visualització d’informació Dades i visualització d’informació
Dades i visualització d’informació
 
Visualizem la informació
Visualizem la informació Visualizem la informació
Visualizem la informació
 
Les dades a la societat del coneixement
Les dades a la societat del coneixementLes dades a la societat del coneixement
Les dades a la societat del coneixement
 
Barcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestreBarcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestre
 
Infografia
InfografiaInfografia
Infografia
 
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 2n Trimestre 2019
 
Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019
Barcelona Activa Cibernàrium - Programa activitats 1r Trimestre 2019
 
10 Sessions Web (2005 2007)
10 Sessions Web (2005 2007)10 Sessions Web (2005 2007)
10 Sessions Web (2005 2007)
 
"Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ...
"Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ..."Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ...
"Atrapats a la xarxa? Cap a una eina educativa" 3ª edició de la Fira Educativ...
 
Habilitats Digitals i Eines 2.0 - PAS UB
Habilitats Digitals i Eines 2.0 - PAS UBHabilitats Digitals i Eines 2.0 - PAS UB
Habilitats Digitals i Eines 2.0 - PAS UB
 
Cloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la ProductivitatCloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la Productivitat
 
Redisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsRedisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes Balears
 
Rosa molina: realitat augmentada
Rosa molina: realitat augmentadaRosa molina: realitat augmentada
Rosa molina: realitat augmentada
 
40a sessió web. Fórmules per innovar una institució. Sergi Anguita i Marc Torres
40a sessió web. Fórmules per innovar una institució. Sergi Anguita i Marc Torres40a sessió web. Fórmules per innovar una institució. Sergi Anguita i Marc Torres
40a sessió web. Fórmules per innovar una institució. Sergi Anguita i Marc Torres
 
Colaboracio efectiva
Colaboracio efectivaColaboracio efectiva
Colaboracio efectiva
 
Que fa un biòleg en un entorn 2.0?
Que fa un biòleg en un entorn 2.0?Que fa un biòleg en un entorn 2.0?
Que fa un biòleg en un entorn 2.0?
 
Bett 2017
Bett 2017Bett 2017
Bett 2017
 
Curs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixement
Curs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixementCurs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixement
Curs 'Innovar x Internet!'. Part 4/4 Innovació i Gestió del coneixement
 
15 sessions web (2005 2009)
15 sessions web (2005 2009)15 sessions web (2005 2009)
15 sessions web (2005 2009)
 

Mehr von Ignasi Alcalde

Revissta Alumni EUNCET Octubre 2023
Revissta Alumni EUNCET Octubre  2023Revissta Alumni EUNCET Octubre  2023
Revissta Alumni EUNCET Octubre 2023Ignasi Alcalde
 
Millora les habilitats digitals i dona forma a la carrera professional amb Ch...
Millora les habilitats digitals i dona forma a la carrera professional amb Ch...Millora les habilitats digitals i dona forma a la carrera professional amb Ch...
Millora les habilitats digitals i dona forma a la carrera professional amb Ch...Ignasi Alcalde
 
Porfolio Formativo y Servicios 2017
Porfolio Formativo y Servicios 2017Porfolio Formativo y Servicios 2017
Porfolio Formativo y Servicios 2017Ignasi Alcalde
 
Visualizacion de la Infomación. De los datos al conocimiento.
Visualizacion de la Infomación. De los datos al conocimiento.Visualizacion de la Infomación. De los datos al conocimiento.
Visualizacion de la Infomación. De los datos al conocimiento.Ignasi Alcalde
 
Smart Learning en la sociedad red
Smart Learning en la sociedad redSmart Learning en la sociedad red
Smart Learning en la sociedad redIgnasi Alcalde
 
Knortbit: la solución tecnologica de UOC COtalent
Knortbit: la solución tecnologica de UOC COtalentKnortbit: la solución tecnologica de UOC COtalent
Knortbit: la solución tecnologica de UOC COtalentIgnasi Alcalde
 
Portfolio Acciones Formativas 2014
Portfolio Acciones Formativas 2014Portfolio Acciones Formativas 2014
Portfolio Acciones Formativas 2014Ignasi Alcalde
 
PLE - Entornos Personalizados de Aprendizaje
PLE - Entornos Personalizados de AprendizajePLE - Entornos Personalizados de Aprendizaje
PLE - Entornos Personalizados de AprendizajeIgnasi Alcalde
 
Inteligencia Colectiva. Cerebros unidos La Vanguardia.
Inteligencia Colectiva. Cerebros unidos La Vanguardia.Inteligencia Colectiva. Cerebros unidos La Vanguardia.
Inteligencia Colectiva. Cerebros unidos La Vanguardia.Ignasi Alcalde
 
Infografia para docentes
Infografia para docentesInfografia para docentes
Infografia para docentesIgnasi Alcalde
 
Hacia una cultura de colaboración en la empresa
Hacia una cultura de colaboración en la empresaHacia una cultura de colaboración en la empresa
Hacia una cultura de colaboración en la empresaIgnasi Alcalde
 
Eines re-elaboracio continguts
Eines re-elaboracio contingutsEines re-elaboracio continguts
Eines re-elaboracio contingutsIgnasi Alcalde
 
Visualización de la Información
Visualización de la InformaciónVisualización de la Información
Visualización de la InformaciónIgnasi Alcalde
 
La economia de la colaboración
La economia de la colaboraciónLa economia de la colaboración
La economia de la colaboraciónIgnasi Alcalde
 

Mehr von Ignasi Alcalde (16)

Revissta Alumni EUNCET Octubre 2023
Revissta Alumni EUNCET Octubre  2023Revissta Alumni EUNCET Octubre  2023
Revissta Alumni EUNCET Octubre 2023
 
Millora les habilitats digitals i dona forma a la carrera professional amb Ch...
Millora les habilitats digitals i dona forma a la carrera professional amb Ch...Millora les habilitats digitals i dona forma a la carrera professional amb Ch...
Millora les habilitats digitals i dona forma a la carrera professional amb Ch...
 
Portfolio 2022
Portfolio 2022 Portfolio 2022
Portfolio 2022
 
Porfolio Formativo y Servicios 2017
Porfolio Formativo y Servicios 2017Porfolio Formativo y Servicios 2017
Porfolio Formativo y Servicios 2017
 
Visualizacion de la Infomación. De los datos al conocimiento.
Visualizacion de la Infomación. De los datos al conocimiento.Visualizacion de la Infomación. De los datos al conocimiento.
Visualizacion de la Infomación. De los datos al conocimiento.
 
Smart Learning en la sociedad red
Smart Learning en la sociedad redSmart Learning en la sociedad red
Smart Learning en la sociedad red
 
Knortbit: la solución tecnologica de UOC COtalent
Knortbit: la solución tecnologica de UOC COtalentKnortbit: la solución tecnologica de UOC COtalent
Knortbit: la solución tecnologica de UOC COtalent
 
Portfolio Acciones Formativas 2014
Portfolio Acciones Formativas 2014Portfolio Acciones Formativas 2014
Portfolio Acciones Formativas 2014
 
PLE - Entornos Personalizados de Aprendizaje
PLE - Entornos Personalizados de AprendizajePLE - Entornos Personalizados de Aprendizaje
PLE - Entornos Personalizados de Aprendizaje
 
Inteligencia Colectiva. Cerebros unidos La Vanguardia.
Inteligencia Colectiva. Cerebros unidos La Vanguardia.Inteligencia Colectiva. Cerebros unidos La Vanguardia.
Inteligencia Colectiva. Cerebros unidos La Vanguardia.
 
Infografia para docentes
Infografia para docentesInfografia para docentes
Infografia para docentes
 
Aprendizaje Informal
Aprendizaje InformalAprendizaje Informal
Aprendizaje Informal
 
Hacia una cultura de colaboración en la empresa
Hacia una cultura de colaboración en la empresaHacia una cultura de colaboración en la empresa
Hacia una cultura de colaboración en la empresa
 
Eines re-elaboracio continguts
Eines re-elaboracio contingutsEines re-elaboracio continguts
Eines re-elaboracio continguts
 
Visualización de la Información
Visualización de la InformaciónVisualización de la Información
Visualización de la Información
 
La economia de la colaboración
La economia de la colaboraciónLa economia de la colaboración
La economia de la colaboración
 

Introducció a la Infografia

  • 1. INFOGRAFIA representar la informació gràficament 31/01/2013 Ignasi Alcalde Infografia www.ignasialcalde.es
  • 2. QUI SÓC o Grau universitari en Multimèdia o Màster universitari en Societat d 'Informació i el Coneixement o Postgrau en Visualització de la Informació (en curs) o Consultor docent a la UOC o Membre Xarxa XIP (Xarxa innovació pública) o Membre Infoexplorers (Xarxa d'experts en anàlisis de dades,visualització i xarxes socials) Ignasi Alcalde Infografia www.ignasialcalde.es
  • 3. PERQUÉ FER INFOGRAFIES?. 1 Ignasi Alcalde Infografia www.ignasialcalde.es
  • 4. 6 RAONS Poca capacitat d'atenció Amb el tràfec constant i estrès de la vida moderna, les persones tenen poca capacitat d'atenció. Això es demostra pel fet que la majoria de la gent es decideix deixar un lloc web o continuar explorant en els primers 2-4 segons de veure la pàgina. Amb molt poc temps per convèncer la gent a quedar-se, infografies i visualitzacions són una manera més eficaç per atrapar literalment els ulls de la gent. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 5. 6 RAONS 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. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 6. 6 RAONS Fàcil de Entendre 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. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 7. 6 RAONS 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. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 8. 6 RAONS Més atractiu Amb una gran quantitat de contingut nou publicat cada dia, la gent està inundada. Mitjançant la creació d'alguna visualització visualment atractiva, probablement activarem al curiositat de la persona. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 9. 6 RAONS Ens encanta compartir 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. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 10. INFOGRAFIA VS 2 VISUALITZCIÓ Ignasi Alcalde Infografia www.ignasialcalde.es
  • 11. VISUALITZACIÓ Alberto Cairo Director de infografía i multimèdia a Época “Visualització és aquella tecnologia-plural (això és, disciplina) que consisteix a transformar dades en informació semàntica -o a crear eines perquè un usuari completi per si solament aquest procés- per mitjà d'una sintaxi de fronteres imprecises i en constant evolució basada en la conjunció de signes de naturalesa icònica (figuratius) amb uns altres de naturalesa arbitrària i abstracta (no figuratius)” Ignasi Alcalde Infografia www.ignasialcalde.es
  • 12. DEFINIM QUE DIU Vitaly Friedman Dissenyador i desenvolupador web freelance “ 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 avorridaper 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.” Ignasi Alcalde Infografia www.ignasialcalde.es
  • 13. DEFINIM QUE DIU Fernanda Viegas i Martin M. Wattenberg Líders de Google’s “Big Picture” data visualization group “ La visualització ideal no només ha de comunicar amb claredat, sinó que també ha d'estimular la participació i l'atenció de l'espectador” Ignasi Alcalde Infografia www.ignasialcalde.es
  • 14. DEFINIM DONCS Visualització “ 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 “conjunció de signes Ignasi Alcalde Infografia www.ignasialcalde.es
  • 15. INFOGRAFIA vs VISUALITZACIÓ Infografia Vs Visualització “Alguns especialistes marquen una frontera entre aquestes dues disciplines, basada en el fet que, suposadament, la infografia consisteix a presentar informació per mitjà de gràfics estadístics, mapes i esquemes, mentre que la visualització es basa en la creació d’eines visuals (estàtiques i interactives) que un públic pugui fer servir per explorar, analitzar i estudiar conjunts complexos de dades “ 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ó. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 16. VISUALIZACIÓ http://goo.gl/4z6L9 Ignasi Alcalde Infografia www.ignasialcalde.es
  • 17. INFOGRAFIA Placeholder Ignasi Alcalde Infografia www.ignasialcalde.es
  • 18. INFOGRAFIA PROCÉS http://goo.gl/fA44z Ignasi Alcalde Infografia www.ignasialcalde.es
  • 19. INFOGRAFIA PROCÉS http://goo.gl/N9bmO Ignasi Alcalde Infografia www.ignasialcalde.es
  • 20. QUÈ FA UNA BONA INFOGRAFIA Què fa que una bona infografia? • Explica una història • Ofereix informació i connexions entre les les dades. Tipus d'Infografia • Mostra una tendència o procès • Proporciona un recurs • Compara A i B http://goo.gl/ow633 • Mostra l'evolució d’un fet o concepte • Simplifica lo complex Ignasi Alcalde Infografia www.ignasialcalde.es
  • 21. ALGUNES EINES PER 3 CREAR INFOGRAFIES Ignasi Alcalde Infografia www.ignasialcalde.es
  • 22. EINES INFOGRAFIA Piktochart: és un editor online d 'imatges dissenyat específicament per crear infografías. És gratuït encara que si l 'usuari vol tenir accés a funcionalitats més avançades ha de pagar subscripció 9,99 $ Ignasi Alcalde Infografia www.ignasialcalde.es
  • 23. PIKTOCHART Ignasi Alcalde Infografia www.ignasialcalde.es
  • 24. VISUALIZE.ME Ignasi Alcalde Infografia www.ignasialcalde.es
  • 25. VISUAL.LY Visual.ly permet generar infografies de manera gairebé instantània recolzant-se en mètriques de xarxes socials com Twitter i Facebook. És molt fàcil d'utilitzar i és a més una plataforma gratuïta i ala vegada en marketplace per infografistes.. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 26. VIZIFY Vizify és una aplicació associada a Twitter que genera infografies amb informació del perfil de l'usuari a la coneguda xarxa de microblogging: seguidors, post més retwitteajats, etc. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 27. INFOGR.AM Infogr.am acaba de realitzar el seu debut al mercat i és molt útil per crear de manera ràpida i senzilla infografies i taules interactives. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 28. EASEL.LY Easel.ly és una divertida eina per crear els teus Infographics amb un simple arrossegar i deixar anar funcions i una interfície simple Ignasi Alcalde Infografia www.ignasialcalde.es
  • 29. VENNGAGE Ignasi Alcalde Infografia www.ignasialcalde.es
  • 30. ICHARTS Ignasi Alcalde Infografia www.ignasialcalde.es
  • 31. DIPITY Ignasi Alcalde Infografia www.ignasialcalde.es
  • 32. FLUXVFX Fluxvfx és una eina per crear infografia en format vídeo. En After effects Disposa d'una àmplia selecció de plantilles i és accessible a l'usuari amb quotes de subscripció des de 25 dòlars al mes. https://www.fluxvfx.com/ho w-it-works/ http://vimeo.com/marissajoy ner/infographicstemplate Ignasi Alcalde Infografia www.ignasialcalde.es
  • 33. WORDLE Wordle és una manera simple i senzilla de crear visualitzacions atractives de grups de paraules. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 34. TAXEDO Tagxedo és una eina que transforma una sèrie de paraules predeterminades en núvols de tags visualment molt atractives. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 35. CREATELY Creately és una eina que permet a l'usuari crear diagrames i taules professionals prenent com a base diverses plantilles. Serveix com a pas previ de Ignasi Alcalde Infografia www.ignasialcalde.es
  • 36. MÉS INFORMACIÓ? 4 WEBS A CONSIDERAR Ignasi Alcalde Infografia www.ignasialcalde.es
  • 37. WEBS Visualització o Information is beutiful http://www.informationisbeautiful.net/ o Visual Complexity http://www.visualcomplexity.com o Flowing data http://flowingdata.com/ o Data Visualization http://datavisualization.ch/ o Creative Applications http://www.creativeapplications.net/ Infografia o Daily Infographic http://dailyinfographic.com/ o Cool Infographics http://www.coolinfographics.com/ o Infografistas http://infografistas.blogspot.com.es/ o Infographics Showcase http://www.infographicsshowcase.com/ o Inforgraphic Labs http://infographiclabs.com/ Ignasi Alcalde Infografia www.ignasialcalde.es
  • 38. LLIBRES Introducció Infografia Cassos i exemples Ignasi Alcalde Infografia www.ignasialcalde.es
  • 39. CITA Una bona infografia o visualització d’informació és una peça d’art que fa visible lo invisible. Ignasi Alcalde Infografia www.ignasialcalde.es
  • 40. CONTACTE Ignasi Alcalde www.ignasialcalde.es/blog-ia/ @ignasialcalde info@ignasialcalde.es Ignasi Alcalde Infografia www.ignasialcalde.es