Indhold
- 01. Forstå psykologien
- 02. Tilføj krydderi med rulleeffekter
- 03. Paginat for nem fordøjelse
- 04. Lad brugerne fremhæve visse områder
- 05. Skjul nogle oplysninger
- 06. Brugerdeltagelse er overbevisende
Infografik findes overalt på nettet, og de bliver mere og mere interaktive. På denne side har jeg samlet eksempler på de bedste infografik med interaktiv funktionalitet og set på, hvad der gør dem gode. På side to finder du nogle nyttige ressourcer og biblioteker, der kan hjælpe dig med at opbygge dine egne (eller se på vores opsamling af de bedste infografikværktøjer).
Hvis du opretter et nyt websted til at huse din infografik, skal du bruge en webstedsbygger og topwebhosting. Vil du gemme dine kreationer sikkert? Prøv disse cloudopbevaringsmuligheder. Eller læs videre for at finde ud af, hvordan du kan skabe et design, der virkelig engagerer dit publikum.
01. Forstå psykologien
Før du begynder at lave din interaktive infografik, er det værd at overveje, hvorfor du gør det interaktivt.
Som den geniale infografik Why Your Brave Craves Infographics forklarer, er folk visuelt kablet. Vi er alle langt mere tilbøjelige til at være villige til at læse, forstå og huske en præsentation, der inkluderer engagerende grafik. Men mens grafik uden tvivl er det mest vigtige læringsværktøj, kan de kun gå så langt.
Der er også den vitale komponent i kinetisk læring, hvorved folk bedre er i stand til at bevare information gennem en fysisk aktivitet. Så det giver meget mening, at tilføjelse af interaktivitet til det allerede potente felt af datavisualisering skal gøre en infografik endnu mere mindeværdig og effektiv.
Denne kombination af visuelle og kinetiske tilgange er det, der gør interaktiv infografik til fremtidens datavisualiseringer. Naturligvis tilskynder nogle infografiske emner simpelthen ikke brugen af interaktive elementer - men mange andre forbedres væsentligt af dem. Interaktivitet kan hjælpe med at give mening om oplysningerne, give brugeren kontrol og fange fantasien på måder, som en statisk grafik simpelthen ikke kan.
02. Tilføj krydderi med rulleeffekter
En af de mest populære typer interaktivitet kræver kun lidt rulning fra brugerne, hvilket normalt udløser animationer og overgange. Det skaber det samme behov for færdiggørelse som en jack-in-the-box; brugerne føler sig tvungne til at afslutte det, de er startet med.
Det er en fantastisk teknik til at trække seerne ind i en historie og få dem til at føle sig mere engagerede uden at overbeskatte nogen grænser for interesse. Den håndvaskende infografik ovenfor bruger både subtile og prangende animationer til at gøre rejsen gennem et temmelig tørt emne så sjovt som muligt.
Rulning kan også bruges på virkelig enkle måder med enkle fortællinger. Se for eksempel på denne iPod-kapacitetsvisualisering. Indholdet er utroligt grundlæggende, men rullefaktoren gør et fremragende stykke arbejde med at kommunikere punktet.
03. Paginat for nem fordøjelse
Din daglige dosis af vand får brugerne til at klikke igennem sider i stedet for at rulle og viser, hvordan nogle koncepter fungerer bedre med denne tilgang til flere sider.
Elementer på hver side er interaktive ud over den enkle bevægelse mellem emnerne, så ved at klikke på en ny side mere sikres det, at brugeren har tid til at fordøje en del fuldt ud, inden han går videre til den næste.
04. Lad brugerne fremhæve visse områder
Nogle af de bedste infografikker er dem, der tager en uhåndterlig mængde data og destillerer dem til en enkelt, håndterbar grafik. Men disse visualiseringer kræver ofte stadig tålmodighed og udholdenhed for at forstå. Interaktiv fremhævning af forskellige dele kan hjælpe med at minimere indledende forvirring, hvilket er vigtigt for at tiltrække og bevare den gennemsnitlige let distraherede webbruger.
Infografikken om IRS-selvangivelser ovenfor, hvor meget der går uopkrævet hvert år, kunne have vist antallet af enkeltpersoner og mængder uanvendte penge pr. Stat i et stort diagram, men med hver enkelt individuelt gør det meget mindre forvirrende.
Occupational Outlook (ovenfor), der viser procentdele af jobåbninger efter både erhverv og uddannelsesniveau, har en lignende præsentation. Men denne infografik indeholder så meget information, at den nødvendigvis blev delt den i flere forskellige sider.
Imidlertid er rollover-funktionaliteten den samme på tværs af alle sider, hvilket får oplysningerne til at føle, at det hele er et stykke. Hvis du ikke har tid eller ressourcer til at opbygge noget lige så robust, kan du ofte supplere med et par velplacerede animationer.
På en meget mere enkel måde bruger denne forretningsvejledning til immaterielle aktiver rullende animationer til at tilføje pizazz til sine ellers verdslige diagrammer og grafer, hvilket hjælper med at holde brugerens opmærksomhed igennem hele siden.
05. Skjul nogle oplysninger
En anden god måde at få brugerne til at deltage aktivt i infografikoplevelsen er at have klik eller overførsler, der tilbyder mere information. Ikke kun tilskynder dette brugerens følelse af nysgerrighed og udforskning, det giver dem også mulighed for at springe over mindre emner, der ikke er af interesse for dem, uden at afskrække dem fra at fortsætte med resten af infografikken.
I den mere komplekse ende af eksemplerne er SimpliSafe-guiden til sikkerhed i hjemmet (vist ovenfor). Der er meget mere end bare klikbare links på denne rejse gennem de forskellige lag af hjemmeforsvar, men deres inklusion giver en rigere læringsoplevelse.
06. Brugerdeltagelse er overbevisende
You vs John Paulson viser et eksempel på den type infografik, der udfylder dens oplysninger baseret på brugerens særlige dataindgange. Ved at indtaste din årsløn får du en sammenligning med det beløb, som den udenlandske erhvervsdrivende John Paulson laver på få minutter (sammen med et par andre eksempler bare for at køre til at pege hjem).
Da denne type interaktivitet kun fungerer for et mindretal af emner, er den mindre almindelig end de andre på denne liste. Det er dog sandsynligvis også det mest overbevisende, ikke kun fordi det inviterer mest brugerdeltagelse, men også fordi det bruger personlig information.
Næste side: Ressourcer, der hjælper dig med at bringe din infografik til liv