Articles

14 manieren om informatie visueel te presenteren

de Client en de Infographic – een interview met SignalNoise.

Data komt overal vandaan – een interview met Jer Thorp data artist

zes Infographics waar onze ontwerpers dol op zijn-enkele prachtige hier

Wat is een B2B Infographic? – moeilijke vragen.

veel informatie om te delen? Een infographic maken? Hier zijn 14 manieren om uw informatie visueel te organiseren, met voorbeelden en tips over wanneer ze te gebruiken.

er zijn twee manieren om te ontdekken wat de beste manier is om informatie of een verhaal visueel te presenteren:

  1. maak kennis met uw gegevens of verhaal. Hark je zen tuin, en vraag jezelf af ” hoe wil mijn gegevens eruit te zien?”
  2. ga door honderden infographics en probeer te zien of een van de betere een goede pasvorm zijn voor wat je wilt doen, of zeggen.

voor dit bericht heb ik geprobeerd om het laatste voor u te doen (als u uw zen tuin wilt cultiveren, kan ik niets voor u doen).

het proces:
ik ging naar Visual.ly (een uitstekende bron voor infographics, en de gemeenschap om hen heen) en besprak een paar honderd van de meest populaire infographics door pageviews. Deze trawl onthulde 14 visuele metaforen. Hier zal ik ze delen en voor elk een paar vragen beantwoorden:

wanneer werkt een bepaalde visuele benadering echt?

Wat is de moeite waard om in gedachten te houden, vanuit een design perspectief?

Wat zijn een paar goede voorbeelden?

the 10 + 4 Visual Conceits

een visuele anatomie of infographic biedt een geannoteerde verkenning van de inhoud van een groot en ingewikkeld object of idee. Het kan metaforisch zijn (zoals de “anatomie van een SEO” infographic hieronder) of recht (zoals de “anatomie van een perfecte Website” infographic hieronder).

wanneer gebruikt u het? Wanneer u wilt onderwijzen over iets met veel bewegende onderdelen, die niet wijd of gemakkelijk te begrijpen.

Ontwerpnotities: Hoewel ons doel is om complexiteit te illustreren en te verduidelijken, moet je de verleiding weerstaan om te gedetailleerd en expliciet te worden.enkele voorbeelden: SEOMoz Anatomy of a Search marketeer, Anatomy of a Perfect Website, the delightful Imaginary Factory series van Jing Zhang en The Brain of a Beginner Blogger van Infolinks.

tijdlijn

Deze zijn geweldig om een reeks van oorzaak en gevolg relaties of evolutie aan te tonen (of te creëren).

wanneer gebruikt u het? Wanneer verandering in de tijd is uw belangrijkste punt

ontwerp notities: Begin je laat en werk je achteruit of begin je vroeg en werk je vooruit? Over het algemeen de laatste, tenzij het punt dat je probeert te maken betreft de historische wortels van iets. Besteed aandacht aan de tijdschaal – probeer gaten en trossen te besparen.

voorbeelden: Battlefield vs. Call of Duty tijdlijn en de Inception tijdlijn (hint: Het is niet recht)

tijdlijn subgenres:
geschiedenis van … voorbeeld: geschiedenis van wekkers

evolutie van … voorbeeld: De evolutie van de Geek

taxonomie

net als dit bericht proberen we allemaal dingen te classificeren. Op een of andere manier zorgen dingen voor een geruststelling voor onze chimpansees. Hiermee kunt u ook breedte en diepte communiceren.

wanneer gebruikt u het? Als u significante en herkenbare verschillen tussen subgroepen wilt verduidelijken

ontwerp notes: gebruik dit alleen als u meerdere elementen hebt die verschillen op veel verschillende assen (als u slechts twee dingen hebt, wilt u misschien side-by-side vergelijking (hieronder) gebruiken; als slechts één as, misschien schaal (hieronder))

voorbeelden: Moeren & bouten van Chart Types en een nieuwe favoriet: de prachtige veelheid aan bier van PopCharts Labs en hun 200 Super Powers chart.

taxonomie subgenres:
Periodiek Systeem voorbeeld: het Periodiek Systeem van SEO Ranking factoren, het Periodiek Systeem van vloeken

boom voorbeeld: Eloqua Blog Tree

Map

kaarten zijn fucking geweldig. Ik hou van ze. Je kunt uitzoeken waar je bent, waar je heen gaat en waar…andere dingen zijn. Niets biedt ruimtelijke en conceptuele context zoals een kaart.

wanneer gebruikt u het? Wanneer u wilt communiceren nabijheid, afstand en richting tussen een aantal verschillende items, of datapunten.

ontwerp notes: als u betekenis in de lay-out van uw kaart kunt verpakken (dat wil zeggen, afstanden, objecten en groottes hebben allemaal betekenis), hoe beter het zal zijn.

enkele voorbeelden: Flowtown Social Networking Map, the Creative Process Map en de verbazingwekkende, interactieve Distance To Mars demonstratie door David Paliwoda en Jesse Williams.

geniet u van het bericht? Ik hoop dat je het deelt met gelijkgestemde mensen. Tweet het. LinkedIn Delen. Of het leuk vinden.

parachutes en ladders

u kent het spel – u springt naar voren en glijdt naar achteren schijnbaar bij toeval, altijd worstelen van begin tot eind. Deelnemers gaan door middel van een-deel ontwerp en een-deel kans.

wanneer gebruikt u het? Als je een proces wilt uitleggen, waarbij vrijwel iedereen op dezelfde plaats wil beginnen en eindigen (maar de route van begin tot eind is zeer variabel)

ontwerp notes: over het algemeen is er weinig discussie over de stappen langs de weg; besteed je tijd en moeite aan de sprongen vooruit en achteruit, want die zullen de meeste aandacht trekken.

voorbeelden: Credit Report 101 en Marketing Chutes and Ladders door Insightera.

ruimte is gelijk aan ruimte

Het is een van de eerste lessen van de kleuterschool: sommige dingen zijn groot, andere dingen zijn klein (maar alleen vergeleken met elkaar). De ruimte is gelijk aan space infographic plot twee of meer dingen tegen elkaar met behulp van dezelfde schaal.

wanneer gebruikt u het? Wanneer u de relatieve grootte of het aantal ongelijksoortige dingen wilt communiceren, omdat de relatie onverwacht of interessant is

ontwerp notes: vaak is het geweldig om een basislijn in te stellen, dan te vergelijken en te contrasteren met dat. Het veranderen van de basislijn kan verwarrend zijn.

een voorbeeld: Wat is kleiner dan Apple en hoe groot zijn de Game Of Thrones Dragons.

Schaal

alles in het universum, hoe uniek ook, is op een glijdende schaal – we moeten ons gewoon afvragen wat de schaal is. Bijvoorbeeld, een roze eenhoorn is op een glijdende schaal van “is een roze eenhoorn “naar” is geen roze eenhoorn ” waar de meeste dingen in het universum zijn naar het eindpunt van de tweede groep.

wanneer gebruikt u het? Wanneer u een aantal objecten wilt prioriteren of rangschikken op basis van een criterium dat uw publiek in het bijzonder zal waarderen

ontwerp notes: top-down schalen zullen de neiging hebben om de top er goed uit te laten zien, en bottom bad; side to side rankings zal niet een einde van de schaal voorkeur geven.

enkele voorbeelden: The Likability of Angry Birds, The Trustability of baarden

Side by side comparison

We kennen allemaal de basisprincipes van dit beeld uit de Classic feature table. Je begint met het selecteren van een model of voorbeeld aan de bovenkant, dan ga je naar beneden de grafiek om te zien wat dat model wel of niet heeft. Het punt van deze is eenvoudige vergelijking.

wanneer gebruikt u het? Wanneer u een beperkte hoeveelheid items die u wilt vergelijken of snel contrast.

Ontwerpnotities: Wanneer je naar twee elementen gaat, zullen deze elementen er vaak uitzien alsof ze in conflict zijn.

een voorbeeld: Geek vs.Hipster

beslissingsboom

deze kunnen fantastisch zijn als ze recht zijn, en deze kunnen fantastisch zijn als ze comic zijn. Ze zijn ontworpen om elke mogelijke omstandigheid met een passend antwoord te beantwoorden.

wanneer gebruikt u het? Beslissingsbomen zijn geweldig voor het begeleiden van mensen mentaal en visueel van een onbepaald beginpunt naar een van de vele verschillende eindpunten.

Ontwerpnotities: U moet elk punt structureren om slechts één of twee closed-end (gemakkelijk te beantwoorden) reacties te hebben, eindigen met een concrete aanbeveling en zeer snel tot een conclusie komen.

enkele voorbeelden: moet ik dat vriendschapsverzoek accepteren? Moet ik een joggingbroek aan? Moet je al wakker worden?

Venn Diagram

het Venn diagram is afkomstig van de filosoof Rudolf Venn-Herschelderferer die nooit een gevecht verloor; hij voegde gewoon een andere laag van complexiteit toe. In alle eerlijkheid, deze diagrammen gaan over het dwingen van mensen in trade-offs. Je kunt niet alles hebben, alles puur hebben en alles hebben, ooit.

wanneer gebruikt u het? Als je wilt dat mensen zien dat een situatie geen ideaal scenario heeft, maar een reeks compromissen en compromissen. Of om een Sweet Spot te tonen waar twee zones elkaar overlappen.

ontwerp notes: ik heb nog nooit een succesvol Venn-diagram gezien met meer dan max. vier grote cirkels. Dat betekent niet dat het niet mogelijk is, maar ik zeg het maar.

een voorbeeld: hoe wilt u uw grafisch ontwerp?
en er is een grote verzameling Venn diagrammen op deze Tumblr: Venn diagrammen Fuck Yeah

vind je dit bericht leuk? Deel het en we kunnen meer doen!
of bekijk onze Checklist B2B Content Marketing strategie.