Hur man skapar vackra diagram och infografik för dina webbplatser?

Deprecated: _usort_terms_by_ID är fasats sedan version 4.7.0! Använd istället wp_list_sort (). i /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php uppkopplad 4713


Om Internet är en sak är det visuellt.

Människor älskar snabb, lättillgänglig information och infografik ger just den typen av datavisualisering. Även komplexa data är lättare att förstå när de kombineras med ett cirkeldiagram, diagram eller fotografi.

Enligt en infographic av Top Marketing Schools har en infographic potential att nå cirka 15 miljoner människor.

Varför Infographics?

Marknadsföring, Bell Pottinger, ökade med 55% i affärsbudgetar för digitala artiklar som infografik.

I en infographic om infographics säger Unbounce att antalet personer som söker efter infographics har ökat med 800% under de senaste två åren. Med sådan statistik är det svårt att förneka att datavisualiseringar i form av infografik är ett bra innehåll / marknadsföring för webbplatser och bloggar..

Fördel # 1- Nya besökare

Genom att lägga till infografik dras nya besökare på några sätt.

  • Webbsökningar: Internetanvändare kan undersöka ämnet som din infographic är på. Om du är den enda webbplatsen som har en infographic om varför blåbär gör dig smartare så får du trafiken från alla som söker efter en infographic om det ämnet. De som söker specifikt efter bilder kan också stöta på din infographic.
  • Sociala media: Infografin från Top Marketing Schools som indikerar att ett traditionellt inlägg får cirka 75 tweets, medan en infographic får nästan 600. Eftersom människor är så mycket mer benägna att dela din infographic på Twitter än ett enkelt inlägg, är din potential att nå nya besökare via sociala media är enormt.

Nielson / Norman Group uppskattar att det genomsnittliga sidobesöket varar under en minut. Om du inte tar tag i läsarens intresse kommer hon att titta över din sida och gå vidare till nästa webbplats.

Besökare på webbplatsen är vana att bläddra efter information och nyheter. Detta är en annan anledning till att infografik fungerar så bra för att ta tag i läsarens intresse. En visuell framställning av ett intressant faktum är ett snabbare sätt att presentera information än avsnitt av text. Läsarna kan snabbt skumma din infographic, absorbera den information som behövs och kommer att stanna lite längre för att kolla vad du har att erbjuda, eller kan bokmärka din webbplats för senare användning.

Den tekniska utmaningen att servera inforografisk infografik

En annan sak att tänka på är emellertid att medan infografik ger mervärde, kan tunga bilder som tar lång tid att ladda hjälpa till att driva besökare bort. Undersökningar av Pew Internet uppskattar att den genomsnittliga besökaren förväntar sig att en sida laddas på under tre sekunder. Ju snabbare din webbplats laddas, desto bättre blir dina omvandlingsfrekvenser.

Det är ganska balansera för att se till att din webbplats erbjuder en visuellt rik upplevelse medan du fortfarande laddar blixtar snabbt. Det bästa sättet att uppnå detta är med snabba servrar och optimerade bilder. Du kommer att lägga märke till det i våra webbhotellrecensioner, vi betonar mycket på hastighet och gör ett flertal hastighetstest när vi värderar en webbhotell.

Fördel # 2- Behåll besökare

Nielson / Norman Group uppskattar att det genomsnittliga sidobesöket varar under en minut. Om du inte tar tag i läsarens intresse kommer hon att titta över din sida och gå vidare till nästa webbplats.

Besökare på webbplatsen är vana att bläddra efter information och nyheter. Detta är en annan anledning till att infografik fungerar så bra för att ta tag i läsarens intresse. En visuell framställning av ett intressant faktum är ett snabbare sätt att presentera information än avsnitt av text. Läsarna kan snabbt skumma din infographic, absorbera den information som behövs och kommer att stanna lite längre för att kolla vad du har att erbjuda, eller kan bokmärka din webbplats för senare användning.

En annan sak att tänka på är emellertid att medan infografik ger mervärde, kan tunga bilder som tar lång tid att ladda hjälpa till att driva besökare bort. Undersökningar av Pew Internet uppskattar att den genomsnittliga besökaren förväntar sig att en sida laddas på under tre sekunder. Ju snabbare din webbplats laddas, desto bättre blir dina omvandlingsfrekvenser.

Det är ganska balansera för att se till att din webbplats erbjuder en visuellt rik upplevelse medan du fortfarande laddar blixtar snabbt. Det bästa sättet att uppnå detta är med snabba webbhotell-servrar och optimerade bilder. Du kommer att märka att vi lägger stor vikt vid hastigheten i våra värdrecensioner – se till exempel A2 Hosting-recensionen eller kolla in våra andra recensioner för att se vilken webbhotell som bäst uppfyller ditt behov av hastighet.

Fördel 3 – Lägg till myndighet

50% av vår hjärna är involverad i visuell behandling (källa).

De flesta är visuella elever. NeoMam har sammanställt forskning från källor som Google Trends, Nielson och Pearson som antyder att 70 procent av sensoriska receptorer finns i ögonen och människor kan ta in och förstå en visuell scen på knappt 1/10 sekund.

Folk tenderar att tro på vad de ser eftersom de förstår det bättre. Att göra forskning och säkerhetskopiera det i din infographic kan lägga till auktoritet till ditt varumärke. Var säker på att:

  • Erbjuda solid statistik
  • Lägg till väl respekterade resurser längst ner i infografin
  • Lägg till diagram och diagram som visar statistiken på ett visuellt sätt

När du kombinerar de visuella sinnena med interaktiva funktioner, till exempel NeoMam-infografin som denna statistik kom från, fångar du inte bara läsarens intresse utan du engagerar den.

Vad märker du mer? Ser du en vanlig bild på sidan eller en som rör sig, blinkar eller kanske startar en video?

Vad gör en bra infographic?

Framöver kommer vi att undersöka några av de bästa resurserna och verktygen för datavisualisering idag. Oavsett om du är en avslappnad bloggare som helt enkelt vill skapa några vackra infografiker för varumärkesändamål eller en karriärgrafisk designer som behöver gräva djupare i detta område; Jag är säker på att du kommer att hitta det här inlägget användbart.

Informationsarkitektur

I allmänhet består en bra datavisualisering av tre huvudelement:

  1. Meningsfull data,
  2. Korrekt informationsdesign och
  3. Vacker grafik.

Tänk på att även om infografik och diagram tenderar att locka uppmärksamhet från bloggarna och sociala medieanvändare. de borde göra mer än bara marknadsföring av varumärken – Infographics och diagram antar att de levererar tråkiga och röriga data på ett användarvänligt sätt i första hand.

Innan du skapar en graf eller en infographic måste du därför 1) Organisera, filtrera och förfina dina data; 2) Bestäm hur du ska presentera dina data (aka, data visualiseringar design).

Data Mining

Ange OpenRefine – ett kraftfullt datalagringsverktyg som sparar oss från att organisera våra data rad för rad på Excel-arbetsblad. Tidigare känt som Google Refine (och Freebase Gridworks), detta verktyg hjälper användare att utforska och städa upp data, omvandla data från ett format till ett annat och utöka det med olika webbtjänster.

Om du arbetar med massiva oordnade data är OpenRefine definitivt måste ha i din verktygssats. Verktyget är för närvarande värd på GitHub, du kan besöka den här sidan för all nödvändig information och hjälp. För ytterligare uppföljning och senaste nyheter bör du också kolla in den nyligen lanserade webbplatsen på http://openrefine.org/

Datapresentation

När du är redo med dina data är det dags att bestämma hur du ska presentera dem för tittarna.

Det finns otaliga metoder för att få detta gjort: Cirkeldiagram, diagram, linjediagram, histogram, värmekarta, flödesschema, periodiska tabeller och så vidare. Var och en av dessa metoder passar perfekt för viss typ av data (och stinker dåligt om de missbrukas).

Hur ska du presentera dina data så att din statistik är vacker, iögonfallande och lätt att förstå?

I den här frågan byggde Visual Literacy en extremt praktisk periodisk tabell över alla alternativ du kan använda för att visualisera dina data (se nedan).

Observera att den periodiska tabellen visar ett antal intressanta exempel när du rullar över musen, så se till att du visar den faktiska tabellen på webbplatsen.

Periodisk tabell om datavisualisering

Om du letade efter icke-traditionella tillvägagångssätt, bör du kolla in den här fantastiska artikeln på Smashing Magazine. Inlägget publiceras för en tid sedan men ändå tycker jag att det är till stor hjälp.

Infographic och laddningsverktyg att använda

Så snart du är klar med informationsarkitektur är det dags för lite verklig produktion. Att skapa ett snyggt diagram utifrån rådata är aldrig en lätt uppgift, lyckligtvis finns det otaliga verktyg för att få jobbet gjort.

Ja, otaliga antal verktyg för datavisualisering. Det finns omfattande verktyg som genererar interaktiv grafik av komplexa data; det finns också enkla webbapplikationer som inte gör något annat än genererar enkla grafiska diagram med två axlar.

Av praktiska skäl kommer vi att titta på båda sidor och lista upp flera grafiska verktyg för både avancerade och avslappnade användare.

Advance Charting Tools

Låt oss först titta på några av förskottet.

1. ggPlot2 och R

R och ggplot2

R är ett datorspråk och en miljö för datamanipulation, beräkning och grafisk visning. ggplot2, å andra sidan, är ett plottningssystem för R som hjälper till att producera komplexa flerskiktsgrafik. HeatMap ovan är till exempel byggd med ggplot2 och R.

Om du vill lära dig R och ggplot2 är LearnR en bra blogg för vidare läsning (även om bloggen inte har uppdaterats på länge).

2. jqPlot

jqPlot

jqPlot är ett planerings- och kartläggningsprogram för jQuery Javascript-ramverket. jqPlot producerar vackra linjer, staplar och cirkeldiagram. Verktyget har några fina funktioner som att generera interaktiva poäng som kan justeras av användare i webbläsare. Det är dock värt att notera att det här verktyget inte är noggrant testat och kanske inte stöds av vissa webbläsare – nämligen Chrome och IE under 7.

3. JP-graf

JP-graf

JP Graph är ett PHP-driven kartläggningsverktyg som stöder olika plottyper. Om du skriver ett PHP-program som behöver ett diagram som skapar ett bibliotek är det något du bör undersöka. Jag skulle inte säga att JP Graph är ett enkelt verktyg för nybörjare men verktyget (eller PHP-biblioteket) är mycket användbart när du behöver generera diagram och diagram från din webbserver. JP Graph är gratis för icke kommersiellt bruk och du behöver en webbserver som stöder PHP 4.3.x eller högre.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit är ett bibliotek utvecklat av Nicolas Garcia Belmont. Biblioteket har ett brett utbud av visualiseringsval och det är helt gratis att använda.

 5. IBM Analytics (tidigare känt som många ögon)

IBM Analytics är ett gratis verktyg som gör det möjligt för en användare att skapa visualiseringar från nästan alla slags datauppsättningar.

Många ögon ligger på IBM-servrar och gör mer än bara datavisualisering – det gör det möjligt för användare att ladda upp sin egen datauppsättning och generera en ny visualiseringsmodell baserad på all data lagrad på servern.

6. Google-diagram

Google-diagram

Google Chart är gratis, kraftfullt, flexibelt och stöds av många andra verktyg för utvecklare.

Kartläggning på Google Chart är rent baserat på HTML5 / SVG-teknik; verktyget hjälper till att skapa diagram i olika format med vacker animering och interaktiva kontroller.

7. Axel

Axel

Axiis är ett ramverk för datavisualisering med öppen källkod utvecklat av Tom Gonzalez och Michael VanDaniker. Verktyget är speciellt utformat för både nybörjare och experter. Axiis tillhandahåller både förbyggda visualiseringskomponenter samt abstrakta layoutmönster och renderingsklasser som gör att du kan skapa dina egna unika visualiseringar.

Enkla infografiska verktyg för nybörjare

Visserligen behöver de flesta bloggare (jag själv ingår) inte omfattande kartverktyg ovan för sina vanliga bloggoperationer. Oftare är allt vi behöver en enkel webbapplikation eller ett enkelt verktyg för att få jobbet gjort snabbt.

Med det sagt är här listan över skapandeverktyg som kräver mycket lite inlärningsinsatser och användarvänliga.

1. Visme

visme

Visme är en DIY-plattform som gör det möjligt för användare att skapa professionella presentationer och infografik.

Mer än 350 000 individer och organisationer (inklusive användare från stora företag som IBM och Disney) använder verktyget för att kommunicera bättre genom interaktiv grafik och presentationer.

2. Venngage

Venngage är ett användarvänligt visuellt verktyg som har funnits sedan 2011. Verktyget erbjuder ett enkelt sätt att skapa infographic med en dra-och-släpp-redigerare, gratisformig duk och 1 000+ exempel och förbyggda mallar.

3. Easel.ly

Easel.ly

Easel.ly hjälper till att skapa och dela visuella data enkelt online. Webbappen kommer i ett enkelt gränssnitt med några förinställda mallar och dra-och-släpp-funktioner. Även om Easel.ly fortfarande är i beta-läge, men det har redan mer än 130 000 användarskapade bilder på sin server.

4. Vizualize.me

VIsualize.me

Vizualize.me hjälper till att skapa vackra infografik om individer (ja, därav namnet Vizualize Me). Det är ett roligt verktyg att leka med och det skapar vacker CV eller profil med bara några klick. Om du är på LinkedIn bör du verkligen prova detta – verktyget kan länka till din LinkedIn-profil och genererar fantastisk grafik baserad på dina data.

5. Hohli

Hohli

Behöver du en enkel diagrambyggare? Då är Hohli platsen att besöka. Denna webbapplikation stöder olika typer av diagram i tolv olika storlekar – alla användare måste gå är att skriva in data och designdetaljer.

6. Piktochart

Piktochart är ett mallbaserat infografiskt verktyg som hjälper icke-designers att skapa vacker grafik och diagram.

Verktyget stöder dra-och-släpp-funktioner och det ger ett brett urval i förinställda mallar, ikoner, vektorer och bilder. Om du letar efter ett enkelt grafiskt verktyg och inte har något emot att betala en liten avgift för tjänsten är Piktochart definitivt ett av dina bästa val.

Innan du börjar: Infographics Inspirations

Så är du redo att skapa några av dina egna infografik? Vänta. Vi har fortfarande lite mer att gå hit.

Här är några av de mest populära infografikerna och diagrammen som fångats från Internet.

Jag är ganska säker på att du har sett några av dem på sociala medienätverk tidigare – vilket bevisar att vacker grafik med meningsfulla datapinnar!

Det finns också skäl till varför infografikallerier är så tunga handel idag.

Genom att hänvisa till andras verk får vi lära oss vad som fungerar bra med publiken.

  • Vad är den genomsnittliga storleken för en populär infographic?
  • Vilken typ av ämne välkomnar tittarna mest?
  • Bör du inkludera så många data du kan i dina diagram?
  • Hur många punkter bör du täcka i din infografik?
  • Vad gör denna infographic populär?

Exempel på verkliga liv: typer av infographic

Det här är frågorna att ställa när du bläddrar runt i proverna.

Kaffedrycker illustrerad

Kaffedrycker illustreradKälla: lokeshdhakar.com

Fältguide för fanpojkar 

PC World Fan Boys Field GuideKälla: PC World

Det bästa ölet i Amerika 2008

Amerikas bästa ölKälla: Mikewithart.com

Periodiska tabeller över typsnitt

Typsnitt Tabell

Bailout Tracker

Bailout TrackerKälla: New York Times

Telefonens utveckling

Tidslinjen InfographicsKälla: Pow Wow Now

Kolla in graf

diagram infographicKälla: Four Square

Gräver djupare

Jag stötte på dussintals intressanta bloggar och webbplatser relaterade till vårt ämne när jag gjorde min forskning för det här inlägget. Allvarligt, det finns så mycket att läsa och lära sig och leka med! Jag visste aldrig att det finns så mycket data fritt tillgängligt om Gap Minder och Better World Flux; Jag har läst en hel del på informativa webbplatser / bloggar som UX Booth (inte helt relaterat till datavisualisering, men det finns många användbara artiklar om hur visualiseringar förbättrar webbanvändarupplevelsen), dynamiska diagram, flödande data; och jag beundrar djupt alla fantastiska verk som visas på Randys Pinterest-bräde och Chart Porn.

Om du bara börjar med datavisualisering rekommenderar jag starkt att du besöker webbplatserna och bloggarna ovan.

Om du inte har utnyttjat kraften i datavisualisering i din marknadsföringskampanj är det dags att börja.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me