hvis du bryr deg om å forbedre konverteringer og salg på nettstedet ditt, må du bry deg om farge.
Mennesker har brukt farger for å kommunisere i årtusener, fra de tidligste hulemalerier til dagens gateskilt. Farge kommuniserer på måter som ord og bilder ikke kan, og bruk av farge effektivt kan være et kraftig verktøy for ethvert nettsted.
I Dag lærer du hvordan du bruker fargepsykologi for å gjøre nettstedet enklere å bruke og generere flere konverteringer og kunder.
Underveis vil vi utforske litt av meningen bak forskjellige farger, og noen fallgruver du må se etter når du inkluderer farge i designet ditt.
La oss hoppe inn!
slik bruker du farge for å forbedre brukervennligheten
La oss starte med den enkleste måten å bruke farge på nettstedet ditt: forbedre brukervennligheten.
hvis ditt nåværende nettsted er forvirrende eller vanskelig å navigere, kan du legge til noen få biter av farge for å gjøre ting lettere på øyet og forbedre brukeropplevelsen.
Spesielt nå som de fleste nettstedstrafikk kommer fra mobile enheter, har vi mindre plass til å kommunisere vårt budskap og trenger å gjøre ting så klart som mulig.
det er der fargen kan komme inn i bildet.
ved å bruke riktig type farger på riktig måte, kan vi tilby en rikere og mer effektiv brukeropplevelse.
Bruk kontrast til å veilede brukeratferd
det første trinnet er å bruke kontrast til å vise brukerne hva som er viktig på nettstedet ditt. Du kan for eksempel ha en side der folk sannsynligvis vil avslutte. Du kan bruke farger til å trekke leserne inn og holde dem engasjert.
for eksempel bruker denne bloggsiden På Crazy Egg bare dristige farger (grønn og blå) for lenker.
dette betyr at brukeren trekkes til å ta en handling, som å abonnere på nyhetsbrevet eller lese flere artikler. Kontrasterende farger som dette forbedrer engasjement beregninger.
du kan også bruke kontrastfarger til å utheve navigasjon eller separate områder på et område.
Bruk lys vs. kjedelig farger å lede brukeren
Et annet nyttig verktøy i verden av farge psykologi bruker nedtonet eller kjedelig farger for å indikere unreferred eller deaktivert handlinger.
du kan se dette hver dag med knapper og alternativer som er grå. Det indikerer naturlig at alternativet ikke er ønskelig.
du kan også bruke den til å forenkle nettstedet ditt. Gjør mindre viktige navigasjonselementer grå og skjul dem i vanlig syn.
Bruk symboler i kombinasjon med farger
Symboler er en perfekt partner for farger. De er allsidige, enkle og bør være klare og forståelige.
mens farge i de fleste tilfeller inneholder mer fremtredende enn et typisk symbol, gjør det bare ting enda tydeligere å bruke dem sammen.
slik bruker du farge til å veilede brukerhandlinger
Sjansen er At ditt eneste nettstedsmål ikke bare er et som er enkelt å navigere. Du har sannsynligvis også bestemte handlinger du vil at brukerne skal ta, som å registrere deg for en e-postliste, kjøpe et produkt eller be om et tilbud.
hvis det er tilfelle, kan du bruke farge til å påvirke kjøpsbeslutninger. Slik gjør du det.
Bruk positive og negative farger
en flott måte å gjøre dette på er å bruke positive og negative farger for å indikere et» riktig «og» feil » alternativ.
Samfunn og natur har koblet rødt og grønt så dypt inn i vår underbevissthet at ingen andre to farger dele slike motstridende betydninger.
et av de mest åpenbare eksemplene på denne forbindelsen er den internasjonale fargekoden i standard trafikklys.
vi ser grønt som en positiv, progressiv farge, så ord som go, ja, god, godta, og opp alle kan være relatert til fargen grønn.
Rødt indikerer det motsatte av grønt, med ord som stopp, nei, dårlig, avvis og ned. Rød har en negativ eller farlig betydning og øker hjertefrekvensen og indikerer haster.
en flott måte å bruke rødt og grønt på er med grunnleggende handlinger som legg til og fjern eller for å trekke oppmerksomhet til en innstilling.
Selv LinkedIn, som har en fargepalett på nesten helt blå, bruker grønt for å indikere aktiveringsinnstillinger, og rødt for å vise varsler.
du vil raskt legge merke til andre eksempler på nettet.
Start, opprett, legg ut og ny er ofte i grønt, med rødt som omfatter handlinger som slutt, slett, koble fra og avbryt.
Bruk lyse, varme farger for oppmerksomhet og varsler
det er grunnen til at varslene på telefonen, På Facebook, og omtrent alle plattformer er røde-de fungerer!
Lyse, varme farger som rød, oransje og gul er best for oppmerksomhet og varsler. Orange er en spesiell favoritt for å indikere spenning eller oppfordring til handling.
hvis du kombinerer en lys farge med et kraftig symbol, kan du gjøre meldingen enda mer effektiv.
for eksempel bruker jeg et oransje advarselssymbol på nettstedet mitt for Å trekke oppmerksomhet til SEO-webinaret mitt.
hvis det symbolet var blått eller grønt, ville det bare ikke ha samme effekt. Hvis du trenger å trekke leserens oppmerksomhet et sted, bruk en lys farge som dette.
bruk grå for mindre ønskelige alternativer
det er en ekstra farge i det positive / negative forholdet. Det er grått-en nøytral, mellomgrunnsfarge. Det er en flott aksentfarge du kan bruke til å trekke oppmerksomheten bort fra et sekundært alternativ.
For eksempel bruker denne opt-in-siden På Ambastha Athletics gray for å sette oppmerksomheten på registreringsknappen.
i Tillegg vil du legge merke til at han bruker oransje for å fange besøkerens øye og trekke oppmerksomheten til » heck yeah!»nyhetsbrev abonnement skjema.
Konklusjon
hvis du er seriøs om å forbedre nettstedet ditt, må du ta et dypt dykk inn i hva fargene du bruker representerer.
Uten å se på fargene du bruker, kan du være nedslående kundehandlinger for noe som er viktig, eller trekke fokus mot noe ved et uhell. Ved å bruke og forstå betydningen bak farger, kan du forbedre brukerflyten og øke konverteringene.
for å starte, se på eventuelle problemer brukerne ser ut til å ha på nettstedet ditt. Hvordan kan du bruke farge til å få vanlige handlinger til å skille seg ut, holde folk engasjert på en side eller forbedre navigasjonen?
deretter vil du undersøke brukerflyt. Du kan bruke positive og negative farger, som rød og grønn, for å indikere en foretrukket handling. Dempede farger, som grå, kan vise et deaktivert alternativ. Og lyse farger, som rød, gul og oransje, kan fange oppmerksomheten til en besøkende.
Kombinere disse fargene kan veilede brukeradferd og forbedre konverteringene.
hvilke farger vil du bruke til å forbedre nettstedet ditt?
Øk trafikken