5 Color Psychology Tips for øyeblikkelig å forbedre netthandelssider

Fargesykologi for e-handelsnettsteder

Som designer kan fargesykologi kanskje ikke være noe du tenker på regelmessig, men du er sannsynligvis klar over at noe rødt kan få deg til å føle deg sulten, og at et lyst, solrikt gult rom kan få deg til å føle deg lys og lykkelig.

Bruk av fargepsykologien til e-handel nettstedsdesign kan også ha en emosjonell innvirkning på besøkende. Hvilke farger du velger for designet kan hjelpe med merkegjenkjenning og til og med hvor sannsynlig en kunde er stol på merkevaren din.

Fargesykologi er i utgangspunktet måten fargen påvirker følelser og atferd hos mennesker. Gjør det at de ønsker å kjøpe en vare? Gjør det dem lykkelige, eller viser det en seriøs side?

Fargepsykologi er imidlertid ikke så enkelt som rødt gjør deg sulten, og blått gjør at du føler deg rolig. Det er mye mer som går inn i fargesykologi, og det har mange fasetter i lag. Mer, hvis du gjør dette for e-handelsnettsteder, er fargesykologi desto viktigere.

innhold[Forestilling]

Det er ikke en universelt akseptert standard for hvordan farger påvirker alle. Følelsene eller følelsene fargen skaper er veldig individuelle fra person til person. Dine egne livserfaringer kan til og med påvirke hvordan du ser en bestemt farge og følelsene den fremkaller.

I Impact of Color in Marketing Study fant forskere det 90% av førsteinntrykket kommer fra om den besøkende føler at fargen er passende for merkevarebygging, og om den passer til det som selges.

Hvis kunden føler at fargen ikke passer til merkevaren, stoler de ikke like sannsynlig på selskapet.

Takeaway?

Vær oppmerksom på fargesyn, for eksempel mørke farger, svarte og gråtoner for robuste, mandige produkter og rosa og lilla for jentete produkter. Bare vær ikke så bundet til fargelære, at du ignorerer merkevarebygging eller den generelle estetikken i design.

Begynn med en veldig flott responsiv design, og deretter kan du tilpasse fargene for å finne de beste for ditt spesielle merke. Du vil også være oppmerksom på balansen mellom hvite rom og hvis den generelle utformingen er behagelig for det menneskelige øye.

Hvordan farger påvirker konverteringsfrekvensen

Hvordan bruke fargelære i design av e-handel

Når det gjelder å bruke fargeteori på e-handelsdesign, er det beste stedet å starte med hvilke farger som gjør at brukerne vil kjøpe produktet ditt. Cirka 62-90% av den oppfatningen en kunde gir de første 90 sekundene på et nettsted, er dannet av fargevalg alene.

Anbefalt lesning: 

25+ Beste e-handel WordPress-temaer for nettbutikker (2020)

 

Med det i tankene kan du se hvorfor det er viktig å velge de riktige fargene for designet ditt.

Det siste du vil gjøre er å slå av kunder slik at de spretter bort fra nettstedet ditt.

Som nevnt tidligere, hvilken farge som kan lokke leserne, kan avhenge av din generelle merkevarebygging og om den kunden oppfatter det som passende for ditt merke.

For eksempel, hvis du selger motorsykkeltilbehør, vil du sannsynligvis ikke bruke en rosa kjøpsknapp unless du selger spesielt jentetilbehør til kvinner. Du vil ha en viss konsistens gjennom hele designen.

Så hvis du bestemmer deg for å bruke røde CTA-knapper, bør CTA-knappene opprettholde den fargen gjennom hele designet. Det eneste unntaket fra dette er hvis du bare vil gjøre oppmerksom på en bestemt knapp og ikke de andre.

Det som sannsynligvis er enda viktigere enn fargen du til slutt velger, er å sørge for at fargene dine er konsistente på hele nettstedet ditt. Hvis du bestemmer deg for å bruke rødt for å skape en følelse av energi og friskhet, så hold deg til den fargepaletten fra samtale til handlingsknapper til utvalgte overskrifter.

Pass på at du ikke bruker sammenstøtende farger som kan skape et klirrende symbol for irritasjon for besøkende på nettstedet.

fargepsykologi

Kilde: WebpageFx

Navigere i fargevalg - hvordan tar jeg det beste valget?

Å vite hvilke farger du skal bruke når kan være litt mer komplisert, men det er mulig å finne ut hva som fungerer best for nettstedet ditt.

Hvis du for eksempel vil skape en følelse av tillit, kan blått være et godt valg. Vi forklarer litt mer nedenfor om hvilke typer følelser og følelser forskjellige farger kan målrette mot.

Det er også smart å vite hvilke farger konkurrentene dine bruker og bestemme om lignende farger vil fungere bra for deg, eller om du vil skille deg ut fra konkurransen med veldig forskjellige farger. Noen nettsteder bruker farger veldig bra. Her er et par eksempler:

  • Dick's sportsutstyr bruker mørkegrønn for å få en til å tenke på det store utendørs. Siden de selger utendørsutstyr, er dette det perfekte fargevalget for dem. Du finner denne fargen i topptekstene, salgsbannerne og noen CTA-knapper.dicks sportslige

 

  • Rue 21 er en online klesbedrift som er rettet mot tenåringer og unge voksne. Klærne er friske, rimelige og morsomme. Det er ikke overraskende at fargene som brukes på dette nettstedet er unge, friske, lyse blues og pinks. Legg også merke til at fokuset er på billig pris med små lyserøde bobler som viser de forskjellige prisklassene i butikken. Dette er nesten en oppfordring til handling for besøkende på nettstedet.

rue21 

Målpersoner og farger - for hvem er produktet mitt beregnet?

 

Det er viktig å forstå målgruppen din og hvilke farger de forventer fra nettstedet ditt. Så ditt første trinn i å velge en fargepalett bør begynne med å studere demografiske mål.

Hvis du ennå ikke har opprettet en brukerperson for målgruppen din, bør du opprette minst en.

Dette er i utgangspunktet en fiktiv person som representerer din mest sannsynlige kunde. Du kan gi ham eller henne et navn, trekk, potensiell karriere og så videre. Dette kan hjelpe deg med å bedre forstå publikum du skriver for, og du kan deretter innrette innholdet ditt - og fargevalgene dine - mot denne personlighetstypen.

For eksempel har det vist seg at menn pleier å foretrekke blått med 57%, etterfulgt av grønt (14%) og svart (9%).

Et eksempel på bruk av blått kombinert med et maskulint utseende er Mountain Productions Rigging Equipment and Services. Legg merke til hvordan fargene er dype og mørke, og gir hele siden et maskulin utseende. Pops of blue får inn en favorittfarge, og skaper en sterk oppfordring til handling, og siden har nok hvit plass til å balansere hele utseendet.

rigging

Kvinner pleier å foretrekke blått også med 35%, fulgt tett av lilla på 23% og rødt på 9%.

Et godt eksempel på bruk av lilla i et webdesign kan sees på nettstedet til Claire's, som selger rimelige moter og smykker. Dette nettstedet bruker noen lilla bånd, men det bruker også sterke sprut av lys farge for å vise sin ungdommelige side, spesielt i bildet av de unge jentene som har på seg Claires tilbehør.

Imidlertid trekker nettstedet også inn litt blått, og forstår at blå er en favoritt og pålitelig farge blant kvinner. Du vil til og med få øye på noe rødt på dette nettstedet, og bevise at de som designet det tydelig forstår at de fleste kvinner foretrekker disse fargene fremfor andre.

Til syvende og sist kan du virkelig ikke gå galt med blått, siden de fleste liker fargen og ser den som pålitelig og beroligende.
claires

Farger og hva de formidler

 

Mens du bør huske at innvirkningen en farge kan variere basert på opplevelsene til de som ser på en bestemt side, er det noen tommelfingerregler om hva hver farge betyr at du kan bruke på designene dine:

1. rød

Rød har en tendens til å formidle:

  • Energi
  • strøm~~POS=TRUNC
  • Passion
  • Kjærlighet


Rødt kan skape spenning, og det vekker oppmerksomhet. Legg merke til hvordan nettsteddesignet nedenfor er lyst og energisk.

Fantasy Shopping bruker rødt i begge deler av overskriften og for å utgjøre et sterkere poeng for et spørsmål og i selve designet. Legg merke til hvordan det røde trekker oppmerksomheten mot hvor designeren vil at den skal gå.

balenciaga e-handel nettsteder farge

XStore tilbyr en mykere mal med rødt tema, men den fortsetter å ha en fet uttalelse med de diagonale linjene som kommer mot sentrum. Fokuspunktet fører deg rett til hovedteksten. 

XStore

2. Gul

Gul fremkaller ofte:

  • Joy
  • Energi
  • Varme
  • Munterhet


Gul skaper ofte følelser av lykke og letthet.

 

Lipton Tea gjør en utmerket jobb med å bruke gult for å skape en lys og solrik stemning. Ikke bare er iste assosiert med lykkelige tider, men også med solte og sommer.

De lyse gule i dette designet gjør deg glad og kan hjelpe deg med å forestille deg moroa med en grill i bakgården. Det får deg til å ønske å løpe rett ut og kjøpe litt te, slik at du kan lage din egen soltebrygging, ikke sant?

Legg merke til hvordan selv produktbildene gjenspeiler denne bruken av solgult.

Lipton Tea - fargepsykologi for netthandelsnettsteder

Sitrons mal også formidler varme og livlighet gjennom designet med et hint av gult gjennom de forskjellige sidene.

Brukere oppfordres til å flytte markøren over toppnavnet, og endre den gjennomsiktige svarte til et strøk av gult. Denne designen fremhever ikke bare energi, men den inviterer andre til å føle seg forynget mens de blar gjennom nettstedet.

sitron

3. Svart og grått

Svart og grått skaper ofte en følelse av:

  • Myndighet
  • strøm~~POS=TRUNC
  • Styrke
  • Maskulinitet
  • nøytralitet

Disse fargene skaper også en følelse av tillit og pålitelighet.

Harley Davidson bruker svarte og gråtoner veldig effektivt for å lage et kraftig, maskulin nettsted som snakker om makt og autoritet. Legg merke til hvordan fargene er ganske mørke bortsett fra den oransje CTA-knappen.

Du kan ikke unngå å ha blikket rettet mot den knappen, som effektivt kanalfører den besøkende der selskapet vil at de skal gå.

Les mer om svarte nettsteder og mørk webdesign her.

Harley Davidson - fargesykologi

Phoenix tema bruker også svart og grå i malen og har en sterk og sofistikert persona. Det er en glatt mal med minimale distraksjoner.

Denne typen nettsteder appellerer til bedriftsledere som ikke vil ha gimmicks og kom til nettstedet for ett formål. Hvis du er interessert i å implementere minimalistiske webdesignteknikker og mer, vil du kanskje sjekke ut denne artikkelen om minimale WordPress-temaer.

phoenix

4. oransje

Orange har en tendens til å markedsføre:

  • Lykke
  • Kjøreglede
  • Varme
  • sofistikert

Som rød og gul kan oransje skape en følelse av energi og lykke. Imidlertid blir det også sett på som en mer sofistikert farge. Et godt eksempel på bruk av appelsin i et design er Sunny Delight Beverages. Siden dette er appelsinsmakede drikker, er det fornuftig at de bruker denne fargen i sitt design.

Husk at en del av psykologien med farger bruker farger som besøkende forventer at merkevaren din bruker. Sunny D bruker dette konseptet veldig bra. Designet bruker oransje kanter, oransje navigasjonsknapper og oransje i bildene og logoen. Sammenstillingen av det dype blå og hvite rommet gir et sofistikert utseende som viser at drikken ikke bare er for barn, men heller for alle aldre.

Solrik D

Legg merke til hvordan Omegas mal har så mye liv gjennom designen på grunn av den dristige oransje linjen. Det er et innbydende oppsett, og alle funksjonene de vil påpeke er i oransje. Estetisk kan denne enkle designen ha mye verdi for et potensielt selskap.

omega

5. Grønn

Grønt formidler ofte:

  • Natur
  • Vekst
  • Penger
  • Fruktbarhet


Grønt vekker følelser av ro og avslapning. Du vil ofte se merker som er miljøvennlige eller relatert til utendørs bruk av denne fargen. Også finansielle selskaper kan bruke grønt for å vise at du kan tjene penger - tenk banker, pengeblogger osv.

John Deere er et godt eksempel på bruk av grønt i et nettsted design.

De bruker en veldig spesifikk nyanse av grønt, og det er kjent over hele verden. Merkets traktorer kommer i de grønne og gule fargene, og det er derfor bare fornuftig at disse fargene vises i John Deeres nettsteddesign.

Tross alt er countrysanger til og med blitt skrevet om "John Deere Green."

Legg merke til hvordan stedeksemplet nedenfor bruker den lyse grønne, men den har også en fin balanse mellom nøytrale farger for å hindre at greenen blir for overveldende.

En profesjonell designer kan se på den samlede balansen på siden og sørge for at teksten vises på en måte som er lesbar, men som fortsatt knytter fargene til det generelle merkevarekonseptet som hvordan Badgeland i NZ bruker fargen grønn for å reflektere deres merke på nettstedet.

Dette er et av de beste eksemplene på et nettsted som bruker det som allerede er kjent om merkevarens farge, og oversetter det til designkonseptet på en smart måte.

john deere green - fargesykologi

Adeline Fashion kombinerer miljømessige stimuli og deres marked i malen. Den har naturlig estetikk i designet, som viser hvordan et mer naturorientert merke kan tilpasse denne malen og fremdeles ha en organisk appell.

Adeline

6. Blå

Blå blir vanligvis sett på som:

  • Troverdig
  • Ro
  • Wise
  • Serene

Det er mange forskjellige blå nyanser, og hver nyanse kan skape forskjellige følelser. For eksempel kan en dyp kongeblå skape inntrykk av royalty og rikdom. Dette er en god farge for luksusmerker å bruke. På den annen side kan et lyst vann skape en følelse av ungdom og tilfeldighet. En lyseblå kan skape en følelse av ro.

Tenk på tingene du forbinder forskjellige blå nyanser med og hvilken nyanse som representerer ditt merke best. Det er mange forskjellige eksempler på at selskaper bruker fargen blå i design.

Husk at blå er en favorittfarge blant både menn og kvinner, så det er fornuftig at denne fargen ofte vises i forskjellige nettstedsdesign.

Ett eksempel på fargen blå som brukes effektivt i et designkonsept er Skype.

Selve navnet får deg til å tenke på himmelen - og himmelblå. Skype inkorporerer denne forventningen i logoen og gjennom hele designet. Legg merke til hvordan de skaper en balanse med noen nøytrale farger, og legg deretter til en farge i blått med sin oppfordring til handling.

I tillegg kan bruk av lyse farger indikere ungdom, moro eller femininitet. Bare vær sikker på at du bruker disse fargene i moderasjon, ellers risikerer du å overvelde designet og besøkende. Den generelle estetikken skal være behagelig og enkel å navigere.

Vær også oppmerksom på å bruke gule og andre lyse farger som kanskje ikke vises på hvitt eller som kan anstrenge øynene.

Noen foretrekker å bruke lysere farger på et mørkt webdesign.

Imidlertid kan det hende at et mørkt webdesign kanskje ikke stemmer overens med tonen i produkttilbudet ditt. Husk at et mørkt design kan skape en imponerende, tung og maskulin følelse. Eksemplet ovenfor på Harley Davidson fungerer veldig bra med mørke, dristige farger.

Imidlertid, hvis du prøver å selge neglelakk, er dette utseendet sannsynligvis ikke noe for deg.

skype

VG Strepre har en lignende fargepalett med malen og bruker også avrundede knapper. Den komplementære fargen fremhever spesifikke CTAer og fungerer godt med overfølelsen på nettstedet.

Det siste du vil ha er at CTA-ene dine føler seg overveldende.

stepre

Deltest for å se hvilke farger som fungerer best med publikum

 

Siden individuell oppfatning kan ha en slik innvirkning på hvilke farger som fungerer best, er en smart ting å gjøre på ditt eget nettsted å finne ut hvilke farger din egen målgruppe foretrekker. Du kan kartlegge dem, men svarene er kanskje ikke så nøyaktige som å utføre noen enkle splittesting for å se hvilke de reagerer best på.

Du kan sette opp forskjellige destinasjonssider og spore resultatene av konverteringer, tid brukt på siden etc.

Noen ting du kanskje vil teste inkluderer:

  • Overskriftsfarge
  • Farge på CTA-knapper
  • Farge på bakgrunn
  • Balanse mellom hovedfarge og nøytrale farger

Prøv forskjellige kombinasjoner og se hvilke som fungerer best for nettstedet ditt. Bruk sterke farger for din CTA (rød, lys rosa, blå).

For eksempel prøvde Nature Air ut 17 forskjellige destinasjonssider for å se hvilken som hadde bedre konverteringsfrekvenser. Gjennom A / B-testing fant de ut at de mer fremtredende CTA-farger økte konverteringer med så mye som 591%.

I tillegg gjorde Performable en test der de byttet hjemmesidens CTA-knapp fra grønt til rødt og så en 21% økning i konverteringer.

Rødt er en oppmerksomhetsfaktor uansett hvordan du klipper den, og det er en farge du i det minste bør innlemme på nettstedet ditt av og til for en oppfordring til handling. Gjør din egen A / B-testing med dette konseptet og se hva slags resultater du oppnår.

Takeaways for fargesykologi

Fargesykologi har så mange forskjellige elementer fordi mennesker er unike individer. Selv kulturen som en person kommer fra, kan skape forskjeller i hvordan de ser forskjellige farger.

De første trinnene dine i å bestemme hvilke farger du skal bruke i designet, bør begynne med å finne ut hvem din demografiske mål er. Dette er et viktig skritt for fargesykologi og e-handelsnettsteder.

Ta deretter hensyn til fargene som flest mennesker forbinder med typen produkt som tilbys. Se på konkurrentene dine for å se hvilke farger de bruker. Mens du vil være unik, vil du også holde deg til i det minste noen konvensjonelle standarder.

Til slutt, gjennomfør noen A / B-tester for å være sikker på at du har analysert alt riktig og være åpen for å endre ting om nødvendig.

Forstå fargesykologi er viktig, men ikke vær så bundet til den at du ignorerer grunnleggende designteknikker eller sunn fornuft.

om forfatteren
David Attard
Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...