In veel situaties kan het presenteren van data in een aantrekkelijk formaat dat makkelijk te verteren is, veel voordelen bieden. Grafische widgets voor WordPress laten je ruwe getallen en statistieken omzetten in een visuele en informatieve weergave die aanspreekt. Meestal komt dit in de vorm van een plugin, waarmee je met die data binnen WordPress kunt werken.
In dit bericht verkennen we grafische widgets voor WordPress, inclusief de verschillende typen die je kunt gebruiken, de situaties waarin je ze zou gebruiken en nog veel meer. In de tweede helft van het artikel verzamelen we een aantal plugins die je kunnen helpen bij het implementeren van grafische widgets en laten we je vervolgens zien hoe je er een kunt gebruiken voor je eigen behoeften.
Grafische widgets in WordPress begrijpen
Websites (inclusief die welke WordPress gebruiken) gebruiken twee soorten widgets : grafische en tekstgebaseerde. Typische tekstwidgets kunnen boeiend zijn, maar grafische widgets geven informatie weer in een aantrekkelijker formaat.
Een lijngrafiek met gegevens voor katten en twee dekentypen over de tijdsperioden A tot en met N. De kattenlijn bereikt een piek rond de 8 eenheden in periode F voordat deze daalt, terwijl de dekenlijnen gedurende de hele periode laag en stabiel blijven.
Een grafische widget van een lijndiagram op de voorkant van een website.
Deze widgets hebben dynamische componenten die verschillende visuele representaties gebruiken, zoals diagrammen, grafieken, kaarten en voortgangsbalken, om complexe informatie in één oogopslag over te brengen. Dit kan u helpen beter met uw lezers te communiceren, wat hen op zijn beurt helpt uw gegevens snel te begrijpen en te interpreteren. Het kan ook uw gebruikersbetrokkenheid en -behoud verbeteren.
Hoewel er verschillende manieren zijn om uw gegevens te presenteren, hebben grafische widgets een paar elementen gemeen:
Ze geven gegevens op een dynamische manier weer.
U kunt interactieve elementen aanbieden waarmee gebruikers dieper in uw gegevens kunnen duiken.
Ongeacht het ontwerp van uw site , kunt u uw widgets naar wens aanpassen.
Er zijn talloze gevallen waarin u realtime updates kunt aanbieden van de gegevens die u presenteert.
Grafische widgets zijn echter niet alleen bedoeld om visuele flair aan uw site toe te voegen. Ze zijn een groot onderdeel van het visualiseren en interacteren met uw ruwe data.
What is that WordPress Theme?
Curious what WordPress theme a site is using? Use our free tool to gain insights into what theme is being used, and other key info.
Search theme
Waarom grafische widgets uw on-site datapresentatie kunnen helpen
Er zijn veel voordelen aan het gebruik van graphics om een boodschap over te brengen. Over het geheel genomen is visuele content big business en superbelangrijk voor online marketing .
Er zijn nog veel meer voordelen voor u en uw gegevens:
Verbeterde datavisualisatie. Complexe datasets kunnen toegankelijker worden gemaakt, waardoor gebruikers trends en patronen snel kunnen begrijpen. Ze kunnen ook de manier waarop u informatie levert vereenvoudigen door veelzijdige, aanpasbare en verteerbare visuele formaten te gebruiken.
Verbeterde gebruikersbetrokkenheid. Interactieve elementen geven gebruikers de mogelijkheid om hun tijd op de site en algemene betrokkenheidsstatistieken te verbeteren .
Professionele esthetiek. Als u het ontwerp goed aanpakt, kunnen widgets de visuele aantrekkingskracht van uw site vergroten. Deze gepolijste en professionele look kan uw datapresentatie een voorsprong geven.
Visuele informatie heeft in elk veld vaak een voorsprong op tekst. Dat betekent dat u belangrijke gegevenspunten zo kunt presenteren dat ze ‘blijven hangen’. Het is daarom van groot belang dat u ze op de juiste manier op uw site gebruikt.
Wanneer u grafische widgets op uw WordPress-website moet gebruiken
Te veel van het goede wordt repetitief en verzadigend. Dit betekent dat u grafische widgets met zorg en aandacht wilt gebruiken.
Het goede nieuws is dat er genoeg situaties zijn waarin u grafische widgets kunt gebruiken. Het duidelijkste moment om de grafieken tevoorschijn te halen is wanneer u complexe concepten voor uw lezerspubliek wilt vereenvoudigen. Er zijn echter andere nichegevallen:
Het presenteren van complexe datasets, waarbij u grote hoeveelheden data of ingewikkelde relaties tussen datapunten moet laten zien.
Trends in de loop van de tijd benadrukken en veranderingen of patronen in gegevens over verschillende tijdsperioden weergeven. U kunt zelfs doelen, mijlpalen of groeicijfers weergeven .
Het vergelijken van meerdere variabelen om de relaties of verschillen tussen verschillende gegevenscategorieën te illustreren.
Het weergeven 2024 Bijgewerkte telefoonnummerlijst van wereldwijd van geografische gegevens voor specifieke locaties of wanneer uw gegevens ruimtelijke context nodig hebben.
U kunt zelfs grafische widgets gebruiken waar u gebruikersinteractie nodig hebt, zoals voor dynamische rapporten of andere dashboards. De sleutel is om te beslissen of het visueel weergeven van uw gegevens het begrip en de betrokkenheid ervan zal verbeteren ten opzichte van andere benaderingen.
Kortom, als het visuele formaat waarde en duidelijkheid aan uw gegevens toevoegt, is de kans groot dat het geschikt is voor een grafische widget.
De verschillende. Soorten grafische. Widgets voor. WordPress
Datavisualisatie zelf kent verschillende vormen en elk weergavetype is geschikt voor verschillende data- en presentatiebehoeften. We gaan hier niet in op de details van elke manier waarop u uw data kunt presenteren, hoewel er een paar typische en opvallende opties zijn om op te merken.
Typische grafieken en diagrammen zoals staafdiagrammen, cirkeldiagrammen, lijndiagrammen en gebiedsdiagrammen zijn altijd een goede keuze voor datavisualisatie. Dit zijn de basiselementen van de aanpak:
Het statistiekendashboard van Wikipedia toont het totale aantal paginaweergaven in de afgelopen twee jaar. Met een zoekbalk how to design a digital advertising campaign bovenaan kunnen gebruikers onderwerpen verkennen of vragen bekijken. De hoofdinhoud toont een staafdiagram met groene balken die maandelijkse paginaweergavegegevens weergeven. Opties in de zijbalk omvatten verschillende statistieken en filters. Het totale aantal weergegeven weergaven is 265 miljard.
De Wikipedia-site toont een staafdiagram voor het totale aantal paginaweergaven.
Spreidingsdiagrammen zijn iets complexer, maar hiermee kunt u de relatie tussen twee variabelen weergeven:
De GitHub-repositorypagina voor WordPress met de sectie Community Standards. De checklist geeft aan dat het project items heeft voltooid voor beschrijving, README, gedragscode en licentie, met enkele items die nog in behandeling zijn, zoals bijdragende richtlijnen en beveiligingsbeleid.
Het Community Standards-inzicht op de officiële WordPress GitHub-pagina toont een openbare voortgangsbalk met betrekking tot een lijst met taken eronder.
Zelfs afbeeldingengalerijen , lightboxen en schuifbalken kunnen u helpen uw gegevens in meerdere dia’s te presenteren, met overlays adb directory of bijna als een verhaalgedreven gebeurtenis. Dit is waar tijdlijnvisualisaties in het spel kunnen komen, net als processtromen. Een type datavisualisatie dat u veel zult zien op fotografietutorialsites is een ‘Voor/Na-vergelijking’.
Waar u grafische widgets zou gebruiken (inclusief voorbeelden)
Het type visualisatie dat u gebruikt is belangrijk, maar hoe u het gebruikt (en waar) is ook belangrijk. Dat wil zeggen, er zijn verschillende toepassingen waarbij het gebruik van grafische widgets een groot voordeel zal hebben.
U zult zien dat er naast de typische use cases ook applicaties zijn die u vaak ziet, maar die u niet associeert met datavisualisatie. In de volgende paar secties zullen we een paar van deze toepassingen behandelen.
Zakelijke. Toepassingen
Een van de ‘go-to’-implementaties van grafische widgets is om in wezen uw belangrijkste statistieken te laten zien. Voor bedrijven is dit een duidelijke winst in termen van het op een aantrekkelijke manier presenteren van hun gegevens. Een staafdiagram is gemakkelijk te lezen met de juiste aswaarden en helpt verkooptrends in de loop van de tijd te visualiseren of verschillende producten of services te vergelijken.
Target is een van de miljoenen bedrijven die dit gebruiken om hun jaarlijkse omzetgroei te laten zien:
Financiële prestatie-infographic voor Target met totale omzet, bedrijfsresultaat, nettowinst en verwaterde EPS van 2018 tot 2023. Staafdiagrammen tonen de jaar-op-jaargroei voor alle statistieken, met 2023 gemarkeerd in het rood. Prestatiepercentages en vijfjaarlijkse CAGR worden voor elke categorie gegeven.
Target gebruikt staafdiagrammen om de prestaties van een aantal datapunten jaar op jaar te vergelijken.
Dit laat ook zien hoe deze eenvoudige presentaties de relatie tussen verschillende statistieken kunnen illustreren, zoals klantacquisitiekosten of levenslange waarde. Gestapelde staafdiagrammen kunnen dit type vergelijking ook weergeven. WordPress gebruikt deze aanpak op de Plugin Directory om de verdeling weer te geven van welke versie van een plugin gebruikers installeren:
Het geavanceerde scherm voor een WordPress-plugin dat actieve versies, een grafiek met downloads per dag en plugindetails toont. Deze details omvatten het versienummer, actieve installaties en beoordelingen. De plugin heeft meer dan vier miljoen actieve installaties en een beoordeling van 4,5 sterren.
De WordPress Plugin Directory maakt gebruik van gestapelde staafdiagrammen om te laten zien welke versies gebruikers downloaden.
Cirkeldiagrammen en donutdiagrammen zijn geweldig als een bedrijf gegevens over zijn klantenbestand wil tonen. Vaak wordt dit gesegmenteerd op leeftijd, locatie of een andere relevante factor. Elementor gebruikt een coole en unieke deeltjesvisualisatie om zijn grootste gebruikersbestanden te benadrukken:
E-commerce-statistieken
Aankoopbeslissingen vergen vaak een paar seconden overleg , dus het is cruciaal om snel de juiste informatie aan klanten te verstrekken. Productvergelijkingen met behulp van staafdiagrammen of radardiagrammen helpen u om functies of specificaties van verschillende producten te vergelijken, maar dat is nog maar het begin.
SRFACE gebruikt bijvoorbeeld een interactieve stijlgids om de specificaties van zijn wetsuits uit te leggen en het uiterlijk van elke variant te visualiseren:
Een GIF voor een productpagina voor een zwart wetsuit voor dames. Het toont een afbeelding van het wetsuit, prijsinformatie, maat- en dikteopties en productdetails zoals verzend- en garantie-informatie. De gebruiker navigeert door de maten, stijlen en productinformatie, die op het scherm wordt weergegeven.
Interactieve stijlgidsen kunnen een groot voordeel zijn voor e-commercewinkels, omdat ze potentiële klanten een meeslependere ervaring bieden.
Het is vergelijkbaar met een zakelijke applicatie, maar je kunt ook grafieken en diagrammen gebruiken om bezoekers trends in productacceptatie te laten begrijpen. De WordPress Theme Directory doet dit met behulp van staafdiagrammen:
Een staafdiagram dat de dagelijkse downloads van een WordPress-thema in de loop van de tijd weergeeft. De grafiek geeft actieve installaties van meer dan een miljoen aan. Downloadaantallen fluctueren, met verschillende pieken die rond de 12.000 downloads per dag liggen, afgewisseld met periodes van lagere activiteit rond de 6.000-8.000 downloads per dag. De x-as loopt van november 2023 tot juli 2024.
De WordPress Theme Directory bevat een staafdiagram waarin de downloadcijfers voor elk thema in de loop van de tijd worden weergegeven.
U kunt grafische widgets overal plaatsen waar u anders tekst zou gebruiken. Veel e-commercewinkels gebruiken bijvoorbeeld eenvoudige contrasterende tekst voor voorraadberekeningen . Voortgangsbalken passen hier echter misschien beter, omdat ze ook de urgentie van een verkoop kunnen vergroten.
Realtime metrische tracking
Realtime visualisaties hebben een spannend gevoel omdat u een live progressie van de gevolgde metriek ziet. Goede doelen en non-profitorganisaties gebruiken dit soort grafische widgets vaak .
GoFundMe is het grootste crowdfundingplatform ter wereld. Elke inzamelingsactie krijgt een thermometer of voortgangsbalk die volloopt naarmate een doel nadert:
