Hvordan lage vakre diagrammer og infografikk for nettstedene dine?

avviklet: _usort_terms_by_ID er avskrevet siden versjon 4.7.0! Bruk wp_list_sort () i stedet. i /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php på nett 4713


Hvis Internett er en ting, er det visuelt.

Folk elsker rask, lett tilgjengelig informasjon og infografikk gir akkurat den typen datavisualisering. Til og med komplekse data er lettere å forstå når de kombineres med et kakediagram, graf eller fotografi.

I følge en infographic fra Top Marketing Schools, har en infographic potensial til å nå rundt 15 millioner mennesker.

Hvorfor infografikk?

Markedsføringsselskapet Bell Pottinger, økte 55% i forretningsbudsjetter for digitale artikler som infografikk.

I en infografikk om infografikk uttaler Unbounce at antall personer som søker etter infografikk har hatt en økning på 800% de siste to årene. Med statistikk som det er det vanskelig å benekte at datavisualiseringer i form av infografikk er et godt innhold / markedsføring for nettsteder og blogger..

Fordel nr. 1 – nye besøkende

Å legge til infografikk trekker nye besøkende på et par måter.

  • Nettsøk: Internett-brukere kan undersøke emnet infografikken din er i. Hvis du er det eneste nettstedet som har en infographic om hvorfor blåbær gjør deg smartere, vil du få trafikken fra alle som søker etter en infografikk om det emnet. De som søker spesielt etter bilder kan også komme over infografien din.
  • Sosiale medier: Infografien fra Top Marketing Schools indikerer at et tradisjonelt innlegg får rundt 75 tweets, mens en infographic får nesten 600. Siden folk er så mye mer sannsynlig å dele infografien din på Twitter enn et enkelt innlegg, er potensialet ditt for å nå nye besøkende via sosiale media er enormt.

Nielson / Norman Group anslår at det gjennomsnittlige sidebesøket varer under et minutt. Med mindre du tar tak i leserens interesse, vil hun kikke over siden din og gå videre til neste side.

Besøkende på siden er for vane å bla for informasjon og nyheter. Dette er en annen grunn til at infografikk fungerer så bra for å fange leserens interesse. En visuell fremstilling av et interessant faktum er en raskere måte å presentere informasjon på enn avsnitt av tekst. Leserne kan raskt skumme opp infografien din, absorbere den informasjonen du trenger, og vil holde seg litt lenger for å sjekke ut hva annet du har å tilby, eller kan bokmerke nettstedet ditt for senere bruk.

Den tekniske utfordringen med å servere informasjonsrik infografikk

En annen ting du må huske på er imidlertid at mens infografikk tilfører verdi, kan tunge bilder som tar lang tid å laste tjene til å fjerne besøkende. Undersøkelser fra Pew Internet anslår at den gjennomsnittlige besøkende besøkende forventer at en side skal lastes inn under tre sekunder. Jo raskere nettstedet lastes, jo bedre blir konverteringsfrekvensene.

Det er ganske balansegangen å sørge for at nettstedet ditt tilbyr en visuelt rik opplevelse mens du fremdeles laster lynet raskt. Den beste måten å oppnå dette på er med raske servere og optimaliserte bilder. Du vil legge merke til det i våre anmeldelser om webhotell, vi legger vekt på hastighet og gjør en rekke hastighetstester når vi vurderer en webvert.

Fordel nr. 2- Behold besøkende

Nielson / Norman Group anslår at det gjennomsnittlige sidebesøket varer under et minutt. Med mindre du tar tak i leserens interesse, vil hun kikke over siden din og gå videre til neste side.

Besøkende på siden er for vane å bla for informasjon og nyheter. Dette er en annen grunn til at infografikk fungerer så bra for å fange leserens interesse. En visuell fremstilling av et interessant faktum er en raskere måte å presentere informasjon på enn avsnitt av tekst. Leserne kan raskt skumme opp infografien din, absorbere den informasjonen du trenger, og vil holde seg litt lenger for å sjekke ut hva annet du har å tilby, eller kan bokmerke nettstedet ditt for senere bruk.

En annen ting du må huske på er imidlertid at mens infografikk tilfører verdi, kan tunge bilder som tar lang tid å laste tjene til å fjerne besøkende. Undersøkelser fra Pew Internet anslår at den gjennomsnittlige besøkende besøkende forventer at en side skal lastes inn under tre sekunder. Jo raskere nettstedet lastes, jo bedre blir konverteringsfrekvensene.

Det er ganske balansegangen å sørge for at nettstedet ditt tilbyr en visuelt rik opplevelse mens du fremdeles laster lynet raskt. Den beste måten å oppnå dette på er med raske webhotellservere og optimaliserte bilder. Du vil legge merke til at vi vektlegger mye på hastighet i våre vertsomtaler – se for eksempel A2 Hosting-gjennomgang eller sjekk ut våre andre anmeldelser for å se hvilken webhotell som best oppfyller ditt behov for hastighet.

Fordel nr. 3 – Legg til autoritet

50% av hjernen vår er involvert i visuell prosessering (kilde).

De fleste er visuelle elever. NeoMam har samlet forskning fra kilder som Google Trends, Nielson og Pearson som antyder at 70 prosent av sensoriske reseptorer er lokalisert i øynene, og folk kan ta inn og forstå en visuell scene i underkant av 1/10 sekund..

Folk har en tendens til å tro på det de ser fordi de forstår det bedre. Å undersøke og sikkerhetskopiere det i infografien din kan gi autoritet til merkevaren din. Sørg for å:

  • Tilby solid statistikk
  • Legg til respekterte ressurser nederst i infografien
  • Legg til grafer og diagrammer som viser statistikken på en visuell måte

Når du kombinerer visuelle sanser med interaktive funksjoner, for eksempel NeoMam-infografikken som denne statistikken kom fra, fanger du ikke bare leserens interesse, men du engasjerer den.

Hva merker du mer? Ser du en vanlig grafikk på siden eller en som beveger seg, blinker eller kanskje starter en video?

Hva gjør en god infographic?

Fremover vil vi se på noen av de beste ressursene og verktøyene for datavisualisering i dag. Uansett om du er en tilfeldig blogger som ganske enkelt vil lage noen vakre infografikker for merkevarebygging eller en karrieregrafiker som trenger å grave dypere i dette feltet; Jeg er sikker på at du vil finne dette innlegget som nyttig.

Informasjonsarkitektur

Generelt består et godt stykke datavisualisering av tre hovedelementer:

  1. Meningsfulle data,
  2. Riktig informasjonsdesign, og
  3. Vakker grafikk.

Husk at selv om infografikk og diagrammer har en tendens til å tiltrekke seg oppmerksomhet fra bloggerne og brukere av sosiale medier; de burde gjøre mer enn bare markedsføring av merkevarer – Infografikk og diagrammer antar å levere kjedelige og rotete data på en brukervennlig måte i utgangspunktet.

Før du oppretter en graf eller en infographic, må du derfor 1) organisere, filtrere og avgrense dataene dine; 2) Bestem deg for hvordan du skal presentere dataene dine (aka, data visualisering design).

Datautvinning

Skriv inn OpenRefine – Et kraftig data mining-verktøy som redder oss fra å organisere dataene våre rad for rad på Excel Worksheet. Tidligere kjent som Google Refine (og Freebase Gridworks), hjelper dette verktøyet brukere med å utforske og rydde opp data, transformere dataene fra ett format til et annet og utvide det med forskjellige webtjenester.

I tilfelle du jobber med massiv uordnet data, er OpenRefine absolutt må ha i verktøysettet ditt. Verktøyet er for øyeblikket vert på GitHub, du kan besøke denne siden for all nødvendig informasjon og hjelp. For ytterligere oppfølging og siste nytt, bør du også sjekke ut det nylig lanserte nettstedet på http://openrefine.org/

Datapresentasjon

Når du er klar med dataene dine, er det på tide å bestemme hvordan du skal presentere dem for seerne.

Det er utallige tilnærminger for å få dette til: Kakediagram, diagram, linjediagram, histogrammer, varmekart, flytskjema, periodiske tabeller og så videre. Hver av disse tilnærmingene passer perfekt for en viss type data (og stinker dårlig hvis den misbrukes).

Hvordan skal du presentere dataene dine, slik at statistikken din er vakker, iøynefallende og lett å forstå?

I denne saken bygde Visual Literacy en ekstremt hendig periodisk tabell med alle alternativene du kan bruke for å visualisere dataene dine (se nedenfor).

Vær oppmerksom på at den periodiske tabellen viser en rekke interessante eksempler når du ruller over musen, så pass på at du ser den faktiske tabellen på nettstedet.

Periodisk oversikt over datavisualisering

I tilfelle du lette etter ikke-tradisjonelle tilnærminger, bør du sjekke ut denne fantastiske artikkelen på Smashing Magazine. Innlegget er publisert for en tid tilbake, men jeg synes det er veldig nyttig.

Infografiske og ladeverktøy du kan bruke

Så snart du er ferdig med informasjonsarkitektur, er det på tide med litt ekte produksjon. Å lage et pent diagram ut fra rådata er aldri en lett oppgave, heldigvis finnes det utallige verktøy for å få jobben gjort.

Ja, utallige antall verktøy for datavisualisering. Det er omfattende verktøy som genererer interaktiv grafikk ut av komplekse data; det er også enkle webapplikasjoner som ikke gjør annet enn å generere enkle 2-aksede linjediagrammer.

Av praktiske grunner skal vi se på begge sider og liste ut flere grafiske verktøy for både forhåndsbrukere og tilfeldige brukere.

Forhåndsdiagramverktøy

La oss først se på noen av forhåndsartiklene.

1. ggPlot2 og R

R og ggplot2

R er et dataspråk og et miljø for datamanipulering, beregning og grafisk visning. ggplot2 er derimot et plottingssystem for R som hjelper til med å produsere kompleks flerlags grafikk. HeatMap ovenfor, for eksempel, er bygget med ggplot2 og R.

Hvis du er opptatt av å lære R og ggplot2, er LearnR en flott blogg for videre lesning (selv om bloggen ikke har blitt oppdatert på noen tid).

2. jqPlot

jqPlot

jqPlot er et plotte- og kartleggingsplugin for jQuery Javascript-rammeverket. jqPlot produserer vakre linjer, stolper og kakediagrammer. Verktøyet har noen fine funksjoner som å generere interaktive poeng som kan justeres av brukere på nettlesere. Det er imidlertid verdt å merke seg at dette verktøyet ikke er grundig testet og kanskje ikke støttes av visse nettlesere – nemlig Chrome og IE under 7.

3. JP-graf

JP Graph

JP Graph er et PHP-drevet kartverktøy som støtter forskjellige plottyper. I tilfelle du skriver et PHP-program som trenger et diagram som lager bibliotek, er dette noe du bør se nærmere på. Jeg vil ikke si JP Graph er et enkelt verktøy for det første, men verktøyet (eller PHP-biblioteket) er veldig nyttig når du trenger å generere grafer og diagrammer fra webserveren. JP Graph er gratis for ikke-kommersiell bruk, og du trenger en webserver som støtter PHP 4.3.x eller nyere.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit er et bibliotek utviklet av Nicolas Garcia Belmont. Biblioteket har et bredt spekter av visualiseringsvalg, og det er helt gratis å bruke.

 5. IBM Analytics (tidligere kjent som Many Eyes)

IBM Analytics er et gratis verktøy som gjør det mulig for en bruker å lage visualiseringer fra nesten alle slags datasett.

Mange Eyes, som er hostet på IBM-servere, gjør mer enn bare datavisualisering – det lar brukerne laste opp sitt eget datasett i tillegg til å generere en ny visualiseringsmodell basert på data lagret på serveren..

6. Google Chart

Google Chart

Google Chart er gratis, kraftig, fleksibelt og støttes av mange andre utviklerverktøy.

Kartlegging på Google Chart er rent basert på HTML5 / SVG-teknologi; verktøyet hjelper deg med å lage diagrammer i forskjellige formater med vakker animasjon og interaktive kontroller.

7. Aksel

Akser

Axiis er et open source datavisualiseringsramme utviklet av Tom Gonzalez og Michael VanDaniker. Verktøyet er spesielt designet for både nybegynnere og ekspertutviklere. Axiis tilbyr både forhåndsbygde visualiseringskomponenter så vel som abstrakte layoutmønstre og gjengivelsesklasser som lar deg lage dine egne unike visualiseringer.

Enkle infografiske verktøy for nybegynnere

Riktignok trenger de fleste bloggere (meg selv inkludert) ikke omfattende kartverktøy ovenfor for sin vanlige blogging. Oftere er alt vi trenger en enkel webapplikasjon eller et enkelt verktøy for å få jobben raskt.

Når det er sagt, her er listen over opprettingsverktøy som krever svært liten læringsinnsats og brukervennlig.

1. Visme

visme

Visme er en DIY-plattform som lar brukerne lage profesjonelle presentasjoner og infografikk.

Mer enn 350 000 enkeltpersoner og organisasjoner (inkludert brukere fra store selskaper som IBM og Disney) bruker verktøyet for å kommunisere bedre gjennom interaktiv grafikk og presentasjoner..

2. Venngage

Venngage er et brukervennlig visuelt verktøy som har eksistert siden 2011. Verktøyet tilbyr en enkel måte å lage infographic med en dra-og-slipp-redigerer, fritt form lerret og 1000+ eksempler og forhåndsbygde maler.

3. Easel.ly

Easel.ly

Easel.ly hjelper deg med å lage og dele visuelle data enkelt online. Nettappen kommer i et enkelt grensesnitt med noen forhåndsinnstilte maler og dra-og-slipp-funksjoner. Selv om Easel.ly fremdeles er i betamodus, men det allerede har mer enn 130 000 brukeropprettede bilder på serveren.

4. Vizualize.me

VIsualize.me

Vizualize.me er med på å lage vakre infografikk om individer (ja, derav navnet Vizualize Me). Det er et morsomt verktøy å leke med, og det skaper vakker CV eller profil med bare noen få klikk. I tilfelle du er på LinkedIn, bør du virkelig prøve dette ut – verktøyet kan koble til LinkedIn-profilen din og genererer fantastisk grafikk basert på dataene dine.

5. Hohli

Hohli

Trenger du en enkel kartbygger? Da er Hohli stedet å besøke. Denne nettapplikasjonene støtter forskjellige typer diagrammer i tolv forskjellige størrelser – alle brukere må gå er å taste inn dataene og designdetaljene.

6. Piktochart

Piktochart er en malbasert infografisk verktøy som hjelper ikke-designere til å lage vakker grafikk og diagrammer.

Verktøyet støtter dra-og-slipp-funksjoner, og det gir et bredt utvalg i forhåndsinnstilte maler, ikoner, vektorer og bilder. Hvis du leter etter et enkelt grafisk verktøy og ikke har noe imot å betale en liten avgift for tjenesten, er Piktochart definitivt et av dine beste valg.

Før du kommer i gang: Infographics Inspirations

Så er du klar til å lage noen av dine egne infografikker? Vente. Vi har fortsatt litt mer å gå hit.

Her er noen av de mest populære infografikkene og diagrammer som er fanget fra Internett.

Jeg er ganske sikker på at du har sett noen av dem på sosiale medienettverk tidligere – noe som beviser at pen grafikk med meningsfylt datapinne!

Det er også grunner til at infografikalleriene blir så mye trafikkert i disse dager.

Ved å referere til andres verk, lærer vi hva som fungerer godt med publikum.

  • Hva er gjennomsnittsstørrelsen for en populær infographic?
  • Hvilken type emne er seerne velkommen?
  • Bør du ta med så mange data du kan i diagrammer?
  • Hvor mange kulepunkter skal du dekke i infografikken din?
  • Hva gjør denne infografien populær?

Eksempler på det virkelige liv: Typer Infographic

Dette er spørsmålene du kan stille når du blar rundt i prøvene.

Kaffedrikker illustrert

Kaffedrikker illustrertKilde: lokeshdhakar.com

Feltguide for fangutter 

PC World Fan Boys Field GuideKilde: PC World

The Best Beer In America 2008

Den beste ølen i AmerikaKilde: Mikewithart.com

Periodiske tabeller over skrifttyper

Skrifttabell

Bailout Tracker

Bailout TrackerKilde: New York Times

Evolusjonen av telefonen

Tidslinje-infografikkKilde: Pow Wow Now

Innsjekk graf

grafisk infografiskKilde: Four Square

Graver dypere

Jeg støt på dusinvis av interessante blogger og nettsteder relatert til temaet vårt da jeg forsket på dette innlegget. Seriøst er det så mye å lese og lære og leke med! Jeg visste aldri at det er så mye data tilgjengelig fritt om Gap Minder og Better World Flux; Jeg har lest mye på informative nettsteder / blogger som UX Booth (ikke helt relatert til datavisualisering, men det er mange nyttige artikler om hvordan visualiseringer forbedrer nettbrukeropplevelsen), dynamiske diagrammer, flytende data; og jeg beundrer dypt alle de fantastiske verkene som vises på Randys Pinterest-tavle og Chart Porn.

Hvis du bare starter med datavisualisering, anbefaler jeg deg å besøke nettstedene og bloggene oppført ovenfor.

Hvis du ikke har utnyttet kraften til datavisualisering i markedsføringskampanjen din, er det nå på tide å starte.

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