De betekenis van visuele context in webontwerp

Volgens resultaten van een vaak geciteerde studie van de Missouri University of Science and Technology nemen bezoekers minder dan twee tienden van een seconde om een ​​mening te vormen over uw bedrijfswebsite. Het is een visuele context die hen helpt te begrijpen wat er gaande is, een degelijke indruk maakt en langer blijft. Visuals hebben een overtuigende impact op gebruikers omdat ze effectiever een snelle boodschap dan tekstuele content kunnen leveren.

In termen van het geschreven woord maakt het ontbreken van context het moeilijk voor een lezer om te begrijpen wat een schrijver wil overbrengen. Dit gebeurt ook in webdesign. Een website moet een visuele context creëren die de achtergrondkennis en het verhaal communiceert van de organisatie waartoe het behoort. 

Wat is visuele context?

Visuele context verwijst naar de presentatie van inhoud die de weergave van het bericht van een website verbetert.

De website van een architect kan bijvoorbeeld een portfolio met succesvolle projecten bevatten. Het is aan het oordeel van een gebruiker om deze expertisesectie te verkennen of niet. Maar de visuele context vanaf het begin (het gebruik van beeldspraak, kleur, ruimte) zorgt ervoor dat de gebruikers kennis krijgen van de ontwerpkennis van de architect, ervaring in de bouw en de administratieve expertise, allemaal hetzelfde.

Neem nog een voorbeeld van dit ruimtevaartengineeringbedrijf. De krachtige weergave van vliegtuigen en techniek verduidelijkt in een oogopslag hun positie in de luchtvaartindustrie. De gebruiker is zelfs niet verplicht de bannertekst te lezen.

www.mercaerospace.co.uk

Stel je voor hoe diezelfde bestemmingspagina zou verschijnen als we de afbeeldingen van het vliegtuig zouden verwijderen? Ongetwijfeld vager en complexer. Merc Aerospace biedt een breed scala aan technische oplossingen voor verschillende sectoren, maar is vooral blootgesteld aan de luchtvaartindustrie, die allemaal op passende wijze wordt weergegeven door middel van visuals..

Hoe is visuele context gecreëerd?

Het creëren van een visuele context hangt af van het begrijpen van uw gebruikers. Het perspectief van een gebruiker verandert met leeftijd, geslacht en etniciteit. Het toevoegen van afbeeldingen met witte kleur kan bijvoorbeeld een idee van geluk voor een gemeenschap aanmoedigen, maar tekenen van verdriet voor anderen tonen. Daarom, om visuals perfect in een zakelijke context te integreren, moet u het begrip van de mensen die u nodig hebt, evalueren, iets waarmee gebruikerspersonages u kunnen helpen met.

  • Stop met het plaatsen van gebruikerspersonages in uw bureaulade

    Persona's zijn iets dat we uit de advertentie-industrie hebben gehaald. Helaas passen ze te vaak niet in het webontwerpproces. Dit is het moment om te veranderen ...
    Paul Boag
    UX
  • Het internet toegankelijk maken voor iedereen met inclusief design en verschillende persona's

    Dit artikel zal onderzoeken hoe we toegankelijkheid en mensen beter kunnen begrijpen door het gebruik van 'diverse persona's' in ons ontwerpproces, waardoor we ...
    Graeme Fulton
    Toegankelijkheid

De volgende zijn enkele waardevolle ingrediënten voor het creëren van visuele context:

  •          Afbeeldingen met betrekking tot de aard van het bedrijf
  •          Infographics om een ​​tekstbestand op een scanbare manier samen te vatten
  •          Pijlen, lijnen en curlicues om nummers te markeren of richting te tonen
  •          Selectie van woorden en uitdrukkingen verrijken de visuele context
  •          Verhalen vertellen door creatief verweven grafische afbeeldingen
  •          Aansprekende pictogrammen voor nuttige navigatie

Hoe belangrijk is visuele context?

Laten we eens kijken naar enkele redenen achter de betekenis van visuele context:

Eerste vertoningen tellen

Zoals eerder vermeld, nemen gebruikers een fractie van een seconde om een ​​mening te vormen over uw website. Een meer geconcentreerde mening wordt versterkt in slechts een paar seconden daarna. De branding, afbeeldingen en pictogrammen moeten in korte tijd een grootmoedige eerste indruk creëren. Om gebruikers aan te moedigen om langer te blijven, geeft een betrouwbare visuele context hen een goed beeld van waar de website over gaat en waar het voor staat.

Het helpt bij de levering van informatie

De beelden van een website hebben een "sensuele" aantrekkingskracht in vergelijking met de tekstuele context. Een gebruiker zal waarschijnlijk de aanvullende afbeeldingen opmerken die de algehele context bevestigen, in plaats van zinnen en paragrafen. Hoe goed je verhaal ook is, die eerste emotionele reactie van de gebruiker is sterk afhankelijk van beeldmateriaal, en helpt de uiteindelijke overdracht van informatie.

  • Zorg ervoor dat gebruikers je herinneren, een verhaal vertellen

    Ondanks het feit dat verhalen alles domineren, van entertainment tot reclame, gebruiken we het zelden op onze websites. Het is tijd om dat te veranderen.
    Paul Boag
    UX

Beter gebruikersbegrip

De visuele context maakt een verhaal live. Het maakt een gebruiker (onbekend voor de website) die een bedrijf en zijn activiteiten begrijpt. Hij of zij krijgt het kernbusinessidee uit de context en zoekt vervolgens naar de beschikbare opties, producten en services. 

Als u een innovatieve gebruikersinterface nastreeft, die conventies tart, helpt visuele context u de kloof tussen gebruikers en uw product te overbruggen.

Emotionele obligaties zijn belangrijk

Visuele context is nuttig om de emoties van een doelpubliek te triggeren. Neem het voorbeeld van Lend With Care, een microfinancieringsorganisatie. Tel het aantal menselijke gezichten op de startpagina, geef meteen context en maak contact met de gebruiker. De warme, zachte kleuren zorgen ervoor dat de website uitnodigt, de glimlach zorgt voor positiviteit en een gemeenschapsgevoel.

www.lendwithcare.org

Binnen enkele ogenblikken hebben bezoekers een emotionele band met de website. 

  • Grote glimlachen en blije gezichten in webdesign

    In de inspirerende razzia van deze week zullen we een glimlach op onze gezichten toveren door te kijken naar vrolijke illustraties van overal op internet.
    Ian Yates
    Inspiratie

En dit kan evengoed op producten van toepassing zijn - klanten kunnen net zo goed connecties leggen met een verscheidenheid aan producten. Als ontwerper is het jouw taak om visuals te maken die de innerlijke zintuigen van een doelpubliek raken. 

Conclusie

Visuele context helpt gebruikers, vooral bezoekers die voor het eerst een site bezoeken, om de kenmerken en waarden van een website te interpreteren. Als ontwerper kunt u gebruiken wat we hebben besproken - die cruciale combinatie van afbeeldingen, kleuren, visuele gegevens, infographics, video's, animaties, pictogrammen, richting en alle andere visuele gereedschappen die u tot uw beschikking hebt - om die uiterst belangrijke context te creëren.