Of je nu software of scheerapparaten verkoopt, je bent bezig met het oplossen van problemen van mensen. Je digitale marketinginspanningen zijn niet anders. De website of advertenties van een merk moeten zo worden geoptimaliseerd dat ze potentiële klanten helpen snel oplossingen voor hun problemen te vinden. Visuele aanwijzingen maken dat mogelijk.
This guide explores what visual cues are, the power simple imagery can often have in reinforcing your branding message, and which visual cues you should use to optimize the impact of your marketing materials, along with examples of visual cues in action. As this article details, there is a strategy for choosing and implementing specific cues for each brand and the call to action you want the consumer to respond to.
Visuele hints zijn ontwerpelementen op webpagina's, advertenties en andere digitale marketingkanalen die mensen helpen om informatie snel te begrijpen. Deze kleine details zijn voorverpakt met verwachtingen en werken als een soort mentale snelkoppeling voor gebruikers.
Visuele signalen zijn van vitaal belang voor een naadloze gebruikerservaring (UX). UX-design is het proces van het creëren van een product, zoals een webpagina, dat voor gebruikers eenvoudig te navigeren is en hen helpt hun problemen sneller op te lossen. Visuele signalen helpen het UX ontwerp om deze doelen te bereiken.
Visuele aanwijzingen zijn vooral online belangrijk, waar gebruikers voortdurend worden overspoeld met advertenties, afbeeldingen en tekst die allemaal om hun aandacht vechten. De aanwijzingen verminderen de rommel op een pagina of in een advertentie en communiceren tegelijkertijd belangrijke informatie.
The most effective types of visual cues
Visual prompting comes in several forms, from obvious symbols (like arrows) to the specific selection of colors that dominate your brand. Since your company’s homepage is often someone’s first exposure to your brand, visual cues like these can ensure that visitors flow through the site and come away with a strong understanding of what you or your product has to offer.
Pijlen
De meest eenvoudige visuele aanwijzing is misschien wel de bescheiden pijl. Een pijl is een duidelijke, maar onopvallende manier om lezers precies te laten zien waar ze zich op moeten richten.
An arrow is so effective at directing readers’ attention, one experiment from CXL found that it outperformed three other types of visual cues in driving conversions.
Nutshell gebruikt een coole lusvormige pijl om de gratis proefknop bovenaan de startpagina te markeren.
De pijl zorgt voor wat extra aandacht en een duidelijke call-to-action, zodat er geen twijfel bestaat over waar bezoekers moeten klikken.
Pijlen kunnen ook aangeven waar je extra informatie kunt vinden zonder dat de pagina vol staat met nog meer tekstvakken.
Instapage, een platform voor landingspagina's, leidt lezers met behulp van subtiele pijlen naar meer informatie over de vele functies van de software.
De pijl laat bezoekers zien dat de inhoud onder de vouw doorgaat, waardoor de kans kleiner wordt dat ze de pagina helemaal sluiten.
Foto's van mensen
Mensen voelen zich van nature aangetrokken tot de gezichten van andere mensen, waardoor portretten een natuurlijke visuele aanwijzing vormen. Portretten kunnen de aandacht van een lezer trekken en, afhankelijk van de emotie die het geportretteerde onderwerp uitstraalt, de lezer een bepaald gevoel geven.
Een foto van een geportretteerde die naar de tekst op de pagina kijkt, kan de aandacht van de lezer trekken. De blik van het geportretteerde onderwerp versterkt ook het belang van de tekst.
Melyssa Griffin, an online business coach, uses this visual prompt to encourage visitors to take a quiz, which then gets them on her email list for them to see their results.
Hoewel foto's van mensen effectief kunnen zijn voor een merk dat wordt gedreven door persoonlijkheid, moet je twee keer nadenken voordat je ze gebruikt als visuele aanwijzingen voor een product. Als een foto van een persoon niets doet om informatie over het product over te brengen, daalt de conversie.
DOWNLOAD
Wil je meer leads genereren? (Natuurlijk wil je dat.)
De B2B Marketer's Toolkit verzamelt meer dan 120 van de beste tips voor leadgeneratie die ooit zijn gepubliceerd op de Nutshell blog. Download hem vandaag nog!
Niets is afschrikwekkender voor een websitebezoeker dan een muur van tekst. Beknopte, vetgedrukte koppen zijn gemakkelijker om op te focussen en laten veel ruimte over voor de call-to-action-knop om te schitteren, want dat is uiteindelijk wat u wilt dat potentiële klanten aanklikken.
Trello, een populair hulpmiddel voor projectbeheer, houdt het ontwerp van zijn homepage zo strak mogelijk. Het grootste deel van de tekst is gereserveerd voor een header en subheader waarin snel Trello's unique selling proposition staat.
There also aren’t any menu links to distract visitors, so there are fewer opportunities for them to navigate away. In fact, the only navigation option that is immediately available is an invitation to sign up. Without any excess clutter, visitors easily focus on the sign-up button in blue above the fold, another blue button in the top right corner, and a small link to a video if you want more information.
Neil Patel, een marketingexpert, hanteert een vergelijkbare aanpak op zijn website.
De kop is prominent aanwezig en hoeft niet te concurreren met menulinks of afbeeldingen om de aandacht van een bezoeker. Er is voldoende ademruimte voor de fel oranje knop, die helpt potentiële leads voor Patels bedrijf aan te trekken.
Kleur
There’s an entire field of study devoted to researching the effect colors have on our perceptions, emotions, and even physical senses, such as taste. Known as color psychology, designers and marketers often rely on it when making decisions about a brand’s color scheme.
Overweeg deze veelvoorkomende kleurassociaties voordat je een kleurenschema voor je merk kiest:
Rood - Kracht, opwinding, snelheid
Roze - Verfijning, oprechtheid
Paars - Luxe, ambitie
Geel - geluk, goedkoop
Oranje - Opwinding, creativiteit
Blauw - Vertrouwen, hoge kwaliteit
Groen - Fris, milieuvriendelijk
Bruin - Robuustheid
Zwart - verfijnd, duur
Wit - reinheid, zuiverheid
Ondernemer en spreker Dean Graziosi gebruikt een blauw kleurenschema, niet alleen op zijn website, maar ook door zijn hele merk. Let op de blauwe swagbekers op de eerste foto en de blauwe kleding op de tweede:
In de kleurenpsychologie wordt blauw beschouwd als een kalmerende kleur die betrouwbaarheid en kracht uitstraalt. Er wordt ook gedacht dat het mensen helpt productiever te zijn, wat aansluit bij Graziosi's bedrijf om mensen om te vormen tot ondernemers.
Product beelden
Onderschat de kracht van een productafbeelding niet. Uit een test van MarketingExperiments bleek dat wanneer de primaire homepageafbeelding werd veranderd van een persoon in een afbeelding van het product, de conversie met bijna 72% steeg.
Leadpages, a software that helps you build mobile and desktop landing pages, places a picture of the product in action above the fold on the homepage. This immediately tells visitors what the product does and encourages them to click the “Start a Free Trial” button if they want to achieve similar results.
A few subtle shapes further emphasize the pictures, like the rectangles and circles drawing the eye to the software’s design capabilities.
De keuze om te laten zien wat Leadpages kan, is vooral effectief als je bedenkt dat veel concurrenten van het merk zijn blijven steken in de eigenzinnige illustratie-ontwerptrend die een groot deel van de branding in de SaaS-industrie heeft gehomogeniseerd.
Prominente dozen
Formulieren zijn veelgebruikte hulpmiddelen om informatie over potentiële klanten te verzamelen. Een opvallend kader rond het formulier vestigt de aandacht op het formulier en zorgt ervoor dat het er netjes en ingekapseld uitziet op de pagina.
De homepage van Black Lives Matter barst van de content, want er zijn veel updates die ze willen delen over de beweging. Om hun inschrijfformulier voor e-mail op te laten vallen, hebben ze het ingekapseld in een zwart kader en geaccentueerd met een felgele knop.
Natuurlijk zijn boxen niet alleen voor lange formulieren. Ze werken ook goed voor afzonderlijke velden.
Instacart, a grocery delivery service, offers a single field for users to input their email to try the service. To contrast the field from the background, it’s enclosed in a plain box with contrasting colors and beautiful animations.
Zonder een kader zouden velden en formulieren net zo snel naar de achtergrond verdwijnen. Er zou niets zijn dat bezoekers aantrekt en de kans is groter dat ze nooit converteren.
Hoe maak je een visuele strategie voor je site?
Het is verleidelijk om te grijpen naar de visuele aanwijzingen waarvan je denkt dat ze er het beste uitzien of waar de meeste gegevens achter zitten, maar de waarheid is dat verschillende visuele aanwijzingen beter werken voor verschillende merken. Het bepalen van een ontwerpstrategie voor je digitale marketingkanalen vereist een zorgvuldige beoordeling en gecontroleerde tests.
Uw merk beoordelen
Denk kritisch na over wat je potentiële klanten wilt vertellen over je merk. Ben je een softwareleverancier die gebruiksgemak en een aangename interface belooft? Dan is een grillige, handgetekende pijl misschien wel de juiste visuele cue voor jouw merk.
Maar als je software een HR-oplossing is waarbij de mens centraal staat, is het misschien zinvoller om de pagina te ontwerpen met portretten van mensen die naar een call-to-action staren.
Overweeg of het weergeven van een afbeelding van het product bezoekers meer informatie geeft of dat het alleen maar afleidt. Het prominent weergeven van een screenshot van een customer relationship management (CRM) tool zoals Nutshell kan bijvoorbeeld verwarrend zijn voor nieuwe bezoekers.
Aan de andere kant, als je scheerbenodigdheden verkoopt zoals Harry's, communiceert een duidelijke foto van de productlijn heel veel met heel weinig.
Als je niet zeker weet wat je precies wilt communiceren, als het merk zich nog in de beginfase bevindt of als je een rebrand wilt doorvoeren, kijk dan eens naar deze gratis associatieoefening van DeSantis Breindel, een merkontwikkelingsbedrijf. Het kan je een beter idee geven van hoe mensen je merk zien versus hoe je graag gezien wilt worden. Van daaruit kun je beter geïnformeerde ontwerpkeuzes maken, zoals het kleurenschema van je merk.
A/B-test
A/B-testen, of het testen van meerdere versies van dezelfde pagina of advertentie, is essentieel om te bepalen welke visuele aanwijzingen het beste werken voor je merk.
Om een A/B-test uit te voeren, maak je gewoon twee of meer versies van de pagina of advertentie met slechts één visuele cue die op elke versie verschilt. Hier is een voorbeeld van verschillende versies die CXL heeft gemaakt bij het testen van hun formulier:
CXL heeft deze vormvariaties getest met eye-tracking technologie, maar het is niet nodig om zoveel geld uit te geven om je ontwerpen te testen.
Als je je homepage test, toon je elke versie van de pagina gewoon even lang of totdat ze door evenveel bezoekers wordt gezien. Analyseer vervolgens het conversiepercentage voor elke versie om te bepalen welke cue het meest effectief is om bezoekers naar de call-to-action te leiden.
Running ads on a platform like Facebook? The Ads Manager allows you to split test ad designs to determine performance based on cost per result or cost per conversion lift.
CXL ontdekte dat mensen het meest gefixeerd waren op de handgetekende pijl, maar elk merk is anders. De enige manier om te bepalen wat voor jou werkt, is door het te testen.
Gebruik een heatmap-tool
Als je bereid bent om wat extra uit te geven, kan een heatmap-tool zoals Hotjar je laten zien waar bezoekers klikken en wat hun scrollgedrag is. Dit kan aangeven of je visuele signalen wel of niet werken zoals bedoeld.
Hoewel Hotjar geen oogbewegingen volgt, kan het wel sessies op de site opnemen, zodat je kunt zien wat bezoekers zien. Het kan je ook laten zien waar bezoekers afhaken, wat handig kan zijn om te bepalen waar visuele hints moeten komen.
Help potentiële klanten te krijgen wat ze willen
Visuele aanwijzingen helpen mensen om snel door informatie te bladeren en leiden hen naar meer van de dingen die ze willen. De aanwijzingen die je kiest voor het ontwerp van je pagina's en advertenties moeten je ideale klant aanspreken en het voor hen gemakkelijker maken om oplossingen voor hun problemen te vinden.
Door je merk te beoordelen, visuele aanwijzingen te kiezen die aansluiten bij dat merkimago en vervolgens tests uit te voeren om te bepalen of die aanwijzingen effectief zijn, kun je een meer naadloze gebruikerservaring met je site en advertenties creëren.
Een zorgvuldig ontwerp betekent dat meer mensen zich aangetrokken voelen tot je product, waardoor je bedrijf sneller kan groeien.
ÉÉN TEAM. ÉÉN GEREEDSCHAP.
Krachtige e-mailmarketing, zonder kopzorgen
Nutshell Campaigns Sluit direct aan op je CRM-gegevens, zodat je zeer gerichte doelgroepsegmenten kunt maken, de impact van je e-mails in realtime kunt bijhouden en al je communicatie vanuit één tool kunt beheren. Ga gratis aan de slag!
