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

Artikel geskryf deur:
  • Gewilde Artikels
  • Opgedateer: Oct 10, 2019

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?

Bemarkingsmaatskappy Bell Pottinger het 'n 55% toename in besigheidsbegrotings vir digitale items soos infographics 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 goeie balans om seker te maak dat u webwerf 'n visueel ryke ervaring bied terwyl u weerlig vinnig laai. Die beste manier om dit te bewerkstellig is met vinnige webhosting-bedieners en geoptimaliseerde beelde. U sal agterkom dat ons baie klem lê op die snelheid in ons gasheerbeoordelings - 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 Owerheid 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.

Hou in gedagte dat alhoewel infografiese en grafieke geneig is om aandag van die blogsphere en sosiale media gebruikers te trek; hulle moet meer doen as net handelsmerkbevordering - Infographics en kaarte is veronderstel om in die eerste plek vervelige en morsige data op 'n gebruikersvriendelike wyse 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 data-ontginningsinstrument wat ons red 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, die data van een formaat na 'n ander te omskep, en dit uit te brei met verskeie webdienste.

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 talle benaderings om dit te doen: Sirkelgrafiek, diagram, lyngrafiek, histogramme, hitte kaart, vloeidiagram, periodieke tabel, ensovoorts. Elk van hierdie benaderings pas perfek vir 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.

Periodieke tabel op data visualisering

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 gereedskap vir data visualisering. Daar is omvattende gereedskap wat interaktiewe grafika uit komplekse data genereer; Daar is ook maklike webprogramme 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 en 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 plot- en kartering-inprop vir die jQuery Javascript-raamwerk. jqPlot produseer pragtige lyn-, kroeg- en sirkelgrafieke. Die instrument het 'n paar oulike funksies, soos om interaktiewe punte te genereer wat deur gebruikers op webblaaiers aangepas kan word. Dit is egter die moeite werd om daarop te let dat hierdie instrument nie deeglik getoets is nie en moontlik 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.

Hosted op IBM-bedieners, doen Many Eyes meer as net data visualisering - dit laat gebruikers toe om hul eie datastel op te laai, sowel as om 'n nuwe visualiseringsmodel te genereer, gebaseer op enige data wat in die bediener gestoor word.

6. Google-grafiek

Google-kaart

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 DIY platform wat gebruikers toelaat om professionele aanbiedings en infographics te skep.

Meer as 350,000 individue en organisasies (insluitend gebruikers van groot maatskappye 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 skep en deel visuele data maklik aanlyn. Die web app kom in 'n eenvoudige koppelvlak met 'n paar vooraf ingestelde templates en sleep-en-drop-funksies. Alhoewel Easel.ly steeds in beta-modus is, maar dit het reeds meer as 130,000-gebruikers-geskepde beeldmateriaal op sy bediener.

4. Vizualize.me

VIsualize.me

Vizualize.me help om pragtige infographics oor individue te skep (ja, vandaar die naam Vizualize Me). Dit is 'n prettige instrument om mee te speel en dit skep 'n pragtige CV of profiel met 'n paar kliks. As u op LinkedIn is, moet u dit regtig probeer - 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. Alle gebruikers moet gaan om die data en ontwerpbesonderhede in te sleutel.

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 jy sommige van hulle op sosiale media netwerke in die verlede gesien het - wat bewys dat mooi grafika met betekenisvolle data stokke!

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

Teksvelde Tabel

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 gestamp in dekades interessante blogs en webwerwe 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 speel! Ek het nooit geweet dat daar soveel data vrylik 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 Diagramme, Vloeiende data; en ek bewonder al die pragtige werke wat op die skerm 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 jy nie die krag van data visualisaties in jou bemarkingsveldtog gebruik 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.