Betydningen av visuell kontekst i webdesign

Ifølge resultater fra en ofte sitert studie ved Missouri University of Science and Technology, tar besøkende mindre enn to tiendedeler av et sekund for å danne en mening om virksomheten din. Det er en visuell kontekst som hjelper dem å forstå hva som foregår, danne et solidt inntrykk og bli lenger. Visuelle har en overbevisende innvirkning på brukerne, da de bedre kan levere en rask melding enn tekstinnhold.

Når det gjelder det skrevne ordet, gjør fraværet av kontekst det vanskelig for en leser å forstå hva en forfatter ønsker å formidle. Dette skjer også i webdesign. Et nettsted må skape en visuell kontekst som kommuniserer bakgrunnskunnskap og historie om organisasjonen den tilhører. 

Hva er Visual Context?

Visuell kontekst refererer til presentasjon av innhold som forbedrer leveringen av et nettsteds melding.

For eksempel kan en arkitekts nettside inkludere en portefølje av vellykkede prosjekter. Det er etter en brukers skjønn å enten utforske denne kompetanseseksjonen eller ikke. Men visuell kontekst fra begynnelsen (bruk av bilder, farge, plass) vil sikre at brukerne blir kjent med arkitektens designkunnskaper, erfaring innen bygg og anlegg, og administrativ kompetanse er det samme.

Ta et annet eksempel på dette flyindustrien. Den dristige visningen av fly og ingeniørarbeid klargjør deres posisjon i luftfartsindustrien på et øyeblikk. Brukeren er ikke engang forpliktet til å lese bannerteksten.

www.mercaerospace.co.uk

Tenk deg hvordan den samme destinasjonssiden skulle vises hvis vi skulle fjerne bildene av flyet? Utvilsomt mer vag og kompleks. Merc Aerospace tilbyr et bredt spekter av ingeniørløsninger til ulike sektorer, men er hovedsakelig utsatt for luftfartsindustrien, som alle er representert hensiktsmessig gjennom visuelle.

Hvordan er Visual Context opprettet?

Å skape en visuell kontekst avhenger av å forstå brukerne. Perspektivet for en bruker endres med alder, kjønn og etnisitet. For eksempel kan legge bilder med hvit farge oppmuntre til et begrep om lykke for ett fellesskap, men formidle tegn på tristhet for andre. Derfor, for å innlemme bilder helt i en forretningskontekst, må du vurdere forståelsen av menneskene du trenger å nå, noe som brukerpersoner kan hjelpe deg med.

• 

  Stopp å sette brukerpersoner i skrivebordslåken din

  Personer er noe vi har løftet fra reklamebransjen. Uheldigvis passer de ikke til webdesignprosessen. Nå er det på tide å endre ...
• 

  Å gjøre Internett tilgjengelig for alle med inklusiv design og diverse personas

  Denne artikkelen vil utforske hvordan vi bedre kan forstå tilgjengelighet og folk gjennom bruk av "ulike personas" i vår designprosess, og hjelper oss med å lage ...

Følgende er noen verdige ingredienser for å skape visuell kontekst:

•          Bilder relatert til virksomheten
•          Infographics for å oppsummere en teksttekst på en skannbar måte
•          Piler, linjer og kurver for å markere tall eller vise retning
•          Valg av ord og uttrykk beriker den visuelle konteksten
•          Storytelling gjennom kreativt vevd grafikk
•          Tiltalende ikoner for nyttig navigering

Hvor viktig er visuell kontekst?

La oss se på noen grunner bak betydningen av visuell kontekst:

Første visninger Count

Som nevnt tidligere bruker brukerne en brøkdel av et sekund for å danne en mening om nettstedet ditt. En mer konsentrert mening forsterkes på bare et par sekunder etter det. Branding, bilder og ikoner må skape et storslått førsteinntrykk på kort tid. For å oppmuntre brukerne til å bli lenger, sørger produsent for at visuell kontekst gir dem en informert oversikt over hva nettstedet handler om og hva det står for.

Det hjelper med å levere informasjon

Visuals av et nettsted har en "sensuell" appell i forhold til tekstlig kontekst. En bruker vil sannsynligvis legge merke til de komplementære bildene som bekrefter den generelle konteksten, heller enn setninger og avsnitt. Men god historien din forteller at den første følelsesmessige responsen fra brukeren er sterkt avhengig av visuelle, som hjelper til med den endelige overføring av informasjon.

• 

  Sørg for at brukere husker deg, fortell en historie

  Til tross for at historiefortelling dominerer alt fra underholdning til reklame, bruker vi sjelden det på våre nettsider. Det er på tide å endre det.

Bedre brukerforståelse

Den visuelle konteksten gjør en historie levende. Det gjør en bruker (ukjent for nettstedet) forstår en bedrift og dens virksomhet. Han eller hun vil få kjernevirksomhetsideen fra konteksten, og deretter søke etter alternativene, produktene og tjenestene som er tilgjengelige. 

Hvis du forfølger et innovativt brukergrensesnitt, som tåler konvensjoner, vil visuell kontekst bidra til å bygge bro over gapet mellom brukere og produktet.

Følelsesmessige obligasjoner er viktige

Visuell kontekst er nyttig for å trigge følelsene til en målgruppe. Ta eksemplet med Lend With Care, en mikrofinansorganisasjon. Telle antall menneskelige ansikter på hjemmesiden, umiddelbart gi kontekst og koble til brukeren. De varme, myke fargene gjør nettstedet innbydende, smilene formidler positivitet og en følelse av fellesskap.

www.lendwithcare.org

Innenfor øyeblikk har besøkende et følelsesmessig bånd med nettsiden. 

• 

  Store smiler og glade ansikter i webdesign

  I denne ukaens inspirerende roundup skal vi legge smiler på ansiktene våre ved å se på lykkelige illustrasjoner fra hele nettet.

Og dette kan gjelde for produkter like godt kunder kan like sannsynlig danne forbindelser med en rekke produkter. Som designer er det din jobb å lage visualer som berører indre mål for en målgruppe. 

Konklusjon

Visuell kontekst hjelper brukerne, spesielt første gangs besøkende, å tolke et nettsteds egenskaper og verdier. Som designer kan du bruke det vi har diskutert - den avgjørende kombinasjonen av bilder, farge, visuelle data, infographics, videoer, animasjon, ikoner, retning og alle andre visuelle verktøy til din disposisjon - for å skape den helt viktige konteksten.