Hoe maak je mooie grafieken en infographics voor uw sites?

Artikel geschreven door:
  • Aanbevolen artikelen
  • Bijgewerkt: okt 10, 2019

Als internet één ding is, is het visueel.

Mensen houden van snelle, gemakkelijk toegankelijke informatie en infographics bieden precies dat soort gegevensvisualisatie. Zelfs complexe gegevens zijn gemakkelijker te begrijpen wanneer ze worden gecombineerd met een cirkeldiagram, grafiek of foto.

Volgens een infographic van Top Marketing Schools heeft een infographic het potentieel om ongeveer 15 miljoen mensen te bereiken.

Waarom Infographics?

Marketingcompagnie, Bell Pottinger, zag een toename van 55% van zakelijke budgetten voor digitale items zoals infographics.

In een infographic over infographics, Unbounce stelt dat het aantal mensen dat op zoek is naar infographics de afgelopen twee jaar met 800% is gestegen. Met dergelijke statistieken is het moeilijk te ontkennen dat datavisualisaties in de vorm van infographics een zijn goede inhoud / marketing voor websites en blogs.

Voordeel # 1- Nieuwe bezoekers

Het toevoegen van infographics trekt op een aantal manieren nieuwe sitebezoekers.

  • Webzoekopdrachten: Internetgebruikers doen mogelijk onderzoek naar het onderwerp van uw infographic. Als u de enige site bent met een infographic over waarom bosbessen u slimmer maken, krijgt u het verkeer van iedereen die op zoek is naar een infographic over dat onderwerp. Degenen die specifiek naar afbeeldingen zoeken, kunnen ook uw infographic tegenkomen.
  • Social Media: De infographic van Top Marketing Schools die aangeeft dat een traditionele post over 75-tweets gaat, terwijl een infographic bijna 600 krijgt. Omdat mensen je infographic veel vaker zullen delen op Twitter dan een eenvoudige post, is je potentieel om nieuwe bezoekers te bereiken via sociale media enorm.

Nielson / Norman Group schat dat het gemiddelde paginabezoek minder dan een minuut duurt. Tenzij u de interesse van de lezer grijpt, zal zij een blik werpen op uw pagina en doorgaan naar de volgende site.

Bezoekers van de site hebben de gewoonte om te scrollen naar informatie en nieuws. Dit is nog een reden waarom infographics zo goed werken om de aandacht van de lezer te trekken. Een visuele weergave van een interessant feit is een snellere manier om informatie te presenteren dan alinea's uit de tekst. Lezers kunnen uw infographic snel doorbladeren, de benodigde informatie absorberen en blijven wat langer om te kijken wat u nog meer te bieden heeft, of kunnen uw site bookmarken voor later gebruik.

De technische uitdaging van het serveren van info-rijke infographics

Een ander ding om in gedachten te houden is dat terwijl infographics waarde toevoegen, zware afbeeldingen die veel tijd kosten om te laden, bezoekers kunnen verjagen. Onderzoek door Pew Internet schat dat de gemiddelde bezoeker van de site verwacht dat een pagina binnen drie seconden wordt geladen. Hoe sneller uw site wordt geladen, hoe beter uw conversiepercentages zullen zijn.

Het is een goede manier om ervoor te zorgen dat uw site een visueel rijke ervaring biedt terwijl u toch bliksemsnel laadt. De beste manier om dit te bereiken is met snelle servers en geoptimaliseerde afbeeldingen. Je zult het merken in onze web hosting beoordelingen, we benadrukken veel op snelheid en doen talloze snelheidstests bij het beoordelen van een webhost.

Voordeel # 2- Bezoekers behouden

Nielson / Norman Group schat dat het gemiddelde paginabezoek minder dan een minuut duurt. Tenzij u de interesse van de lezer grijpt, zal zij een blik werpen op uw pagina en doorgaan naar de volgende site.

Bezoekers van de site hebben de gewoonte om te scrollen naar informatie en nieuws. Dit is nog een reden waarom infographics zo goed werken om de aandacht van de lezer te trekken. Een visuele weergave van een interessant feit is een snellere manier om informatie te presenteren dan alinea's uit de tekst. Lezers kunnen uw infographic snel doorbladeren, de benodigde informatie absorberen en blijven wat langer om te kijken wat u nog meer te bieden heeft, of kunnen uw site bookmarken voor later gebruik.

Een ander ding om in gedachten te houden is dat terwijl infographics waarde toevoegen, zware afbeeldingen die veel tijd kosten om te laden, bezoekers kunnen verjagen. Onderzoek door Pew Internet schat dat de gemiddelde bezoeker van de site verwacht dat een pagina binnen drie seconden wordt geladen. Hoe sneller uw site wordt geladen, hoe beter uw conversiepercentages zullen zijn.

Het is best een evenwichtsoefening om ervoor te zorgen dat uw site een visueel rijke ervaring biedt en toch razendsnel wordt geladen. De beste manier om dit te bereiken is met snelle webhostingservers en geoptimaliseerde afbeeldingen. U zult merken dat we veel nadruk leggen op snelheid in onze hostingrecensies - zie A2 Hosting beoordeling bijvoorbeeld of bekijk onze andere beoordelingen om te zien welke webhost het beste voldoet aan uw behoefte aan snelheid.

Voordeel #3 - autoriteit toevoegen

50% van onze hersenen is betrokken bij visuele verwerking (bron).

De meeste mensen zijn visuele studenten. NeoMam heeft onderzoek verzameld van bronnen zoals Google Trends, Nielson en Pearson, dat suggereert dat 70 procent van sensorische receptoren zich in de ogen bevindt en dat mensen een visuele scène kunnen innemen en begrijpen in iets minder dan 1 / 10 van een seconde.

Mensen hebben de neiging om te geloven wat ze zien, omdat ze het beter begrijpen. Onderzoek doen en een back-up maken in uw infographic kan autoriteit toevoegen aan uw merk. Zorg dat je:

  • Bied solide statistieken
  • Voeg de meest gerespecteerde bronnen toe onderaan de infographic
  • Voeg grafieken en diagrammen toe die deze statistieken op een visuele manier weergeven

Wanneer je de visuele zintuigen combineert met interactieve functies, zoals de NeoMam infographic, waar deze statistieken vandaan kwamen, leg je niet alleen de aandacht van je lezer vast, maar betrek je het ook.

Wat merk je meer? Merk je een duidelijke afbeelding op de pagina of een die beweegt, flitst of misschien een video start?


Wat maakt een goede Infographic?

Voor de toekomst zullen we vandaag enkele van de beste hulpmiddelen en hulpmiddelen voor gegevensvisualisatie onderzoeken. Het maakt niet uit of je een casual blogger bent die gewoon een aantal mooie infographics voor merkdoeleinden wil maken of een carrière grafische ontwerper die dieper in dit veld moet graven; Ik weet zeker dat je dit bericht nuttig zult vinden.

Informatie Architectuur

Over het algemeen bestaat een goed stuk gegevensvisualisatie uit drie hoofdelementen:

  1. Betekenisvolle gegevens,
  2. Juiste informatieontwerpen, en
  3. Mooie graphics.

Houd in gedachten dat hoewel infographics en grafieken de aandacht van de blogsfeer en gebruikers van sociale media trekken; ze zouden meer moeten doen dan alleen merkpromotie - Infographics en grafieken zouden in de eerste plaats saaie en rommelige gegevens moeten opleveren op een gebruikersvriendelijke manier.

Vandaar eerder een grafiek of een infographic maken, u moet 1 gebruiken) Organiseer, filter en verfijn uw gegevens; 2) Bepaal hoe uw gegevens moeten worden gepresenteerd (ook bekend als dataversvisualisaties).

Data Mining

Open OpenRefine - Een krachtige datamining-tool die ons ervan weerhoudt onze gegevens rij per rij te organiseren in Excel-werkblad. Dit hulpprogramma, voorheen bekend als Google Refine (en Freebase Gridworks), helpt gebruikers bij het verkennen en opschonen van gegevens, het transformeren van de gegevens van het ene formaat naar het andere en het uitbreiden met verschillende webservices.

In het geval dat u met een aantal enorme ongeordende gegevens werkt, moet OpenRefine absoluut in uw toolkit zijn opgenomen. De tool wordt momenteel gehost op GitHub, dat kan bezoek deze pagina voor alle nodige info en helpt. Voor verdere follow-up en het laatste nieuws, moet je ook kijken naar de onlangs gelanceerde website op http://openrefine.org/

Data presentatie

Zodra u klaar bent met uw gegevens, is het tijd om te beslissen hoe u deze aan de kijkers gaat presenteren.

Er zijn talloze manieren om dit voor elkaar te krijgen: cirkeldiagram, diagram, lijngrafiek, histogrammen, heatmap, stroomschema, periodiek systeem, enzovoort. Elk van deze benaderingen past perfect voor bepaalde soorten gegevens (en stinkt slecht als ze wordt misbruikt).

Hoe moet u uw gegevens presenteren, zodat uw statistiek mooi, in het oog springend en gemakkelijk te begrijpen is?

Over dit onderwerp Visuele geletterdheid bouwde een extreem handig periodiek systeem op over alle opties die u kunt gebruiken om uw gegevens te visualiseren (zie hieronder).

Merk op dat het periodiek systeem een ​​aantal interessante voorbeelden toont wanneer u over uw muis rolt, dus zorg ervoor dat u de actuele tabel op de site bekijkt.

Periodiek systeem voor gegevensvisualisatie

In het geval u op zoek bent naar niet-traditionele benaderingen, dan moet u uitchecken dit geweldige artikel op Smashing Magazine. Het bericht is enige tijd geleden gepubliceerd, maar toch vind ik het zeer nuttig.


Infographic- en laadhulpmiddelen om te gebruiken

Zodra je klaar bent met informatiearchitectuur, is het tijd voor echte productie. Een ruwe grafiek maken van onbewerkte gegevens is nooit een gemakkelijke taak, gelukkig zijn er talloze tools om de klus te klaren.

Ja, ontelbaar aantal tools voor datavisualisatie. Er zijn veelomvattende hulpmiddelen die interactieve afbeeldingen genereren uit complexe gegevens; er zijn ook eenvoudige webtoepassingen die niets anders doen dan eenvoudige 2-aslijngrafieken genereren.

Om praktische redenen gaan we beide kanten bekijken en een lijst maken van meerdere grafische hulpmiddelen voor zowel geavanceerde als incidentele gebruikers.

Geavanceerde grafieken

Laten we eerst eens kijken naar enkele van de geavanceerde dingen.

1. ggPlot2 en R

R en ggplot2

R is een computertaal en een omgeving voor gegevensmanipulatie, berekening en grafische weergave. ggplot2, aan de andere kant, is een plotteringssysteem voor R dat helpt bij het produceren van complexe meerlaagse afbeeldingen. De HeatMap hierboven, bijvoorbeeld, is gebouwd met behulp van ggplot2 en R.

Als je graag R en ggplot2 wilt leren, LearnR is een geweldige blog voor meer informatie (hoewel de blog al enige tijd niet is bijgewerkt).

2. jqPlot

jqPlot

jqPlot is een plot- en grafiekplugin voor het jQuery Javascript-framework. jqPlot produceert prachtige lijn-, staaf- en cirkeldiagrammen. De tool heeft een aantal leuke functies, zoals het genereren van interactieve punten die door gebruikers in webbrowsers kunnen worden aangepast. Het is echter vermeldenswaard dat deze tool niet grondig is getest en mogelijk niet wordt ondersteund door bepaalde webbrowsers - namelijk Chrome en IE onder 7.

3. JP Graph

JP Graph

JP Graph is een PHP-aangedreven grafiektool die verschillende plottypen ondersteunt. Als u een PHP-programma schrijft dat een bibliotheek voor het maken van grafieken nodig heeft, is dit iets waar u naar moet kijken. Ik zou niet zeggen dat JP Graph een eenvoudige tool is voor starters, maar de tool (of PHP-bibliotheek) komt erg handig als je grafieken en diagrammen van je webserver moet genereren. JP Graph is gratis voor niet-commercieel gebruik en u hebt een webserver nodig die PHP 4.3.x of hoger ondersteunt.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit is een bibliotheek ontwikkeld door Nicolas Garcia Belmont. De bibliotheek wordt geleverd met een breed scala aan visualisatiemogelijkheden en is volledig gratis te gebruiken.

5. IBM Analytics (voorheen bekend als Many Eyes)

IBM Analytics is een gratis tool waarmee een gebruiker visualisaties van bijna elke soort dataset kan maken.

Many Eyes wordt gehost op IBM-servers en doet meer dan alleen gegevensvisualisatie - het biedt gebruikers de mogelijkheid hun eigen gegevensset te uploaden en een nieuw visualisatiemodel te genereren op basis van gegevens die op de server zijn opgeslagen.

6. Google Chart

Google Grafiek

Google Grafiek is gratis, krachtig, flexibel en wordt ondersteund door tal van andere ontwikkelaarstools.

In kaart brengen op Google Chart is puur gebaseerd op HTML5 / SVG-technologie; de tool helpt bij het maken van grafieken in verschillende formaten met prachtige animaties en interactieve bedieningselementen.

7. As

As

Axiis is een open source data visualisatie framework ontwikkeld door Tom Gonzalez en Michael VanDaniker. De tool is speciaal ontworpen voor zowel beginnende als ervaren ontwikkelaars. Axiis biedt zowel vooraf gebouwde visualisatiecomponenten als abstracte lay-outpatronen en renderingklassen waarmee u uw eigen unieke visualisaties kunt maken.

Easy Infographic Tools voor beginners

Toegegeven, de meeste bloggers (waaronder ikzelf) hebben geen uitgebreide chartingtools nodig voor hun reguliere blogactiviteiten. Vaker, alles wat we nodig hebben is een eenvoudige webapplicatie of een eenvoudige tool om de klus snel gedaan te krijgen.

Met dat gezegd zijnde, hier is de lijst met creatiehulpmiddelen die zeer weinig leerinspanningen vereisen en gebruiksvriendelijk zijn.

1. Visme

visme

Visme is een doe-het-zelfplatform waarmee gebruikers professionele presentaties en infographics kunnen maken.

Meer dan 350,000-personen en -organisaties (inclusief gebruikers van grote bedrijven zoals IBM en Disney) maken gebruik van de tool om beter te communiceren via interactieve grafische afbeeldingen en presentaties.

2. Venngage

Venngage is een gebruiksvriendelijk visueel hulpmiddel dat al sinds 2011 bestaat. De tool biedt een eenvoudige manier om infographic te maken met een editor voor slepen en neerzetten, canvas met vrije vorm en 1,000 + van voorbeelden en vooraf gebouwde sjablonen.

3. Easel.ly

Easel.ly

Easel.ly helpt bij het maken en delen van visuele gegevens eenvoudig online. De webapp wordt geleverd in een eenvoudige interface met een aantal vooraf ingestelde sjablonen en slepen-en-neerzetten-functies. Hoewel Easel.ly nog steeds in bètamodus is, heeft het al meer dan door 130,000 gebruikers gemaakte afbeeldingen op de server.

4. Vizualize.me

VIsualize.me

Vizualize.me helpt bij het maken van prachtige infographics over individuen (ja, vandaar de naam Vizualize Me). Het is een leuke tool om mee te spelen en het creëert een prachtig CV of profiel met slechts een paar klikken. Als je op LinkedIn bent, moet je dit echt eens proberen - de tool kan linken met je LinkedIn-profiel en genereert verbluffende graphics op basis van je gegevens.

5. Hohli

Hohli

Een eenvoudige diagrambuilder nodig? Dan Hohli is de plek om te bezoeken. Deze webtoepassingen ondersteunen verschillende soorten diagrammen in twaalf verschillende grootten - alle gebruikers moeten gaan om de gegevens en ontwerpdetails in te voeren.

6. Piktochart

Piktochart is een op sjablonen gebaseerde infographic-tool die niet-ontwerpers helpt om prachtige grafische afbeeldingen en grafieken te maken.

Het hulpprogramma biedt ondersteuning voor slepen en neerzetten en biedt uitgebreide selecties in vooraf ingestelde sjablonen, icones, vectoren en afbeeldingen. Als u op zoek bent naar een eenvoudige grafische tool en het niet erg vindt om een ​​kleine vergoeding voor de service te betalen, is Piktochart absoluut een van uw beste keuzes.


Voordat u aan de slag gaat: Infographics-inspiratie

Ben je er klaar voor om enkele van je eigen infographics te maken? Wacht. We hebben hier nog wat meer om naartoe te gaan.

Hier zijn enkele van de meest populaire infographics en grafieken die van internet zijn vastgelegd.

Ik ben er vrij zeker van dat je in het verleden een aantal van hen op sociale media-netwerken hebt gezien - wat bewijst dat mooie afbeeldingen met zinvolle gegevensstokken!

Er zijn ook redenen waarom infographicsgalerijen tegenwoordig zo zwaar worden verhandeld.

Door te verwijzen naar de werken van anderen, leren we wat goed werkt met het publiek.

  • Wat is de gemiddelde grootte voor een populaire infographic?
  • Welk type onderwerp is het meest welkom bij de kijkers?
  • Moet u zoveel mogelijk gegevens opnemen in uw hitlijsten?
  • Hoeveel punten moet u in uw infographics opnemen?
  • Wat maakt deze infographic populair?

Voorbeelden uit het echte leven: soorten Infographic

Dit zijn de vragen die u moet stellen als u door de voorbeelden bladert.

Geïllustreerde koffiedranken

Geïllustreerde koffiedranken
Bron: lokeshdhakar.com

Veldgids voor fanjongens

PC World Fan Boys Field Guide
Bron: computer wereld

Het beste bier in Amerika 2008

Het beste bier in Amerika
Bron: Mikewithart.com

Periodieke tabellen van lettersoorten

Lettertypen Tabel

Bailout Tracker

Bailout Tracker
Bron: New York Times

De evolutie van de telefoon

Tijdlijn Infographics
Bron: Pow Wow Now

Check in grafiek

grafiek infographic
Bron: Four Square

Dieper graven

Ik kwam tientallen interessante blogs en websites tegen met betrekking tot ons onderwerp toen ik mijn onderzoek voor dit bericht deed. Serieus, er zijn zoveel te lezen en te leren en te spelen! Ik heb nooit geweten dat er zoveel gegevens vrij beschikbaar zijn Gap Minder Betere Wereld Flux; Ik heb veel gelezen over informatieve sites / blogs zoals UX Booth (niet helemaal gerelateerd aan datavisualisatie, maar er zijn veel nuttige artikelen over hoe visualisaties de ervaring van de webgebruiker verbeteren), Dynamische diagrammen, Stromende gegevens; en ik bewonder ten zeerste alle verbluffende werken die worden weergegeven Randy's Pinterest-bord Chart Porn.

Als u slechts begint met datavisualisatie, raad ik u ten zeerste aan de hierboven vermelde sites en blogs te bezoeken.

Als u niet de kracht van gegevensvisualisaties in uw marketingcampagne gebruikt, is het nu het moment om te beginnen.

Over Jerry Low

Oprichter van WebHostingSecretRevealed.net (WHSR) - een hostingreview die wordt vertrouwd en gebruikt door gebruikers van 100,000. Meer dan 15 jaar ervaring in webhosting, affiliate marketing en SEO. Bijdrager voor ProBlogger.net, Business.com, SocialMediaToday.com en meer.