klienten og infografik – en samtale med SignalNoise.

Data kommer fra hvor som helst – en samtale med Jer Thorp data artist

seks infografik, som vores designere elsker – nogle vidunderlige her

Hvad er en B2B infografik? – nogle svære spørgsmål.

masser af oplysninger at dele? At lave en infografik? Her er 14 måder at visuelt organisere dine oplysninger med eksempler og tip til, hvornår du skal bruge dem.

der er to måder at finde den bedste måde at gå om at præsentere oplysninger eller en historie visuelt:

1. få at vide dine data eller historie intimt. Rake din have, og spørg dig selv ” hvordan vil mine data se ud?”
2. gå gennem hundredvis af infografik og prøv at se, om nogen af de bedre passer godt til det, du vil gøre eller sige.

til dette indlæg har jeg forsøgt at gøre sidstnævnte for dig (hvis du vil dyrke din have, kan jeg ikke gøre noget for dig).

processen:
Jeg gik til visuel.ly (en fremragende kilde til infografik og samfundet omkring dem) og gennemgik et par hundrede af de mest populære infografik efter sidevisninger. Denne trål afslørede 14 visuelle metaforer. Her deler jeg dem og besvarer et par spørgsmål til hver:

hvornår fungerer en bestemt visuel tilgang virkelig?

Hvad er værd at huske på, fra et designperspektiv?

Hvad er nogle gode eksempler?

De 10 + 4 visuelle indbildninger

en anatomi visuel eller infografik giver en kommenteret udforskning af indholdet af et stort og kompliceret objekt eller ide. Det kan enten være metaforisk (som “anatomi af en SEO” infografik nedenfor) eller lige (som “anatomi af en perfekt hjemmeside” infografik nedenfor).

hvornår bruger du det? Hver gang du vil uddanne dig om noget med mange bevægelige bestanddele, som ikke er bredt eller let forståelige.

Design noter: Selvom vores mål er at illustrere og belyse kompleksitet, skal du modstå fristelsen til at blive for detaljeret og eksplicit.

nogle eksempler: Seomose anatomi af en søgning Marketingmedarbejder, anatomi af en perfekt hjemmeside, den dejlige imaginære fabrik serie af Jing Jang og hjernen af en nybegynder Blogger af Infolinks.

tidslinje

disse er gode til at demonstrere (eller skabe) en række Årsag og virkningsforhold eller evolution.

hvornår bruger du det? Når ændring over tid er dit vigtigste punkt

design noter: Starter du sent og arbejder baglæns, eller starter du tidligt og arbejder fremad? Generelt sidstnævnte, medmindre det punkt, du forsøger at gøre, vedrører de historiske rødder af noget. Vær opmærksom på tidsskalaen – prøv at bevare huller og klaser.

eksempler: Battlefield vs. Call of Duty tidslinje og Starttidslinjen (tip: Det er ikke lige)

tidslinje undergenrer:
Historie af… Eksempel: historie af vækkeure

udvikling af…eksempel: Udviklingen af Geek

taksonomi

ligesom dette indlæg forsøger vi alle at klassificere ting. En eller anden måde bucketisering ting sætter vores chimpanse sind på lethed. Det giver dig også mulighed for at kommunikere bredde og dybde.

hvornår bruger du det? Hvis du vil afklare væsentlige og genkendelige forskelle mellem undergrupper

Designnoter: Brug kun dette, hvis du har flere elementer, der adskiller sig på mange forskellige akser (hvis du kun har to ting, kan du bruge sammenligning side om side (nedenfor); hvis kun en akse, måske skala (nedenfor))

eksempler: Nuts & bolte af diagramtyper og en ny favorit: den storslåede mangfoldighed af øl fra PopCharts Labs og deres 200 superkræfter diagram.

taksonomi undergenrer:
Periodisk Tabel eksempel: det periodiske system af SEO Ranking faktorer, det periodiske system af Bande

træ eksempel: veltalende Blog træ

kort

kort er fucking store. Jeg elsker dem. Du kan finde ud af, hvor du er, hvor du skal hen, og hvor…andre ting er. Intet giver rumlig og konceptuel kontekst helt som et kort.

hvornår bruger du det? Når du vil kommunikere nærhed, afstand og retning mellem en række forskellige elementer eller datapunkter.

Design noter: hvis du kan pakke betydning i layoutet på dit kort (det vil sige afstande, objekter og størrelser har alle Betydning), jo bedre bliver det.

nogle eksempler: kort over sociale netværk, Det Kreative proceskort og den fantastiske, interaktive Afstand til Mars-demonstration af David Palivoda og Jesse Vilhelms.

nyder du indlægget? Jeg håber du vil dele det med ligesindede mennesker. Kvidre det. LinkedIn Del. Eller kan lide det.

Chutes and ladders

du kender spillet – du hopper frem og glider baglæns tilsyneladende tilfældigt og kæmper altid fra start til slut. Deltagerne fortsætter gennem en-delt design og en-delt chance.

hvornår bruger du det? Når du vil forklare en proces, hvor stort set alle ønsker at starte og slutte på samme sted (men ruten fra start til slut er meget variabel)

design noter: generelt er der lidt debat om trinene undervejs; brug din tid og kræfter på springene frem og tilbage, fordi de vil trække mest opmærksomhed.

eksempler: Credit Report 101 og Marketing Chutes and Ladders af Insightera.

plads er lig med plads

det er en af de første lektioner fra børnehaven: nogle ting er store, andre ting er små (men kun sammenlignet med hinanden). Rummet er lig med space infographic plotter to eller flere ting mod hinanden ved hjælp af samme skala.

hvornår bruger du det? Når du vil kommunikere den relative størrelse eller antallet af forskellige ting, fordi forholdet er uventet eller interessant

design noter: ofte er det dejligt at indstille en basislinje og derefter sammenligne og kontrastere med det. Ændring af basislinjen kan være forvirrende.

et eksempel: Hvad er mindre end Apple, og hvor stort er Game Of Thrones Dragons.

skala

alt i universet, uanset hvor unikt, er på en glidende skala – vi må bare spørge os selv, hvad skalaen er. For eksempel, en lyserød enhjørning er på en glidende skala fra “er en lyserød enhjørning” til “er ikke en lyserød enhjørning”, hvor de fleste ting i universet er mod slutpunktet for den anden gruppe.

hvornår bruger du det? Når som helst du vil prioritere eller rangere et antal objekter mod et kriterium, som dit publikum især vil lide

Design noter: Top-ned skalaer vil have tendens til at få toppen til at se godt ud og bunden dårlig; side til side placeringer giver ikke den ene ende af skalaen præference.

nogle eksempler: Angry Birds Likability, skægets troværdighed

side om side sammenligning

Vi kender alle det grundlæggende i denne visuelle fra den klassiske funktionstabel. Du starter med at vælge en model eller et eksempel øverst, derefter går du ned i diagrammet for at se, hvad den model har eller ikke har. Pointen med disse er let sammenligning.

hvornår bruger du det? Når du har en begrænset mængde elementer, som du vil sammenligne eller kontrast hurtigt.

Design noter: Når du går ned til to elementer, vil disse elementer ofte ende med at se ud som om de er i konflikt.

et eksempel: Geek vs. Hipster

Decision tree

disse kan være fantastiske, når de er lige, og disse kan være fantastiske, når de er komiske. De er designet til at besvare alle mulige omstændigheder med et passende svar.

hvornår bruger du det? Beslutningstræer er gode til at guide folk mentalt og visuelt fra et ubestemt udgangspunkt til et af mange forskellige slutpunkter.

Design noter: Du bliver nødt til at strukturere hvert punkt for kun at have et eller to lukkede (let at svare) svar, slutte med en konkret anbefaling og komme til en konklusion meget hurtigt.

nogle eksempler: skal jeg acceptere den venneanmodning?, Skal jeg bære joggebukser?, Skal du vågne op endnu?

Venn-Diagram

Venn-diagrammet kommer fra filosofen Rudolf Venn-Herschelderferer, der aldrig tabte en kamp; han tilføjede lige endnu et lag af kompleksitet. Helt ærligt, disse diagrammer handler om at tvinge folk til afvejninger. Du kan ikke have det hele, har det hele rent og har det helt, nogensinde.

hvornår bruger du det? Når du vil have folk til at se, at en situation ikke har noget ideelt scenario, men snarere en række kompromiser og kompromiser. Eller for at vise et sødt sted, hvor to områder overlapper hinanden.

Design noter: Jeg har aldrig set et vellykket Venn diagram med mere end maks. fire store cirkler. Det betyder ikke, at det ikke er muligt, men jeg siger det bare.

et eksempel: hvordan vil du have dit grafiske design?
og der er en stor samling af Venn diagrammer på denne Tumblr: Venn diagrammer Fuck Yeah

ligesom dette indlæg? Del det, og vi kan gøre mere!
eller tjek vores B2B Content Marketing strategi tjekliste.