Hoe om pragtige kaarte en infographics vir jou webwerwe te maak?

Opgedateer: 21 Augustus 2020 / Artikel deur: Jerry Low

As die internet een ding is, is dit visueel.

Mense hou van vinnige, maklik toeganklike inligting en infographics bied net daardie tipe data visualisering. Selfs komplekse data is makliker om te verstaan ​​wanneer dit met 'n sirkelgrafiek, grafiek of foto gekombineer word.

Volgens 'n infographic deur Top Marketing Schools, het 'n infographic die potensiaal om ongeveer 15 miljoen mense te bereik.

Hoekom Infographics?

Bemarkingsonderneming, Bell Pottinger, het 'n toename van 55% in sakebegrotings vir digitale items soos infografika gesien.

In 'n infographic oor infographics, Unbounce verklaar dat die aantal mense wat na infografika soek 'n toename van 800% in die afgelope twee jaar gesien het. Met sulke statistieke is dit moeilik om te ontken dat datavisualisering in die vorm van infografie 'n goeie inhoud / bemarking vir webwerwe en blogs.

Voordeel # 1- Nuwe besoekers

Die byvoeg van infographics trek nuwe werfbesoekers op 'n paar maniere.

  • Websoektogte: Internetgebruikers kan navorsing doen oor die onderwerp waarop u infografiese inligting is. As jy die enigste webwerf is wat 'n infographic het oor waarom bloubessies jou slimmer maak, sal jy die verkeer kry van enigiemand wat 'n infografiese opsie soek. Diegene wat spesifiek op soek is na beelde, kan ook jou infographic raak.
  • Sosiale media: Die infographic van Top Marketing Schools wat aandui dat 'n tradisionele pos oor 75 tweets kry, terwyl 'n infografiese byna 600 kry. Aangesien mense soveel meer geneig is om jou infografiese op Twitter te deel as 'n eenvoudige pos, is jou potensiaal om nuwe besoekers via sosiale media te bereik, enorm.

Nielson / Norman Group skat dat die gemiddelde bladsy besoek binne 'n minuut duur. Tensy jy die leser se belangstelling gryp, sal sy oor jou bladsy kyk en na die volgende webwerf gaan.

Webwerf besoekers is in die gewoonte om te blaai vir inligting en nuus. Dit is nog 'n rede waarom infografiese werk so goed werk om die leser se belangstelling te gryp. 'N Visuele voorstelling van 'n interessante feit is 'n vinniger manier om inligting aan te bied as paragrawe van teks. Lesers kan vinnig jou infographic skim, absorbeer die inligting wat benodig word en sal 'n bietjie langer bly om te kyk wat jy meer moet aanbied, of dalk jou werf vir latere gebruik boekmerk.

Die tegniese uitdaging om inligtingryke infografiese inligting te dien

Nog 'n ding wat in gedagte gehou moet word, is dat terwyl infografieke waarde toevoeg, swaar beelde wat lank neem om te laai, dit moontlik is om besoekers weg te ry. Navorsing deur Pew Internet skat dat die gemiddelde besoeker 'n bladsy verwag om binne drie sekondes te laai. Hoe vinniger jou webwerf laai, hoe beter sal jou sukses persentasies wees.

Dit is nogal die balanseerder om seker te maak dat jou webwerf 'n visueel ryk ervaring bied terwyl jy steeds blits vinnig laai. Die beste manier om dit te bereik is met vinnige bedieners en optimale beelde. Jy sal sien in ons web hosting resensies, ons beklemtoon baie op spoed en doen talle spoedtoetse by die beoordeling van 'n webhost.

Voordeel # 2- Behou Besoekers

Nielson / Norman Group skat dat die gemiddelde bladsy besoek binne 'n minuut duur. Tensy jy die leser se belangstelling gryp, sal sy oor jou bladsy kyk en na die volgende webwerf gaan.

Webwerf besoekers is in die gewoonte om te blaai vir inligting en nuus. Dit is nog 'n rede waarom infografiese werk so goed werk om die leser se belangstelling te gryp. 'N Visuele voorstelling van 'n interessante feit is 'n vinniger manier om inligting aan te bied as paragrawe van teks. Lesers kan vinnig jou infographic skim, absorbeer die inligting wat benodig word en sal 'n bietjie langer bly om te kyk wat jy meer moet aanbied, of dalk jou werf vir latere gebruik boekmerk.

Nog 'n ding wat in gedagte gehou moet word, is dat terwyl infografieke waarde toevoeg, swaar beelde wat lank neem om te laai, dit moontlik is om besoekers weg te ry. Navorsing deur Pew Internet skat dat die gemiddelde besoeker 'n bladsy verwag om binne drie sekondes te laai. Hoe vinniger jou webwerf laai, hoe beter sal jou sukses persentasies wees.

Dit is 'n ewewig om te verseker dat u webwerf 'n visueel ryk ervaring bied terwyl u steeds blitsvinnig laai. Die beste manier om dit te bewerkstellig, is met vinnige webhostingbedieners en geoptimaliseerde beelde. U sal agterkom dat ons in ons hosting-resensies baie beklemtoon op spoed - sien A2 Hosting oorsig byvoorbeeld of kyk na ons ander resensies om te sien watter webhost die beste aan u spoedbehoefte voldoen.

Voordeel # 3 - voeg gesag by

50% van ons brein is betrokke by visuele verwerking (bron).

Die meeste mense is visuele leerders. NeoMam het navorsing uit bronne soos Google Trends, Nielson en Pearson saamgestel wat daarop dui dat 70 persent van sensoriese reseptore in die oë geleë is en dat mense 'n visuele toneel in net onder 1 / 10th van 'n sekonde kan inneem en verstaan.

Mense is geneig om te glo wat hulle sien omdat hulle dit beter verstaan. As jy navorsing doen en dit in jou infografiese rugsteun ondersteun, kan dit jou gesag byvoeg. Maak seker dat:

  • Bied soliede statistieke aan
  • Voeg gerespekteerde bronne aan die onderkant van die infographic
  • Voeg grafieke en kaarte by wat die statistiek op 'n visuele manier wys

Wanneer jy die visuele sintuie kombineer met interaktiewe kenmerke, soos die NeoMam infographic, kom hierdie statistieke vandaan, jy neem nie net jou leser se belangstelling vas nie, maar jy betrek dit.

Wat merk jy meer op? Sien jy 'n eenvoudige prentjie op die bladsy of een wat beweeg, flits of dalk 'n video begin?

 


 

Wat maak 'n goeie infografiese?

As ons vorentoe beweeg, gaan ons kyk na sommige van die beste hulpbronne en gereedskap vir data visualisering vandag. Maak nie saak jy is 'n toevallige blogger wat net 'n paar pragtige infographics wil skep vir brandmerkdoeleindes of 'n loopbaangrafiese ontwerper wat dieper in hierdie veld moet grawe nie; Ek is seker jy sal hierdie plasing nuttig vind.

Information Architecture

Oor die algemeen bestaan ​​'n goeie stuk data visualisering uit drie hoofelemente:

  1. Betekenisvolle data,
  2. Behoorlike inligting ontwerpe, en
  3. Pragtige grafika.

Onthou dat alhoewel infografika en grafieke die aandag trek van gebruikers van die blogsfeer en sosiale media; hulle moet meer as net handelsmerkpromosie doen - infografika en kaarte is veronderstel om in die eerste plek vervelige en rommelige data op 'n gebruikersvriendelike manier te lewer.

Dus, voor skep van 'n grafiek of 'n infografiese, jy sal moet 1) Organiseer, filter en verfyn jou data; 2) Besluit hoe u u data moet aanbied (aka, data visualisasie ontwerpe).

Data Mining

Voer OpenRefine in - 'n kragtige instrument vir die ontginning van data wat ons daarvan weerhou om ons data ry vir ry op Excel-werkblad te organiseer. Voorheen bekend as Google Refine (en Freebase Gridworks), help hierdie instrument gebruikers om data te verken en op te ruim, om die data van een formaat na 'n ander te transformeer en dit met verskillende webdienste uit te brei.

As jy werk met 'n paar massiewe ongeordende data, moet OpenRefine beslis in jou toolkit wees. Die instrument word tans op GitHub aangebied, wat jy kan besoek hierdie bladsy vir al die nodige inligting en help. Vir verdere opvolg en nuutste nuus, moet u ook die nuwe webwerf by http://openrefine.org/

Data Aanbieding

Sodra u gereed is met u data, is dit tyd om te besluit hoe u dit vir die kykers gaan aanbied.

Daar is ontelbare benaderings om dit te doen: sirkeldiagram, diagram, lyngrafiek, histogramme, hittekaart, vloeidiagram, periodieke tabel, ensovoorts. Elk van hierdie benaderings pas perfek by sekere tipe data (en stink sleg as dit misbruik word).

Hoe moet jy jou data voorstel sodat jou statistiek pragtig, opvallend en maklik verstaanbaar is?

Oor hierdie kwessie, Visuele Geletterdheid het 'n baie handige periodieke tabel opgestel oor al die opsies wat jy kan gebruik om jou data te visualiseer (sien hieronder).

Let daarop dat die periodieke tabel 'n aantal interessante voorbeelde bevat wanneer jy oor jou muis rol, so wees seker dat jy die werklike tabel op die werf besigtig.

Periodic Table On Data Visualization

As u op soek was na nie-tradisionele benaderings, moet u seker maak hierdie wonderlike artikel op Smashing Magazine. Die pos is 'n geruime tyd gelede gepubliseer, maar ek vind dit baie nuttig.

 


 

Infografiese en laai gereedskap om te gebruik

Sodra u klaar is met inligtingsargitektuur, is dit tyd vir regte produksie. Om 'n mooi kaart uit rou data te maak is nooit 'n maklike taak nie, gelukkig is daar talle instrumente om die werk af te handel.

Ja, ontelbare aantal instrumente vir datavisualisering. Daar is omvattende instrumente wat interaktiewe grafika uit komplekse data genereer; daar is ook maklike webtoepassings wat niks anders doen as om eenvoudige 2-as lyngrafieke te genereer nie.

Om praktiese redes gaan ons na albei kante kyk en verskeie grafiese gereedskap vir beide voor- en toevallige gebruikers lys.

Advance Charting Tools

Laat ons eers kyk na 'n paar voorskotprodukte.

1. ggPlot2 en R

R and ggplot2

R is 'n rekenaartaal en 'n omgewing vir data manipulasie, berekening en grafiese vertoning. ggplot2, aan die ander kant, is 'n plotstelsel vir R wat help om komplekse multi-laag grafika te lewer. Die HeatMap hierbo word byvoorbeeld gebou met behulp van ggplot2 en R.

As jy gretig is om R en ggplot2 te leer, LearnR is 'n goeie blog vir verdere leeswerk (hoewel die blog nog nie vir 'n geruime tyd opgedateer is nie).

2. jqPlot

jqPlot

jqPlot is 'n invoegtoepassing vir plot en kartering vir die jQuery Javascript-raamwerk. jqPlot lewer pragtige lyn-, staaf- en sirkeldiagramme. Die instrument het 'n paar lekker funksies, soos die opwekking van interaktiewe punte wat deur gebruikers in die webblaaiers aangepas kan word. Dit is egter opmerklik dat hierdie instrument nie deeglik getoets is nie en dat dit miskien nie deur sekere webblaaiers ondersteun word nie, naamlik Chrome en IE onder 7.

3. JP Grafiek

JP Grafiek

JP Grafiek is 'n PHP-aangedrewe karteringinstrument wat verskillende plottipes ondersteun. As u 'n PHP-program skryf wat 'n grafiekbiblioteek benodig, is dit iets waarna u moet kyk. Ek sou nie sê JP Graph is 'n maklike hulpmiddel vir beginners nie, maar die instrument (of PHP-biblioteek) is baie nuttig as u grafieke en kaarte van u webbediener moet genereer. JP Graph is gratis vir nie-kommersiële gebruik en u benodig 'n webbediener wat PHP 4.3.x of hoër ondersteun.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit is 'n biblioteek ontwikkel deur Nicolas Garcia Belmont. Die biblioteek het 'n wye verskeidenheid visualiseringskeuses en is heeltemal gratis om te gebruik.

 5. IBM Analytics (voorheen bekend as Many Eyes)

IBM Analytics is 'n gratis hulpmiddel wat 'n gebruiker in staat stel om visualisasies uit byna enige soort datastel te skep.

Many Eyes word op IBM-bedieners gehuisves en doen meer as net data-visualisering - dit stel gebruikers in staat om hul eie datastel op te laai sowel as om 'n nuwe visualiseringsmodel te genereer op grond van enige data wat op die bediener gestoor word.

6. Google-grafiek

Google Chart

Google-kaart is gratis, kragtig, buigsaam en word ondersteun deur baie ander ontwikkelaargereedskap.

Grafiek op Google Chart is suiwer gebaseer op HTML5 / SVG tegnologie; die instrument help om kaarte in verskillende formate te skep met pragtige animasie en interaktiewe kontroles.

7. As

Axis

Axiis is 'n open source data visualization raamwerk ontwikkel deur Tom Gonzalez en Michael VanDaniker. Die gereedskap is spesiaal ontwerp vir beide beginners en kundige ontwikkelaars. Axiis bied beide voorafgeboude visualiseringskomponente sowel as abstrakte uitlegpatrone en leweringsklasse waarmee jy jou eie unieke visualisasies kan skep.

Maklike infografiese gereedskap vir beginners

Die meeste bloggers (myself ingesluit) het weliswaar nie omvattende grafiese gereedskap hierbo nodig vir hul gereelde blogwerk nie. Meer dikwels, al wat ons nodig het, is 'n maklike webtoepassing of 'n eenvoudige hulpmiddel om die werk vinnig te kry.

Met dit gesê, hier is die lys van skeppingsinstrumente wat baie min leerpogings en gebruikersvriendelik vereis.

1. Visme

visme

Visme is 'n selfdoenplatform waarmee gebruikers professionele aanbiedings en infografika kan skep.

Meer as 350,000 XNUMX individue en organisasies (insluitend gebruikers van groot ondernemings soos IBM en Disney) gebruik die instrument om beter te kommunikeer deur middel van interaktiewe grafika en aanbiedings.

2. Venngage

Venngage is 'n gebruikersvriendelike visuele hulpmiddel wat sedert 2011 bestaan. Die instrument bied 'n maklike manier om infografies te maak met 'n sleep-en-druppel-redakteur, vryvorm-doek en 1,000 + met voorbeelde en voorafgeboude sjablone.

3. Easel.ly

Easel.ly

Easel.ly help om visuele data maklik aanlyn te skep en te deel. Die web-app is beskikbaar in 'n eenvoudige koppelvlak met enkele vooraf ingestelde templates en sleep-en-laat-funksies. Alhoewel Easel.ly tans nog in beta-modus is, maar hy het reeds meer as 130,000 XNUMX grafieke op die bediener wat deur gebruikers geskep is.

4. Vizualize.me

VIsualize.me

Vizualize.me help om pragtige infografika oor individue te skep (ja, vandaar die naam Vizualize Me). Dit is 'n prettige hulpmiddel om mee rond te speel en dit skep 'n pragtige CV of profiel met net 'n paar klik. As u op LinkedIn is, moet u dit regtig uitprobeer - die instrument kan met u LinkedIn-profiel skakel en genereer pragtige grafieke op grond van u data.

5. Hohli

Hohli

Het u 'n eenvoudige kaartbouer nodig? dan Hohli is die plek om te besoek. Hierdie webtoepassings ondersteun verskillende soorte kaarte in twaalf verskillende groottes - al wat u moet gebruik, is om die data in te voer en die besonderhede te ontwerp.

6. Piktochart

Piktochart is 'n sjabloongebaseerde infografiese gereedskap wat nie-ontwerpers help om pragtige grafika en kaarte te skep.

Die instrument ondersteun sleep-en-val-funksies en bied 'n wye keuse in vooraf ingestelde templates, ikone, vektore en beelde. As jy op soek is na 'n maklike grafiese hulpmiddel en nie omgee om 'n klein fooi vir die diens te betaal nie, is Piktochart beslis een van jou beste keuses.

 


 

Voordat jy begin: Infographics Inspirations

So is jy gereed om van jou eie infografieë te skep? Wag. Ons het nog 'n bietjie meer om hierheen te gaan.

Hier is 'n paar van die gewildste infographics en kaarte wat van die internet gevang is.

Ek is redelik seker dat u in die verlede sommige daarvan op sosiale media-netwerke gesien het - wat bewys dat mooi grafika met sinvolle datastokkies is!

Ook, daar is redes waarom infographics galerye is vandag so swaar getref.

Deur na ander se werke te verwys, leer ons wat goed met die gehore werk.

  • Wat is die gemiddelde grootte vir 'n populêre infografiese?
  • Watter tipe onderwerp word die meeste verwelkom deur die kykers?
  • Moet u soveel data in u kaarte insluit as u kan?
  • Hoeveel koeëlpunte moet jy in jou infographics dek?
  • Wat maak hierdie infografiese populêre?

Werklike voorbeelde: Tipes Infografiese

Dit is die vrae wat jy moet vra wanneer jy rond die monsters rondkyk.

Koffie Drankies Geïllustreer

Koffie Drankies Geïllustreer
Bron: lokeshdhakar.com

Veldgids Vir Fan Boys 

PC World Fan Boys Field Guide
Bron: PC World

Die Beste Bier In Amerika 2008

Die Beste Bier In Amerika
Bron: Mikewithart.com

Periodieke tafels van lettertipes

Typefaces Table

Bailout Tracker

Bailout Tracker
Bron: New York Times

Die evolusie van die telefoon

Tydlyn Infographics
Bron: Pow Wow Now

 

Kyk in grafiek

grafiek infografiese
Bron: Vierkant

Dieper delf

Ek het tientalle interessante blogs en webwerwe raakgeloop wat verband hou met ons onderwerp toe ek my navorsing vir hierdie pos gedoen het. Ernstig, daar is soveel om te lees en te leer en mee te speel! Ek het nooit geweet dat daar soveel inligting beskikbaar is nie Gap Minder en Beter Wêreld Flux; Ek het baie gelees op insiggewende webwerwe / blogs soos UX Booth (nie heeltemal verwant aan data-visualisering nie, maar daar is baie nuttige artikels oor hoe visualisaties webgebruikerervaring verbeter), Dinamiese DiagrammeVloeiende data; en ek bewonder diep die wonderlike werke wat vertoon word Randy se Pinterest-bord en  Grafiek Porno.

As jy net begin met data visualisering, raai ek jou sterk aan om die webwerwe en blogs hierbo te besoek.

As u nie die krag van data-visualisasies in u bemarkingsveldtog benut nie, is dit nou die tyd om te begin.

Oor Jerry Low

Stigter van WebHostingSecretRevealed.net (WHSR) - 'n hosting-oorsig wat deur 100,000 se gebruikers vertrou en gebruik word. Meer as 15 jaar ervaring in web hosting, affiliate marketing en SEO. Bydraer tot ProBlogger.net, Business.com, Social MediaToday.com, en meer.