Hoe om pragtige kaarte en infografika vir u webwerwe te maak?
afgekeur: _gebruik_terms_by_ID is afgekeur sedert weergawe 4.7.0! Gebruik eerder wp_list_sort (). in /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php aanlyn 4713
As die internet een ding is, is dit visueel.
Mense hou van vinnige, maklik toeganklike inligting, en infografie bied net daardie soort data-visualisering. Selfs ingewikkelde data is makliker om te verstaan ​​as dit gekombineer word met 'n sirkelgrafiek, grafiek of foto.
Volgens 'n infografiese inligting deur Top Marketing Schools het die infografiek die potensiaal om ongeveer 15 miljoen mense te bereik.
1 Waarom infografika?
1.1 Voordeel # 1 – Nuwe besoekers
1.2 Voordeel # 2- Besoekers behou
1.3 Voordeel # 3 – Voeg outoriteit by
2 Wat 'n goeie infographic maak?
3 Infografiese en laaigereedskap om te gebruik
4 Gereedskap vir voorafgaande kartering
4.1 1. ggPlot2 en R
4.3 3. JP Grafiek
4.5 5. IBM Analytics (voorheen bekend as Many Eyes)
5 Maklike infografiese gereedskap vir beginners
6 Voordat u begin: inspirasies vir infographics
7 Voorbeelde van die werklike lewe: tipes infographic
7.1 Koffie drankies geïllustreer
7.2 Veldgids vir aanhangers
7.3 Die beste bier in Amerika 2008
7.4 Bailout Tracker
7.5 Die evolusie van die telefoon
7.6 Kyk in die grafiek
8 Dieper delf
Bell Pottinger, bemarkingsmaatskappy, het 'n toename van 55% in die sakebegrotings vir digitale items soos infographics gehad.
In 'n infografiese inligting oor infografika noem Unbounce dat die aantal mense wat die infografika soek die afgelope twee jaar 'n toename van 800% het. Met sulke statistieke is dit moeilik om te ontken dat data-visualisering in die vorm van infografie 'n goeie inhoud / bemarking vir webwerwe en blogs is..
Voordeel # 1 – Nuwe besoekers
As u infografika byvoeg, trek dit nuwe besoekers op 'n paar maniere.
Web soektogte: Internetgebruikers doen moontlik navorsing oor die onderwerp waarop u infografiese onderwerp is. As u die enigste webwerf is wat 'n informasie het oor waarom bloubessies u slimmer maak, kry u die verkeer van almal wat na 'n infografiese onderwerp oor die onderwerp soek. Diegene wat spesifiek na prente soek, kan ook u infografiese teëkom.
Sosiale media: Die infografiek van Top Marketing Schools wat aandui dat 'n tradisionele pos ongeveer 75 tweets kry, terwyl 'n infografiek byna 600 kry. Aangesien mense soveel meer geneig is om u infographic op Twitter te deel as 'n eenvoudige boodskap, kan u potensiële nuwe besoekers via sosiale media is enorm.
Nielson / Norman Group skat dat die gemiddelde bladsybesoek minder as 'n minuut duur. Tensy u die leser se belangstelling benut, kyk sy na u bladsy en gaan na die volgende webwerf.
Besoekers van die werf is in die gewoonte om vir inligting en nuus te blaai. Dit is nog 'n rede waarom infografika so goed werk om die leser se belangstelling te benut. 'N Visuele voorstelling van 'n interessante feit is 'n vinniger manier om inligting aan te bied as paragrawe van teks. Lesers kan u infografiese inligting vinnig inslaan, die nodige inligting absorbeer en 'n bietjie langer bly om na te gaan wat u nog te bied het, of hulle kan u werf boekmerk vir latere gebruik.
Die tegniese uitdaging om inligtingryke infografika te bedien
Nog iets wat u in gedagte moet hou, is dat hoewel infografiese waarde toevoeg, kan swaar beelde wat dit lank neem om te laai besoekers wegdryf. Navorsing deur Pew Internet skat dat die gemiddelde besoeker van die webwerf verwag dat 'n bladsy binne drie sekondes sal laai. Hoe vinniger u werf laai, hoe beter sal u omskakelingskoerse 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 bedieners en geoptimaliseerde beelde. U sal sien in ons webhosting-resensies, ons beklemtoon baie op spoed en doen talle snelheidstoetse as u 'n webgasheer beoordeel.
Voordeel # 2- Besoekers behou
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 – kyk byvoorbeeld na A2 Hosting-hersiening, of kyk na ons ander resensies om te sien watter webhost die beste aan u spoedbehoefte voldoen..
Voordeel # 3 – Voeg outoriteit 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 die sensoriese reseptore in die oë geleë is en dat mense 'n visuele toneel in minder as 1/10 van 'n sekonde kan inneem en dit kan begryp..
Mense is geneig om te glo wat hulle sien, omdat hulle dit beter verstaan. Deur navorsing te doen en dit in u infographic te rugsteun, kan u handelsmerk outoriteit toevoeg. Maak seker dat:
Bied stewige statistieke aan
Voeg goed-gerespekteerde hulpbronne onderaan die infografiese weergawe
Voeg grafieke en kaarte by wat die statistieke op 'n visuele manier wys
As u die visuele sintuie kombineer met interaktiewe funksies, soos die NeoMam-infografiese inligting, kom u nie net deur u leser se belangstelling nie, maar gebruik u dit.
Wat let jy meer op? Sien u 'n eenvoudige prentjie op die bladsy of een wat beweeg, flits of dalk 'n video begin??
Wat 'n goeie infographic maak?
As ons vorentoe beweeg, sal ons 'n paar van die beste bronne en instrumente vir data-visualisering van vandag ondersoek. Dit maak nie saak dat u 'n toevallige blogger is wat net 'n paar pragtige infografiese kunswerke wil skep vir handelsmerke, of 'n loopbaangrafiese ontwerper wat dieper in hierdie veld moet delf nie; Ek is seker jy sal hierdie pos nuttig vind.
In die algemeen bestaan ​​'n goeie stukkie datavisualisering uit drie hoofelemente:
Behoorlike inligtingsontwerpe, en
Hou in gedagte dat hoewel infografika en kaarte geneig is om aandag te trek van die blogsfeer en sosiale media-gebruikers; hulle moet meer doen as net handelsmerkpromosie – Infographics en diagramme veronderstel in die eerste plek vervelige en morsige data op 'n gebruikersvriendelike manier.
Voordat u 'n grafiek of infografiek maak, moet u dus 1) u data organiseer, filter en verfyn; 2) Besluit hoe u u data moet aanbied (alias ontwerpe vir datavisualisering).
Voer OpenRefine in – 'n kragtige instrument vir die ontginning van data 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 transformeer en dit uit te brei met verskillende webdienste.
As u met massiewe ongeordende data werk, is OpenRefine beslis u gereedskapstel. Die instrument word tans op GitHub aangebied. U kan hierdie bladsy besoek vir al die nodige inligting en hulp. Vir verdere opvolging en die jongste nuus, moet u ook die nuutste webwerf, http://openrefine.org/, besoek.
As u klaar 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, hittekaart, vloeidiagram, periodieke tabel, ensovoorts. Elkeen van hierdie benaderings pas perfek vir sekere tipe data (en stink sleg as dit misbruik word).
Hoe moet u u data aanbied, sodat u statistiek mooi, opvallend en maklik verstaanbaar is??
Oor hierdie kwessie het Visual Literacy 'n uiters handige periodieke tabel opgebou oor al die opsies wat u kan gebruik om u data te visualiseer (sien hieronder).
Let daarop dat die periodieke tabel 'n aantal interessante voorbeelde bevat wanneer u met u muis rol, dus maak seker dat u die werklike tabel op die webwerf bekyk.
As u op soek was na nie-tradisionele benaderings, moet u hierdie ongelooflike artikel op Smashing Magazine besoek. Die pos word al 'n geruime tyd gelede gepubliseer, maar ek vind dit baie nuttig.
Infografiese en laaigereedskap om te gebruik
Sodra u klaar is met inligtingsargitektuur, is dit tyd vir regte produksie. Om 'n goeie 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 uitgebreide instrumente wat interaktiewe grafika kan genereer uit ingewikkelde data; daar is ook maklike webtoepassings wat niks anders doen nie, maar eenvoudige 2-as-lyngrafieke genereer.
Om praktiese redes, gaan ons na beide kante kyk en 'n lys gee van verskeie grafiese instrumente vir sowel voor- as gemaklike gebruikers.
Gereedskap vir voorafgaande kartering
Laat ons eers kyk na 'n paar voorskotte.
1. ggPlot2 en R
R is 'n rekenaartaal en 'n omgewing vir datamanipulasie, berekening en grafiese vertoning. ggplot2, daarenteen, is 'n plotstelsel vir R wat help om ingewikkelde multielaaggrafieke te vervaardig. Die HeatMap hierbo is byvoorbeeld gebou met ggplot2 en R.
As u lus is om R en ggplot2 te leer, is LearnR 'n wonderlike blog om verder te lees (hoewel die blog al geruime tyd nie opgedateer is nie).
3. JP Grafiek
JP Graph is 'n PHP-aangedrewe kaartinstrument 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.
5. IBM Analytics (voorheen bekend as Many Eyes)
IBM Analytics is 'n gratis hulpmiddel wat die gebruiker in staat stel om visualisasies te skep vanuit byna elke soort datastel.
Many Eyes, wat op IBM-bedieners aangebied word, doen meer as net datavisualisering – dit stel gebruikers in staat om hul eie datastel op te laai en 'n nuwe visualiseringsmodel te genereer op grond van enige data wat op die bediener gestoor is.
Google Chart is gratis, kragtig, buigsaam en word ondersteun deur baie ander ontwikkelaarsnutsgoed.
Kartering op Google Chart is uitsluitlik gebaseer op HTML5 / SVG-tegnologie; die instrument help om kaarte in verskillende formate te skep met pragtige animasie en interaktiewe kontroles.
Axiis is 'n open source datavisualisasieraamwerk wat ontwikkel is deur Tom Gonzalez en Michael VanDaniker. Die instrument is spesiaal ontwerp vir sowel beginners as kundige ontwikkelaars. Axiis bied beide voorafgeboude visualiseringskomponente sowel as abstrakte uitlegpatrone en weergaweklasse waarmee u u eie unieke visualisering kan skep.
Maklike infografiese gereedskap vir beginners
Die meeste bloggers (myself ingesluit) het weliswaar nie uitgebreide karteringinstrumente hierbo nodig vir hul gereelde blogwerk nie. Dikwels is net 'n maklike webtoepassing of 'n eenvoudige hulpmiddel nodig om die werk vinnig gedoen te kry.
Hiermee saam is hier die lys van skeppingsinstrumente wat baie min leerpogings en gebruikersvriendelik benodig.
Visme is 'n DIY-platform waarmee gebruikers professionele aanbiedings en infografika kan skep.
Meer as 350,000 individue en organisasies (insluitend gebruikers van groot ondernemings soos IBM en Disney) gebruik die instrument om beter te kommunikeer deur interaktiewe grafika en aanbiedings.
Venngage is 'n gebruikersvriendelike visuele hulpmiddel wat al sedert 2011 bestaan. Die instrument bied 'n maklike manier om infografies te skep met 'n sleep-en-drop-redakteur, vrye vorm-doek, en 1000+ voorbeelde en voorafgeboude sjablone.
Easel.ly help om visuele data maklik aanlyn te skep en te deel. Die webapp is in 'n eenvoudige koppelvlak met 'n paar vooraf ingestelde sjablone en sleep-en-trap-funksies. Hoewel Easel.ly tans nog in beta-modus is, maar dit het reeds meer as 130,000 beeldmateriaal wat deur gebruikers op die bediener geskep is.
Vizualize.me help om pragtige infografie 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.
Benodig u 'n eenvoudige kaartbouer? Dan is Hohli die plek om te besoek. Hierdie webtoepassings ondersteun verskillende soorte kaarte in twaalf verskillende groottes – al wat gebruikers moet gaan, is om die gegewens en ontwerpbesonderhede in te sleutel.
Piktochart is 'n sjabloon-gebaseerde infografiese hulpmiddel wat nie-ontwerpers help om pragtige grafieke en kaarte te skep.
Die instrument ondersteun sleep-en-drop-funksies en dit bied 'n wye verskeidenheid keuses in vooraf ingestelde sjablone, ikone, vektore en prente. As u op soek is na 'n maklike grafiese hulpmiddel en nie omgee om 'n geringe fooi vir die diens te betaal nie, is Piktochart beslis een van u beste keuses.
Voordat u begin: inspirasies vir infographics
Is u dus gereed om u eie infografika te skep? Wag. Ons het nog 'n bietjie meer om hierheen te gaan.
Hier is 'n paar van die gewildste infografiese en grafieke wat op die internet vasgelê is.
Ek is redelik seker dat u sommige van hulle in die verlede op sosiale media-netwerke gesien het – wat bewys dat mooi grafieke met betekenisvolle datastokkies!
Daar is ook redes waarom infografiese galerye deesdae so swaar verhandel word.
Deur na ander se werke te verwys, leer ons wat goed met die gehore werk.
Wat is die gemiddelde grootte vir 'n gewilde infographic??
Watter tipe onderwerp word deur die kykers verwelkom??
Sou u soveel as moontlik data in u kaarte insluit?
Hoeveel koeëlpunte moet u in u infografika dek?
Wat maak hierdie infographic gewild?
Voorbeelde van die werklike lewe: tipes infographic
Dit is die vrae wat u moet vra wanneer u deur die monsters blaai.
Koffie drankies geïllustreer
Veldgids vir aanhangers
Bron: PC Wêreld
Die beste bier in Amerika 2008
Periodieke tabelle van lettertipes
Die evolusie van die telefoon
Bron: Pow Wow Now
Kyk in die grafiek
Bron: Four Square
Ek het tientalle interessante blogs en webwerwe in verband met ons onderwerp teëgekom toe ek my navorsing vir hierdie pos gedoen het. Ernstig, daar is soveel om te lees, te leer speel en mee te speel! Ek het nooit geweet dat daar soveel data vrylik oor Gap Minder en Better World Flux beskikbaar is nie; Ek het baie gelees op informatiewe webwerwe / blogs soos UX Booth (nie heeltemal verwant aan datavisualisering nie, maar daar is baie nuttige artikels oor hoe visualisering die webgebruiker se ervaring verbeter), dinamiese diagramme, vloeiende data; en ek bewonder die indrukwekkende werke wat op Randy se Pinterest-bord en Chart Porn verskyn.
As u bloot met data-visualisering begin, beveel ek u aan om die webwerwe en blogs hierbo te besoek.
As u nie die krag van datavisualisering in u bemarkingsveldtog benut nie, is dit nou die tyd om te begin.