25 interaktiv infografik för designern i dig
Sedan början av seklet har infografik haft en kraftfull inverkan på hur vi ser på webbmedia. Vid starten var det revolutionerande som det perfekta mediet för att både representera data och underhålla publiken.
Framgången för infographics har utvecklats sedan den tiden. För bara några år sedan blev infografik extremt populärt med utbrottet av digital marknadsföring och sökmotoroptimering.
Med deras popularitet följde flera förändringar i hur de presenterades. Endast det bästa av det bästa delades på sociala medier, vilket resulterade i högre varumärkesmedvetenhet och konsumentengagemang.
När den traditionella infografiken utvecklades för att hålla jämna steg med konsumenternas föränderliga smaker, gav den världen den interaktiva infografiken, som håller på att bli den mest eftertraktade formen av datarepresentation hittills, vilket till och med gjorde en del statisk infografik som föråldrad och irrelevant.
För att hjälpa dig ligga steget före spelet med din grafiska design och skapa en infografik med potential att bli viral, ta en titt på den här listan med fantastisk interaktiv infografik.
1 Eastern Tennessee från Derby Supply Chain Solutions
Denna infografik designad för att beskriva några av East Tennessees historia, kultur och roliga fakta använder parallax-rullning för att ge landskapet liv eftersom olika fakta och information är relaterade. Det gör det mycket roligare att lära sig om denna specifika plats!
2 Sociala mediers fullständiga historia av AvaLaunch Media
Du visste förmodligen inte att människosläktet hade en version av sociala medier som går tillbaka till 1800-talet, eller hur? Denna infografik låter användaren klicka sig igenom olika tidsperioder för att upptäcka sociala mediers långa och intressanta historia genom tiderna. Möjligheten att kontrollera informationens hastighet och ordning är ett spännande perspektiv för konsumenterna.
3 Så fungerar sökning från Google
Google har förmodligen mer statistik och information att dela om internetanvändning och surfning än något annat företag, och de delar en del av den informationen i denna informationsgrafik som förklarar populariteten för webbsökningar och hur de fungerar genom en tredelad berättelse som användare kan bläddra igenom i sin egen takt.
4 webbläsare och resolutioner av Webby Monks
Den här animerade infodumpen är helt enkelt rolig. När du bläddrar igenom den färgglada och informationsspäckade grafiken visas iögonfallande grafik för att förbättra data och göra den pedagogiska upplevelsen mycket mer underhållande.
5 The Enlightened Happy Hour: En interaktiv guide till vad du läppjar av kolumn fem
Alla älskar happy hour, men alla kalorier som konsumeras i det ena sittandet gör inte mycket för din midja. Denna infografik använder en barinställning och låter dig klicka dig igenom olika typer av drycker för att upptäcka näringsinformation för var och en, inklusive kalorier och alkoholhalt. Lägg märke till den övertygande karaktären hos det visuella.
6 Evolution of Insight genom Vision Critical
Du kanske inte bryr dig om historien om marknadsundersökningar, men du kommer fortfarande att vara intresserad av att titta igenom denna fängslande infografik, som använder fet grafik och en mängd olika sidor för att dela berättelser om många inflytelserika personer och händelser från 1900-talet fram till nu.
7 kvinnors politiska rättigheter runt om i världen från The Guardian
Lär dig både om kvinnors rättigheter i olika delar av världen och om fantastisk interaktiv design med denna livliga infografik. Tittarna kan klicka på valfritt land eller region i världen för att lära sig om kvinnors politiska rättigheter där. Den här infografiken är lysande eftersom skaparna presenterar stora mängder information, men skaparna av det visuella presenterar det på ett sådant sätt att användare kan få den information de vill ha utan att känna sig överväldigade.
8 säkerhetshot för detaljhandeln av Nuspire
Denna interaktiva infografik använder HTML5 och en mockup av en typisk kontorsyta för att visa exakt hur sårbara företag är för hackare. Tittarna uppmanas att använda mellanslagstangenten eller piltangenterna för att flytta från ett säkerhetshot till ett annat. Det hjälper till att driva meddelandet hem, eftersom det visuella visar företagen de svagaste fysiska platserna. Det är ett hot de verkligen kan uppleva.
9 Varför du inte bör dricka och köra från Town Centre Car Parks i Leeds
Den här infografiken är inspirerad under semestern när rattfylleri är som värst. Konsumenter kan berätta för denna infografik hur mycket de har druckit, och den kommer att informera dem om huruvida den mängden överskrider den lagliga gränsen eller inte. Den åtföljs av en rad statistik för att främja säkrare gator.
10 Flights Interactive av The Guardian
Titta på små jetplan och flygplan kors och tvärs i luften samtidigt för att se hur ofta människor flyger. Den visar både de mest trafikerade tiderna för flygning och även de områden som tar emot mest flygtrafik. Det är en minst sagt fascinerande datarepresentation som uppmuntrar till personlig utforskning genom datan.
11 13 skäl till varför din hjärna längtar efter infografik från NeMam Studios
Om du har glömt varför infografik är så framgångsrik, kommer denna animerade grafik att påminna dig. Med ljusa färger, parallaxrullning och precis rätt mängd grafisk rörelse håller denna visuella + tittarna underhållning och information till slutet.
12 Mapping the Dead: Gun Deaths Since Sandy Hook av The Huffington Post
Den här nyktra grafiken visar de vanligaste områdena för vapendöd i USA sedan skottlossningen på Sandy Hook elementary. Ämnet för infografiken är sorgligt, men presentationen är lysande för att få fram budskapet.
13 Dribbling: Vad används det till? av Dribbble LLC
Nästan varje element i denna HTML5-infografik kommer till liv när du flyttar runt markören för att visa ett annat element i hur du använder Dribble. Även om mycket av informationen i den här bilden kan vara mer specifik, gör användningen av animation det extremt enkelt och spännande att komma åt innehållet.
14 Hur en bilmotor fungerar från Animagraffs
Den här infografiken slår spiken på huvudet med sin grafik, eftersom att förstå hur en bilmotor fungerar verkligen är något du måste se i aktion. den förklarar i slow motion hur motorn kommer till liv med en serie grafik som visar vad varje motordel gör.
15 Hur många hushåll är som dina? från New York Times
Om du någonsin undrat om din hushållssituation är unik, kommer denna interaktiva bild att ge dig svaret. Användaren kan välja en mängd olika alternativ för familjestorlekar och situationer för att lära sig hur resten av landet matchar. Det är inte så aktuellt som det skulle kunna vara, men det är fortfarande en utmärkt representation av det rätta sättet att använda animerad grafik.
16 Bildelningens ljusa framtid
När du tittar på denna infografik får du hoppa in i en liten miljöbil och åka i din egen takt för att upptäcka hur bildelning är tänkt att förändras genom åren. Det finns mer än ett sätt att interagera med denna infografik. Du kan bläddra från sida till sida för att flytta bilen eller föra muspekaren över vissa element i bilden för att få mer information. Flera former av interaktion är extremt effektiva för att hålla tittarna engagerade från början till slut.
17 True Fish Tales av United Marine
Denna webbplats är en fiskares dröm. Den avslöjar inte bara några av de premiärvisa fiskarna i varje område, utan den delar också berättelserna om dem som har tagit sig an den största rovfisken och vunnit. Det är lätt att flytta från en informationsplats till en annan, och de stora fisksagorna är fängslande.
18 Hungry Tech Giants från Simply Business
Denna infografik jämför tillväxten för fem stora teknikföretag. Den visar både tidpunkten för tillväxt och hur mycket varje företag tjänade. Om du klickar på varje företagsikon kommer det att leda dig till en sida om varje företags ekonomiska ställning, vilket är ett mycket effektivt sätt att förmedla mycket information samtidigt som det visuella integriteten bibehålls.
19 Webbens utveckling
Ta en titt på hur den här grafiken långsamt rör sig från början av internet till där vi är idag. Den enkla början som leder till ett mer komplext tillstånd visar effektivt hur stort och utbrett internet har blivit på bara 20 korta år. Till råga på allt kan användaren välja mellan flera språk.
20 Evolution of Social Collaboration av Autodesk 360
Ta en promenad längs gatan från 1950-talet till nutid och lär dig om några av de mest inflytelserika partnerna i samarbetet. Användaren kan klicka sig igenom varje tidsperiod och utforska historien på egen hand. Infografiken håller tittaren engagerad till slutet där företaget avslöjar sin uppmaning till handling. En annan representation av en grafik som effektivt kan konvertera en publik.
21 Plugga in: Hur småföretag använder teknik från bra infografik
En av de största utmaningarna med infografik är att presentera en stor mängd information utan att överväldiga publiken. Den här bilden gör just det utan problem, vilket gör att besökaren kan klicka sig igenom infografiken för att läsa igenom data. Det visuella är både attraktivt och informativt, vilket leder läsaren till en logisk slutsats.
22 Evolution of the Games Console från Design by Soap
Se hur mycket en spelkonsol byggd 1972 kostade då jämfört med nu. Det visuella tar dig från ett år till ett annat, och visar varje skapad konsol, vilket år den gjordes och kostnaden då och nu. Varje konsolsida har en plats där användare av infografiken kan läsa mer information om den enskilda konsolen.
23 episka resor från Console Gaming av Butler’s Bingo
Spelare överallt älskar denna infografik som delar lite insiktsfull information om olika populära videospel. Du kan välja mellan flera olika spel och upptäcka information om handlingen och uppdragen i spelet. Det är lätt att klicka sig igenom och njuta av informationen som presenteras. Det är den perfekta infografiken för företag som vill tilltala konsumenternas inre nörd.
24 Inledning förklaras av Togethera
Kommer du ihåg filmen Inception från 2010 med Leonardo DiCaprio och Joseph Gordon-Levitt? Det är minst sagt häpnadsväckande. Om du är en av många som hade svårt att hänga med i hela konceptet med starten och hur karaktärerna gick från ett stadium till nästa, är denna infografik för dig. Ännu viktigare är att denna infografik är ett bra exempel på hur man berättar en historia med parallaxtaktik.
25 Säkerhet: Körkort
Denna infografik har något för alla. För bilfans visar den några av de coolaste bilarna genom Bond-filmernas historia. För Bond-fanatiker visar den lite om varje Bond-film som görs (inklusive den som inte har kommit ut ännu). Och för designers visar det ett exceptionellt sätt att hålla din publik fängslad från början till slut med denna interaktiva bild.
Vart och ett av dessa exempel erbjuder något att lära sig om framgångsrik infografisk design. När du studerar var och en av dessa bilder kommer du att hitta saker du tycker är lysande och saker som inte fungerar så framgångsrikt. Hur som helst kommer det att hjälpa dig att ge dig den inspiration du behöver för effektiv grafisk design under 2015.