Articles

14 moduri de a prezenta informații vizual

clientul și infografic – un interviu cu SignalNoise.

datele vin de oriunde – un interviu cu jer Thorp data artist

șase infografii pe care designerii noștri le iubesc – unele minunate aici

Ce este un infografic B2B? – niște întrebări dificile.

o mulțime de informații pentru a partaja? Realizarea unui infografic? Iată 14 moduri de a vă organiza vizual informațiile, cu exemple și sfaturi despre când să le utilizați.

există două moduri de a descoperi cel mai bun mod de a merge despre prezentarea informațiilor sau o poveste vizual:

  1. Ia să știu datele sau povestea ta intim. Greblați-vă grădina zen și întrebați-vă „cum vor să arate datele mele?”treceți prin sute de infografii și încercați să vedeți dacă vreuna dintre cele mai bune este potrivită pentru ceea ce doriți să faceți sau să spuneți.

pentru această postare, am încercat să o fac pe aceasta din urmă pentru tine (dacă vrei să-ți cultivi grădina zen, nu pot face nimic pentru tine).

procesul:
m-am dus la vizual.ly (o sursă excelentă pentru infographics, și comunitatea din jurul lor) și revizuite câteva sute dintre cele mai populare infographics de afișări de pagină. Acest traul a dezvăluit 14 metafore vizuale. Aici le voi împărtăși și voi răspunde la câteva întrebări pentru fiecare:

când funcționează cu adevărat o anumită abordare vizuală?

ce merită să țineți cont, din perspectiva designului?

care sunt câteva exemple bune?

cele 10 + 4 concepții vizuale

o anatomie vizuală sau infografică oferă o explorare adnotată a conținutului unui obiect sau idee mare și complicată. Poate fi fie metaforic (cum ar fi infografia „Anatomia unui SEO” de mai jos), fie drept (cum ar fi infografia „Anatomia unui site web Perfect” de mai jos).

când îl folosiți? Ori de câte ori doriți să educe despre ceva cu multe părți constitutive în mișcare, care nu sunt pe scară largă sau ușor de înțeles.

note de proiectare: Deși scopul nostru este de a ilustra și elucida complexitatea, trebuie să rezistați tentației de a deveni prea detaliat și explicit.

câteva exemple: Anatomia SEOMoz a unui Marketer de căutare, Anatomia unui site web Perfect, seria încântătoare imaginar Factory De Jing Zhang și creierul unui blogger începător de Infolinks.

cronologie

acestea sunt minunate pentru a demonstra (sau a crea) o serie de relații cauză-efect sau evoluție.

când îl folosiți? Ori de câte ori schimbarea în timp este punctul principal

note de proiectare: Începeți târziu și lucrați înapoi sau începeți devreme și lucrați înainte? În general, acesta din urmă, cu excepția cazului în care punctul pe care încercați să îl faceți se referă la rădăcinile istorice ale ceva. Acordați atenție scării de timp-încercați să păstrați golurile și ciorchinii.

Exemple: Battlefield vs. Call of Duty Timeline și Inception Timeline (indiciu :nu este drept)

cronologie sub-genuri:
Istoria… exemplu: istoria ceasurilor cu alarmă

evoluția…exemplu: Evoluția Geek

taxonomie

ca acest post, noi toți încercăm să clasifice lucruri. Cumva chestii bucketizing pune mintea noastră cimpanzeu la usurinta. De asemenea, vă permite să comunicați lățimea și adâncimea.

când îl folosiți? Dacă doriți să clarificați diferențele semnificative și recunoscute între subgrupuri

note de proiectare: utilizați acest lucru numai dacă aveți mai multe elemente care diferă pe mai multe axe diferite (dacă aveți doar două lucruri, poate doriți să utilizați comparația side-by-side (mai jos); dacă este doar o axă, poate scară (mai jos))

Exemple: Nuts & șuruburi de tipuri de diagrame și un nou favorit: multitudinea magnifică de bere de la PopCharts Labs și graficul lor de 200 de super puteri.

taxonomie sub-genuri:
tabelul Periodic exemplu: tabelul Periodic al factorilor SEO clasament, tabelul Periodic al înjurături

exemplu copac: Eloqua Blog copac

harta

hărțile sunt al naibii de mare. Îi iubesc. Poți afla unde ești, unde te duci și unde … sunt alte lucruri. Nimic nu oferă context spațial și conceptual destul ca o hartă.

când îl folosiți? Ori de câte ori doriți să comunice proximitate, Distanța și direcția între un număr de elemente diferite, sau puncte de date.

note de proiectare: dacă puteți împacheta semnificația în aspectul hărții dvs. (adică distanțele, obiectele și dimensiunile au toate sens), cu atât va fi mai bine.

câteva exemple: harta de rețele sociale Flowtown, harta procesului creativ și demonstrația uimitoare, interactivă a distanței până la Marte de David Paliwoda și Jesse Williams.

te bucuri de post? Sper că o veți împărtăși cu oameni asemănători. Tweet-l. LinkedIn Spune-le prietenilor. Sau îmi place.

jgheaburi și scări

știi jocul – Sari înainte și glisați înapoi aparent din întâmplare, întotdeauna luptă de la început până la sfârșit. Participanții continuă prin proiectarea unei părți și șansa unei părți.

când îl folosiți? Când doriți să explicați un proces, în care aproape toată lumea vrea să înceapă și să se termine în același loc (dar traseul de la început până la sfârșit este foarte variabil)

note de proiectare: în general, există puține dezbateri despre pașii de-a lungul drumului; petreceți – vă timpul și efortul pe salturi înainte și înapoi, deoarece acestea vor atrage cea mai mare atenție.

Exemple: raport de Credit 101 și Marketing jgheaburi și scări de Insightera.

spațiul este egal cu spațiul

este una dintre primele lecții de la grădiniță: unele lucruri sunt mari, altele sunt mici (dar numai în comparație unele cu altele). Spațiul este egal cu parcelele infografice spațiale două sau mai multe lucruri unul împotriva celuilalt folosind aceeași scară.

când îl folosiți? Ori de câte ori doriți să comunicați dimensiunea relativă sau numărul de lucruri disparate, deoarece relația este neașteptată sau interesantă

note de proiectare: adesea este minunat să setați o linie de bază, apoi să comparați și să contrastați cu aceasta. Schimbarea liniei de bază poate fi confuză.

Un exemplu: Ce este mai mic decât Apple și cât de mari sunt dragonii Game Of Thrones.

scară

totul în univers, indiferent cât de unic, este pe o scară glisantă – trebuie doar să ne întrebăm care este scara. De exemplu, un unicorn roz este pe o scară glisantă de la „este un unicorn roz” la „nu este un unicorn roz”, unde majoritatea lucrurilor din univers sunt spre punctul final al celui de-al doilea grup.

când îl folosiți? Oricând doriți să prioritizați sau să clasificați un număr de obiecte în funcție de un criteriu pe care publicul dvs. îl va dori în mod deosebit

note de proiectare: scalele de sus în jos vor tinde să facă partea de sus să arate bine și partea de jos rău; clasamentele laterale nu vor da un capăt al preferinței scării.

câteva exemple: Likability de Angry Birds, încrederea bărbi

Side by side comparație

știm cu toții elementele de bază ale acestui vizual din tabelul caracteristică clasic. Începeți prin selectarea unui model sau exemplu în partea de sus, apoi mergeți în jos pe diagramă pentru a vedea ce face sau nu are acel model. Punctul de acestea este ușor de comparație.

când îl folosiți? Ori de câte ori aveți o cantitate limitată de elemente pe care doriți să le comparați sau să le contrastați rapid.

note de proiectare: Când coborâți la două elemente, aceste elemente vor ajunge adesea să pară că sunt în conflict.

un exemplu: Geek vs.Hipster

arborele de decizie

acestea pot fi fantastice atunci când sunt drepte și acestea pot fi fantastice atunci când sunt comice. Ele sunt concepute pentru a răspunde la orice circumstanță posibilă cu un răspuns adecvat.

când îl folosiți? Arborii de decizie sunt excelenți pentru a ghida oamenii mental și vizual de la un punct de plecare nedeterminat la oricare dintre multe puncte finale diferite.

note de proiectare: Va trebui să structurați fiecare punct pentru a avea doar unul sau două răspunsuri închise (ușor de răspuns), încheiați cu o recomandare concretă și ajungeți la o concluzie foarte repede.

câteva exemple: ar trebui să accept acea cerere de prietenie?, Ar trebui să port pantaloni de trening?, Trebuie să te trezești încă?

Diagrama Venn

diagrama Venn provine de la filosoful Rudolf Venn-Herschelderferer care nu a pierdut niciodată o luptă; el a adăugat doar un alt strat de complexitate. Cu toată sinceritatea, aceste diagrame sunt despre forțarea oamenilor în compromisuri. Nu poți să le ai pe toate, să le ai pe toate pure și să le ai cu totul, niciodată.

când îl folosiți? Când doriți ca oamenii să vadă că o situație nu are un scenariu ideal, ci mai degrabă o serie de compromisuri și compromisuri. Sau pentru a arăta un loc dulce în care se suprapun două zone.

note de proiectare: nu am văzut niciodată o diagramă Venn de succes cu mai mult de max. patru cercuri mari. Nu înseamnă că nu e posibil, dar spun doar.

Un exemplu: cum ți-ar plăcea designul grafic?
și există o mare colecție de diagrame Venn pe acest Tumblr: Venn diagrame dracu ‘ da

ca acest post? Împărtășește-l și putem face mai mult!
sau consultați lista noastră de verificare a Strategiei de Marketing a conținutului B2B.