Articles

14 tapaa esittää tietoa visuaalisesti

asiakas ja infografiikka – signalnoisen Haastattelu.

Data Comes from Anywhere – Jer Thorpin datataiteilijan

Six Infographics That Our Designers Love – some wonderful ones here

What ’ s a B2B Infographic? – vaikeita kysymyksiä.

paljon tietoa jaettavaksi? Teetkö infografiikkaa? Tässä on 14 tapaa visuaalisesti järjestää tietosi, esimerkkejä ja vinkkejä, milloin niitä käytetään.

on kaksi tapaa löytää paras tapa esittää tietoa tai tarinaa visuaalisesti:

  1. Tutustu tietoihisi tai tarinaasi intiimisti. Rake zen puutarha, ja kysy itseltäsi ” mitä tietoni haluavat näyttää?”
  2. käy läpi satoja infografiikoita ja kokeile, sopiiko joku paremmista siihen, mitä haluat tehdä tai sanoa.

tähän postaukseen olen yrittänyt tehdä jälkimmäisen puolestasi (jos haluat viljellä zen-puutarhaasi, en voi tehdä sinulle mitään).

prosessi:
menin Visualiin.ly (erinomainen lähde infographics, ja yhteisö niiden ympärillä) ja arvosteli pari sataa suosituinta infographics by pageviews. Tämä trooli paljasti 14 visuaalista vertauskuvaa. Tässä jaan ne ja vastaan muutamaan kysymykseen jokaiselle:

milloin tietty visuaalinen lähestymistapa oikeasti toimii?

Mitä kannattaa pitää mielessä muotoilun näkökulmasta?

mitkä ovat muutamia hyviä esimerkkejä?

10 + 4 Visual Conceits

an anatomy visual or infographic tarjoaa selitykseksi suuren ja monimutkaisen esineen tai idean sisällön tutkimisen. Se voi olla joko metaforinen (kuten ”anatomia SEO” infographic alla) tai suora (kuten ”anatomia täydellinen Verkkosivusto” infographic alla).

milloin käytät sitä? Milloin tahansa haluat kouluttaa jotain monia liikkuvia osia, jotka eivät ole laajalti tai helposti ymmärrettävissä.

Suunnittelumuistiinpanot: Vaikka tavoitteenamme on havainnollistaa ja valaista monimutkaisuus, sinun täytyy vastustaa kiusausta saada liian yksityiskohtainen ja selkeä.

joitakin esimerkkejä: SEOMoz Anatomy of a Search Marketer, Anatomy of a Perfect Website, the delightful Imaginary Factory series by Jing Zhang ja The Brain of a Beginner Blogger by Infolinks.

Aikajana

nämä ovat loistavia osoittamaan (tai luomaan) sarjan syy-seuraussuhteita eli evoluutiota.

milloin käytät sitä? Aina kun muutos ajan myötä on tärkein asia

Suunnittelumuistiinpanot: Aloitatko myöhään ja teet töitä takaperin vai aloitatko aikaisin ja työskentelet eteenpäin? Yleensä jälkimmäinen, ellei asia, jota yrität esittää, koske jonkin historiallisia juuria. Kiinnitä huomiota aikaskaalaan-yritä säästää aukkoja ja rypäleterttuja.

Examples: Battlefield vs. Call of Duty Timeline and the Inception Timeline (vihje: it ain ’ t straight)

Timeline alalajit:
History of… example: History of Alarm Clocks

Evolution of … example: The Evolution of the Geek

Taksonomy

kuten tämä postaus, me kaikki yritämme luokitella asioita. Jotenkin se saa simpanssimme rauhoittumaan. Sen avulla voit myös kommunikoida leveys ja syvyys.

milloin käytät sitä? Jos haluat selventää merkittäviä ja tunnistettavia eroja alaryhmien välillä

Suunnittelumuistiinpanot: käytä tätä vain, jos sinulla on useita elementtejä, jotka eroavat toisistaan useilla eri akseleilla (jos sinulla on vain kaksi asiaa, voit käyttää side-by-side vertailua (alla); jos vain yksi akseli, ehkä mittakaava (alla))

esimerkkejä: Nuts & bolts of Chart Types and a new favourite: The Magnificent many of Beer by PopCharts Labs and their 200 Super Powers chart.

taksonomian alalajit:
Jaksollinen taulukko esimerkki: SEO-Rankingtekijöiden Jaksollinen järjestelmä, kiroilun Jaksollinen järjestelmä

Puuesimerkki: Eloqua Blog Tree

kartta

kartat ovat vitun mahtavia. Rakastan heitä. Voit selvittää, missä olet, minne olet menossa ja missä … muut tavarat ovat. Mikään ei tarjoa avaruudellista ja käsitteellistä kontekstia aivan kuin kartta.

milloin käytät sitä? Kun haluat kommunikoida läheisyys, Etäisyys ja suunta välillä useita eri kohteita, tai datapisteitä.

Suunnittelumuistiinpanot: jos kartan asetteluun voi pakata merkityksen (eli etäisyyksillä, kohteilla ja kooilla on kaikilla merkitys), sitä parempi se on.

joitakin esimerkkejä: Flowtownin sosiaalisen verkostoitumisen kartta, Luova Prosessikartta ja David Paliwodan ja Jesse Williamsin hämmästyttävä, interaktiivinen Etäisyys Marsiin-demonstraatio.

Nautitko pestistä? Toivon, että jaat sen samanhenkisten ihmisten kanssa. Twiittaa se. LinkedIn Jaa. Tai pitää siitä.

kourut ja tikapuut

tunnet pelin – hyppäät eteen ja liu ’ ut taaksepäin näennäisesti sattumalta, kamppaillen aina alusta loppuun. Osallistujat etenevät yksiosaisen suunnittelun ja yksiosaisen sattuman kautta.

milloin käytät sitä? Kun haluat selittää prosessin, jossa lähes kaikki haluavat aloittaa ja lopettaa samassa paikassa (mutta reitti alusta loppuun on hyvin vaihteleva)

suunnittelu toteaa: yleensä on vähän väittelyä vaiheista matkan varrella; käytä aikaa ja vaivaa hyppyihin eteen-ja taaksepäin, koska ne kiinnittävät eniten huomiota.

Examples: Credit Report 101 and Marketing Chutes and Ladders by Insightera.

avaruus on yhtä kuin avaruus

se on yksi ensimmäisistä oppitunneista päiväkodista: jotkut asiat ovat isoja, toiset pieniä (mutta vain toisiinsa verrattuina). Avaruus on yhtä kuin avaruuden infografiikka piirtää kaksi tai useampia asioita toisiaan vastaan käyttäen samaa asteikkoa.

milloin käytät sitä? Aina kun haluaa viestiä erilaisten asioiden suhteellista kokoa tai lukumäärää, koska suhde on odottamaton tai mielenkiintoinen

Design toteaa: usein on hienoa asettaa lähtötilanne, sitten vertailla ja verrata sitä. Lähtötilanteen muuttaminen voi olla hämmentävää.

esimerkki: mikä on Applea pienempi ja kuinka suuria ovat Game of Thrones-lohikäärmeet.

asteikko

kaikki maailmankaikkeudessa, vaikka kuinka ainutlaatuista, on liukuvalla asteikolla – on vain kysyttävä, mikä asteikko on. Esimerkiksi vaaleanpunainen yksisarvinen on liukuvalla asteikolla ” on vaaleanpunainen yksisarvinen ”ja” ei ole vaaleanpunainen yksisarvinen”, jossa useimmat asiat maailmankaikkeudessa ovat toisen ryhmän päätepistettä kohti.

milloin käytät sitä? Milloin tahansa haluat priorisoida tai asettaa joukon objekteja johonkin kriteeriin, josta yleisösi erityisesti pitää

Design notes: ylhäältä alaspäin vaa ’ at pyrkivät saamaan yläosan näyttämään hyvältä ja alhaalta huonolta; puolelta toiselle rankingit eivät anna asteikon toista päätä parempana.

joitakin esimerkkejä: Angry Birdsin Pidettävyys, partojen luotettavuus

rinnakkain vertailu

me kaikki tiedämme tämän visuaalisen perusasiat klassikkoominaisuustaulukosta. Aloitat valitsemalla mallin tai esimerkin ylhäältä, sitten menet kaavion alas nähdäksesi, mitä kyseinen malli tekee tai ei ole. Näiden pointti on helppo vertailu.

milloin käytät sitä? Aina kun sinulla on rajallinen määrä kohteita, joita haluat vertailla tai vertailla nopeasti.

Suunnittelumuistiinpanot: Kun mennään kahteen elementtiin, nämä elementit näyttävät usein siltä, että ne ovat ristiriidassa keskenään.

esimerkki: Geek vs. Hipster

Decision tree

nämä voivat olla fantastisia, kun ne ovat suoria, ja nämä voivat olla fantastisia, kun ne ovat koomisia. Ne on suunniteltu vastaamaan kaikkiin mahdollisiin tilanteisiin sopivalla vastauksella.

milloin käytät sitä? Päätöspuut ovat erinomaisia ohjaamaan ihmisiä henkisesti ja visuaalisesti määrittelemättömästä lähtökohdasta mihin tahansa monista eri päätepisteistä.

Suunnittelumuistiinpanot: Sinun täytyy jäsentää jokainen kohta on vain yksi tai kaksi suljettua (helppo vastata) vastauksia, päättyy konkreettinen suositus ja tulla päätökseen hyvin nopeasti.

joitakin esimerkkejä: Pitäisikö minun hyväksyä tuo kaveripyyntö? Pitäisikö käyttää verkkareita? Onko sinun pakko herätä?

Venn-Diagrammi

Venn-Diagrammi on peräisin filosofi Rudolf Venn-Herschelderferiltä, joka ei koskaan hävinnyt taistelua; hän vain lisäsi toisen monimutkaisuuden kerroksen. Rehellisesti sanottuna näissä kaavioissa on kyse ihmisten pakottamisesta kompromisseihin. Et voi saada kaikkea, kaikkea puhdasta ja kaikkea kokonaan, koskaan.

milloin käytät sitä? Kun halutaan ihmisten näkevän, että tilanteessa ei ole ideaalia skenaariota, vaan sarja kompromisseja ja kompromisseja. Tai näyttää makea kohta, jossa kaksi vyöhykettä limittyvät.

Design notes: en ole koskaan nähnyt onnistunutta Venn-diagrammia, jossa on enemmän kuin max. neljä isoa ympyrää. Se ei tarkoita, etteikö se olisi mahdollista, mutta sanon vain.

esimerkki: miten haluaisit graafisen suunnittelusi?
And there ’ s a great collection of Venn diagrams on this Tumblr: Venn diagrammit Fuck Yeah

Like this post? Jaa se ja voimme tehdä enemmän!
tai tutustu B2B Content Marketing Strategy Checklist.