25 Interaktiv infografikk for designeren i deg

Siden begynnelsen av århundret har infografikk hatt en kraftig innvirkning på måten vi ser på nettmedier. Ved oppstarten var det revolusjonerende som det perfekte mediet for både å representere data og underholde publikum.

Suksessen til infografikk har utviklet seg siden den gang. For bare noen få år siden ble infografikk ekstremt populært med utbruddet av digital markedsføring og søkemotoroptimalisering.

Med deres popularitet fulgte flere endringer i måten de ble presentert på. Bare de beste av de beste ble delt på sosiale medier, noe som resulterte i høyere merkebevissthet og forbrukerengasjement.

Etter hvert som den tradisjonelle infografikken utviklet seg for å holde tritt med forbrukernes skiftende smak, brakte den verden den interaktive infografikken, som er i ferd med å bli den mest ettertraktede formen for datarepresentasjon til dags dato, og til og med gjorde noen statiske infografikker som utdaterte og irrelevante.

For å hjelpe deg med å holde deg i forkant av spillet med ditt grafiske design og lage en infografikk med potensial til å bli viral, ta en titt på denne listen over fantastisk interaktiv infografikk.

1 Eastern Tennessee fra Derby Supply Chain Solutions

Denne infografikken designet for å beskrive noen av East Tennessees historie, kultur og morsomme fakta bruker parallaksrulling for å bringe landskapet til live ettersom ulike fakta og informasjon er relatert. Det gjør det mye morsommere å lære om dette spesifikke stedet!

2 The Complete History of Social Media av AvaLaunch Media

Du visste nok ikke at menneskeslekten hadde en versjon av sosiale medier som dateres helt tilbake til 1800-tallet, gjorde du? Denne infografikken lar brukeren klikke seg gjennom ulike tidsperioder for å oppdage den lange og interessante historien til sosiale medier gjennom tidene. Evnen til å kontrollere hastigheten og rekkefølgen på informasjonen er et spennende perspektiv for forbrukere.

3 Hvordan søk fungerer fra Google

Google har sannsynligvis mer statistikk og informasjon å dele om internettbruk og -surfing enn noe annet selskap, og de deler noen av disse dataene i denne inforgrafikken som forklarer populariteten til nettsøk og hvordan de fungerer gjennom en tredelt historie som brukerne kan bla gjennom. i sitt eget tempo.

4 nettlesere og oppløsninger av Webby Monks

Denne animerte infodumpen er rett og slett morsom. Når du blar gjennom den fargerike og informasjonsfylte grafikken, vises iøynefallende grafikk som bidrar til å forbedre dataene og gjøre den pedagogiske opplevelsen mye mer underholdende.

5 The Enlightened Happy Hour: En interaktiv guide til hva du nipper til etter kolonne fem

Alle elsker happy hour, men alle kaloriene som forbrukes i den ene sittingen gjør ikke mye for midjen din. Denne infografikken bruker en barinnstilling og lar deg klikke gjennom forskjellige typer drinker for å finne ernæringsinformasjon for hver enkelt, inkludert kalorier og alkoholinnhold. Legg merke til den overbevisende naturen til det visuelle.

6 Evolution of Insight by Vision Critical

Du bryr deg kanskje ikke om historien til markedsundersøkelser, men du vil fortsatt være interessert i å se gjennom denne fengslende infografikken, som bruker dristig grafikk og en rekke sider for å dele historiene til mange innflytelsesrike mennesker og hendelser fra 1900-tallet til nå.

7 kvinners politiske rettigheter rundt om i verden fra The Guardian

Lær både om rettighetene til kvinner i ulike deler av verden og om flott interaktiv design med denne livlige infografikken. Seere kan klikke på et hvilket som helst land eller område i verden for å lære om de politiske rettighetene til kvinner der. Denne infografikken er strålende fordi skaperne presenterer store mengder informasjon, men skaperne av det visuelle presenterer det på en slik måte at brukere kan få informasjonen de ønsker uten å føle seg overveldet.

8 Sikkerhetstrusler for detaljhandel av Nuspire

Denne interaktive infografikken bruker HTML5 og en mockup av en typisk kontorplass for å vise nøyaktig hvor sårbare virksomheter er for hackere. Seerne blir henvist til å bruke mellomromstasten eller piltastene for å flytte fra en sikkerhetstrussel til en annen. Det hjelper å sende budskapet hjem, siden det visuelle viser bedrifter de svakeste fysiske stedene. Det er en trussel de virkelig kan oppleve.

9 Hvorfor du ikke bør drikke og kjøre fra sentrumsparkeringer i Leeds

Denne infografikken er inspirert i løpet av ferien når fylling og kjøring er på sitt verste. Forbrukere kan fortelle denne infografikken hvor mye de har drukket, og den vil informere dem om hvorvidt beløpet er over den lovlige grensen. Den er ledsaget av en rekke statistikker for å fremme tryggere gater.

10 Flights Interactive av The Guardian

Se små jetfly og fly krysse i luften samtidig for å se hvor ofte mennesker flyr. Den viser både de travleste tidene for flyging og også områdene som mottar mest flytrafikk. Det er en fascinerende datarepresentasjon, for å si det mildt, som oppmuntrer til personlig utforskning gjennom dataene.

11 13 grunner til at hjernen din har lyst på infografikk fra NeMam Studios

I tilfelle du har glemt hvorfor infografikk er så vellykket, vil denne animerte grafikken minne deg på. Med lyse farger, parallaksrulling og akkurat passe mengde grafisk bevegelse holder denne visuelle + seerne underholdt og informert til slutten.

12 Mapping the Dead: Gun Deaths Since Sandy Hook av The Huffington Post

Denne nøkterne grafikken viser de vanligste områdene for våpendødsfall i USA siden skytingen på Sandy Hook grunnskolen. Temaet for infografikken er trist, men presentasjonen er genial for å få frem budskapet.

13 Dribling: Hva brukes den til? av Dribbble LLC

Nesten hvert eneste element i denne HTML5-infografikken kommer til live når du flytter markøren rundt for å vise et annet element av hvordan du bruker Dribble. Selv om mye av informasjonen i denne grafikken kan være mer spesifikk, gjør bruken av animasjon det ekstremt enkelt og spennende å få tilgang til innholdet.

14 Hvordan en bilmotor fungerer fra Animagraffs

Denne infografikken treffer spikeren rett på hodet med grafikken, siden det å forstå hvordan en bilmotor fungerer er virkelig noe du må se i aksjon. den forklarer i sakte film hvordan motoren kommer til live med en serie grafikk som viser hva hver motordel gjør.

15 Hvor mange husstander er som dine? fra The New York Times

Hvis du noen gang har lurt på om husholdningssituasjonen din er unik, vil dette interaktive bildet gi deg svaret. Brukeren kan velge en rekke alternativer av familiestørrelser og situasjoner for å lære hvordan resten av landet matcher. Det er ikke så oppdatert som det kunne vært, men det er fortsatt en utmerket representasjon av den riktige måten å bruke animert grafikk på.

16 Bildelingens lyse fremtid

Når du ser på denne infografikken, kan du hoppe inn i en liten grønn bil og sykle i ditt eget tempo for å oppdage hvordan bildeling skal endre seg gjennom årene. Det er mer enn én måte å samhandle med denne infografikken på. Du kan bla fra side til side for å flytte bilen eller holde musepekeren over visse elementer i det visuelle bildet for å få mer informasjon. Flere former for interaksjon er ekstremt effektive for å holde seerne engasjert fra begynnelse til slutt.

17 True Fish Tales av United Marine

Denne nettsiden er en fiskers drøm. Ikke bare avslører den noen av de beste fiskefiskene i alle områder, men den deler også historiene til de som har taklet den største rovfisken og vunnet. Det er lett å flytte fra et informasjonspunkt til et annet, og de store fiskefortellingene er fengslende.

18 Hungry Tech Giants fra Simply Business

Denne infografikken sammenligner veksten til fem store teknologiselskaper. Den viser både veksttidspunktet og beløpet hver virksomhet tjente. Hvis du klikker på hvert selskapsikon, vil det føre deg til en side om den økonomiske tilstanden til hvert selskap, som er en veldig effektiv måte å formidle mye informasjon på samtidig som det visuelle integriteten opprettholdes.

19 Utviklingen av nettet

Ta en titt på hvordan denne grafikken sakte beveger seg fra begynnelsen av internett til der vi er i dag. Den enkle begynnelsen som fører til en mer kompleks tilstand viser effektivt hvor stort og utbredt internett har blitt på bare 20 korte år. For å toppe det hele kan brukeren velge mellom flere språk.

20 Evolution of Social Collaboration av Autodesk 360

Ta en spasertur nedover gaten fra 1950-tallet til i dag og lær om noen av de mest innflytelsesrike samarbeidspartnerne. Brukeren kan klikke seg gjennom hver tidsperiode og utforske historien når det passer seg. Infografikken holder seeren engasjert til slutten der selskapet avslører sin oppfordring til handling. En annen representasjon av en grafikk som effektivt kan konvertere et publikum.

21 Koble til: Hvordan småbedrifter bruker teknologi fra Good Infograhpics

En av de største utfordringene med infografikk er å presentere et høyt volum av informasjon uten å overvelde publikum. Dette visuelle gjør akkurat det uten problemer, og lar besøkende klikke seg gjennom infografikken for å lese gjennom dataene. Det visuelle er både attraktivt og informativt, og fører leseren til en logisk konklusjon.

22 Evolution of the Games Console fra Design by Soap

Se hvor mye en spillkonsoll bygget i 1972 kostet da sammenlignet med nå. Det visuelle tar deg fra ett år til det neste, og viser hver konsoll som ble opprettet, året den ble laget og kostnadene da og nå. Hver konsollside har et sted hvor brukere av infografikken kan lese mer informasjon om den enkelte konsollen.

23 episke reiser fra Console Gaming av Butler’s Bingo

Spillere overalt elsker denne infografikken som deler litt innsiktsfull informasjon om forskjellige populære videospill. Du kan velge mellom flere forskjellige spill og finne informasjon om handlingen og oppdragene i spillet. Det er enkelt å klikke seg gjennom og nyte informasjonen som presenteres. Det er den perfekte infografikken for selskaper som ønsker å appellere til forbrukernes indre geek.

24 Begynnelsen forklart av Togethera

Husker du filmen Inception fra 2010 med Leonardo DiCaprio og Joseph Gordon-Levitt? Det er mildt sagt oppsiktsvekkende. Hvis du er en av de mange som hadde vanskelig for å holde tritt med hele konseptet med begynnelsen og hvordan karakterene gikk fra et stadium til det neste, er denne infografikken for deg. Enda viktigere er at denne infografikken er et godt eksempel på hvordan man kan fortelle en historie med parallaksetaktikker.

25 Obligasjon: Førerkort

Denne infografikken har noe for enhver smak. For bilfans viser den noen av de kuleste bilene gjennom Bond-filmenes historie. For Bond-fanatikere viser den litt om hver Bond-film som er laget (inkludert den som ikke har kommet ut ennå). Og for designere viser den en eksepsjonell måte å holde publikum fanget fra begynnelse til slutt med denne interaktive visualiseringen.

Hvert av disse eksemplene tilbyr noe å lære om vellykket infografisk design. Når du studerer hver av disse grafikkene, vil du finne ting du synes er strålende og ting som ikke fungerer så vellykket. Uansett vil det bidra til å gi deg inspirasjonen du trenger for effektiv grafisk design i 2015.