5 farvepsykologiske tip til øjeblikkeligt at forbedre e-handelswebsteder

Farvepsykologi til e-handelswebsteder

Som designer er farvepsykologi muligvis ikke noget, du tænker på regelmæssigt, men du er sandsynligvis opmærksom på, at noget rødt kan få dig til at føle dig sulten, og at et lyst, solrigt gul rum kan få dig til at føle dig lys og glad.

Anvendelse af farvepsykologi på e-handelswebsides webdesign kan også have en følelsesmæssig indvirkning på besøgende på stedet. Hvilke farver du vælger til designet, kan hjælpe med brandgenkendelse og endda hvor sandsynligt en kunde er stol på dit brand.

Farvepsykologi er grundlæggende den måde, hvorpå farve påvirker folks følelser og adfærd. Får det dem til at ønske at købe en vare? Gør det dem lykkelige, eller viser det en seriøs side?

Farvepsykologi er dog ikke så enkel som rød gør dig sulten, og blå får dig til at føle dig rolig. Der er meget mere, der går ind i farvepsykologi, og det har mange lagdelte facetter. Mere hvis du gør dette til e-handelswebsteder, er farvepsykologi så meget vigtigere.

Indhold[show]

Der er ikke en universelt accepteret standard for, hvordan farve påvirker alle. De følelser eller følelser, som farven skaber, er meget individuelle fra person til person. Dine egne livserfaringer kan endda påvirke, hvordan du ser en bestemt farve og de følelser, den fremkalder.

I Impact of Color in Marketing Study fandt forskere det 90% af første indtryk kommer fra, om den besøgende føler, at farve er passende for branding, og om det er passende for det, der sælges.

Hvis kunden føler, at farven ikke passer til mærket, er de ikke så tilbøjelige til at stole på virksomheden.

Takeaway?

Vær opmærksom på opfattelsen af ​​farve, såsom mørke farver, sorte og grå til robuste, mandige produkter og lyserød og lilla til girly produkter. Bare vær ikke så bundet til farveteori, dog at du ignorerer branding eller designens overordnede æstetik.

Start med et rigtig godt responsivt design, og så kan du tilpasse farverne for at finde de bedste til dit specifikke brand. Du vil også gerne være opmærksom på balancen i det hvide rum, og hvis det overordnede design er behageligt for det menneskelige øje.

Hvordan farver påvirker konverteringsfrekvensen

Sådan bruges farveteori i design af e-handelswebsteder

Når det kommer til at anvende farveteori til e-handelsdesign, er det bedste sted at starte med, hvilke farver der får brugerne til at købe dit produkt. Cirka 62-90% af den mening, som en kunde fremsætter i de første 90 sekunder på et websted, dannes udelukkende ved farvevalg.

Anbefalet læsning: 

25+ Bedste e-handel WordPress-temaer til onlinebutikker (2020)

 

Med det i tankerne kan du se, hvorfor det er vigtigt at vælge de rigtige farver til dit design.

Den sidste ting du vil gøre er at slukke for kunder, så de hopper væk fra dit websted.

Som nævnt før, hvilken farve der kan lokke læsere, kan afhænge af din overordnede branding, og hvis kunden opfatter det som passende for dit brand.

For eksempel, hvis du sælger motorcykeltilbehør, ville du sandsynligvis ikke bruge en lyserød købsknop unless du sælger specifikt pigetilbehør til kvinder. Du vil gerne have en vis konsistens i hele det overordnede design.

Så hvis du beslutter at bruge røde knapper til opfordring til handling (CTA), skal dine CTA-knapper opretholde den farve i hele designet. Den eneste undtagelse fra dette er, hvis du bare vil henlede opmærksomheden på en bestemt knap og ikke de andre.

Hvad der sandsynligvis er endnu vigtigere end den farve, du i sidste ende vælger, er at sikre, at dine farver er ensartede på hele dit websted. Hvis du beslutter dig for at bruge rødt for at skabe en følelse af energi og friskhed, skal du holde dig til den farvepalet fra opkald til handlingsknapper til fremhævede overskrifter.

Vær sikker på at du ikke bruger sammenstødende farver, der kan skabe et klingende symbol på irritation for besøgende på websitet.

farve psykologi

Kilde: WebpageFx

Navigering i farvevalg - hvordan foretager jeg det bedste valg?

At vide, hvilke farver der skal bruges, kan være lidt mere kompliceret, men det er muligt at finde ud af, hvad der fungerer bedst for dit websted.

For eksempel, hvis du vil skabe en følelse af tillid, kan blå være et godt valg. Vi forklarer lidt mere nedenfor om, hvilke typer følelser og følelser forskellige farver kan målrette mod.

Det er også smart at vide, hvilke farver dine konkurrenter bruger, og beslutte, om lignende farver vil fungere godt for dig, eller hvis du vil skille dig ud fra konkurrencen med meget forskellige farver. Nogle steder bruger farve meget godt. Her er et par eksempler:

  • Dick's Sportsartikler bruger en mørkegrøn til at få en til at tænke på det store udendørs. Da de sælger udendørs udstyr, er dette det perfekte farvevalg for dem. Du finder denne farve i deres overskrifter, salgsbannere og nogle CTA-knapper.pikke sportslige

 

  • Street 21 er en online tøjvirksomhed, der er rettet mod teenagere og unge voksne. Deres tøj er friskt, billigt og sjovt. Det er ikke overraskende, at farverne på dette websted er unge, friske, lyse blues og lyserøde. Bemærk også, at fokus er på den billige prisfastsættelse med små lyserøde bobler, der viser de forskellige prisklasser i butikken. Disse er næsten et opfordring til handling for den besøgende.

rue21 

Målpersoner og farver - til hvem er mit produkt beregnet?

 

Det er meget vigtigt at forstå din målgruppe og de typer farver, de forventer af din type websted. Så dit første skridt i at vælge en farvepalet skal starte med at studere dit demografiske mål.

Hvis du endnu ikke har oprettet en brugerpersona til din målgruppe, skal du oprette mindst en.

Dette er dybest set en fiktiv person, der repræsenterer din mest sandsynlige kunde. Du kan give ham eller hende et navn, træk, potentiel karriere og så videre. Dette kan hjælpe dig med bedre at forstå det publikum, som du skriver til, og du kan derefter indrette dit indhold - og dine farvevalg - mod denne personlighedstype.

For eksempel er det blevet vist, at mænd har en tendens til at foretrække blå med 57%, efterfulgt af grøn (14%) og sort (9%).

Et eksempel på brugen af ​​blåt kombineret med et maskulin look er Mountain Productions Rigging Equipment and Services. Bemærk, hvordan farverne er dybe og mørke, hvilket giver hele siden et maskulin look. Pops af blå bringer en favoritfarve ind, hvilket skaber et stærkt opfordring til handling, og siden har nok hvidt plads til at afbalancere hele udseendet.

rigning

Kvinder foretrækker også at have blå med 35%, fulgt tæt af lilla på 23% og rød med 9%.

Et godt eksempel på brugen af ​​lilla i et webdesign kan ses på webstedet for Claire's, der sælger overkommelige mode og smykker. Dette websted bruger nogle bånd af lilla, men det bruger også stærke stænk af lys farve til at vise deres ungdommelige side, især i billedet af de unge piger, der bærer Claires tilbehør.

Imidlertid trækker webstedet også lidt blå ind, idet det forstås, at blå er en favorit og pålidelig farve blandt kvinder. Du kan endda få øje på noget rødt på dette websted, hvilket viser, at de, der designede det, forstår tydeligt, at de fleste kvinder foretrækker disse farver frem for andre.

I sidste ende kan du virkelig ikke gå galt med blå, da de fleste mennesker kan lide farven og ser den som pålidelig og beroligende.
Claires

Farver og hvad de formidler

 

Mens du skal huske på, hvilken indflydelse en farve har, kan variere afhængigt af oplevelsen hos de mennesker, der ser på en bestemt side, er der nogle tommelfingerregler om, hvad hver farve betyder, at du kan anvende på dine designs:

1. Rød

Rød har tendens til at formidle:

  • Energi
  • Power
  • Passion
  • Elsker


Rød kan skabe spænding, og det tiltrækker opmærksomhed. Bemærk, hvordan webstedsdesignet nedenfor er lyst og energisk.

Fantasy Shopping bruger rødt i begge dele af overskriften og til at udgøre et stærkere punkt til et spørgsmål og i selve designet. Bemærk hvordan den røde henleder din opmærksomhed på, hvor designeren vil have den hen.

balenciaga e-handelswebsteder farve

XStore tilbyder en blødere skabelon med rødt tema, men den har fortsat en fed erklæring med de diagonale linjer, der kommer mod midten. Brændpunktet fører dig lige til hovedteksten. 

XStore

2. Gul

Gul fremkalder ofte:

  • Joy
  • Energi
  • Varme
  • Munterhed


Gul skaber ofte følelser af lykke og lethed.

 

Lipton Tea gør et fremragende stykke arbejde med at bruge gul til at skabe en lys og solrig stemning. Ikke kun er iste forbundet med glade tider, men også med solte og sommer.

De lyse gule i dette design gør dig glad og kan måske hjælpe dig med at forestille dig det sjove ved en baghavsgrill. Det får dig til at løbe lige ud og købe te, så du kan lave din egen soltebrygging, ikke?

Bemærk hvordan selv produktbillederne afspejler denne brug af solgult.

Lipton Tea - farvepsykologi til e-handelswebsteder

Citrons skabelon også formidler varme og livlighed gennem deres design med et strejf af gult gennem de forskellige sider.

Brugere opfordres til at flytte deres markør hen over det øverste nav, og ændre den gennemsigtige sorte til et gult strejke. Dette design fremhæver ikke kun energi, men det opfordrer andre til at føle sig foryngede, mens de ruller gennem deres websted.

citron

3. Sort & grå

Sort og grå skaber ofte en følelse af:

  • Myndighed
  • Power
  • Styrke
  • maskulinitet
  • neutralitet

Disse farver skaber også en følelse af tillid og pålidelighed.

Harley Davidson bruger sorte og grå meget effektivt til at skabe et stærkt, maskulin websted, der taler om magt og autoritet. Bemærk, hvordan farverne alle er ret mørke undtagen den orange CTA-knap.

Du kan ikke lade være med at få dit øje trukket til den knap, som effektivt kanaliserer den besøgende, hvor virksomheden vil have dem til at gå.

Læs mere om sorte websteder og mørkt webdesign her.

Harley Davidson - farvepsykologi

Phoenix-tema bruger også sort og grå i sin skabelon og har en stærk og sofistikeret persona. Det er en glat skabelon med minimale distraktioner.

Denne type websted appellerer til de forretningsledere, der ikke ønsker gimmicks og kom til webstedet til et formål. Hvis du er interesseret i at implementere minimalistiske webdesignteknikker og mere, kan du tjekke ud denne artikel om minimale WordPress-temaer.

phoenix

4. Orange

Orange har tendens til at promovere:

  • Lykke
  • Spænding
  • Varme
  • sofistikeret

Ligesom rød og gul kan orange skabe en følelse af energi og lykke. Det ses dog også som en mere sofistikeret farve. Et godt eksempel på brugen af ​​appelsin i et design er Sunny Delight Beverages. Da dette er appelsinsmag, er det fornuftigt, at de bruger denne farve i deres design.

Husk, at en del af psykologien med farver bruger farver, som den besøgende på webstedet forventer, at dit brand bruger. Sunny D udnytter dette koncept meget godt. Designet bruger orange kant, orange navigationsknapper og orange i deres billeder og logo. Sammenstillingen af ​​det dybe blå og hvide rum giver et sofistikeret udseende, der viser, at drikken ikke kun er for børn, men snarere for alle aldre.

Solrig D

Læg mærke til, hvordan Omegas skabelon har så meget livskraft gennem deres design på grund af den dristige orange bjælke. Det er et indbydende layout, og alle de funktioner, de vil påpege, er i orange. Estetisk kunne dette enkle design indeholde meget værdi for en potentiel virksomhed.

omega

5. Grøn

Grøn formidler ofte:

  • Natur
  • Vækst
  • Penge
  • Fertilitet


Grøn fremkalder følelser af ro og afslapning. Du ser ofte mærker, der er miljøvenlige eller relaterede til udendørs brug af denne farve. Også finansielle virksomheder kan bruge grønt til at vise, at du kan tjene penge - tænk banker, penge blogs osv.

John Deere er et godt eksempel på brugen af ​​grønt i et webstedsdesign.

De bruger en meget specifik skygge af grønt, og det er velkendt over hele verden. Mærkets traktorer kommer i de grønne og gule farver, og det giver kun mening, at disse farver vises i John Deeres webstedsdesign.

Når alt kommer til alt er der endda skrevet sange om "John Deere Green."

Læg mærke til, hvordan nedenstående webstedseksempel bruger den lyse grønne, men den har også en god balance mellem neutrale farver for at forhindre, at det grønne bliver for overvældende.

En professionel designer kan se på den samlede balance på siden og sørge for, at teksten vises på en måde, der er læsbar, men som stadig binder farverne til det overordnede brandkoncept som hvordan Badgeland i NZ bruger farven grøn for at afspejle deres brand på siden.

Dette er et af de bedste eksempler på et websted, der bruger det, der allerede er kendt om deres brandfarve, og oversætter det til deres designkoncept på en smart måde.

john deere green - farvepsykologi

Adeline Fashion kombinerer miljømæssige stimuli og deres marked inden for skabelonen. Det har naturlig æstetik inden for designet, der viser, hvordan et brand, der er mere naturorienteret, kan tilpasse denne skabelon og stadig have en organisk appel.

Adeline

6. Blå

Blå ses normalt som:

  • Troværdige
  • Calm
  • Wise
  • Serene

Der er mange forskellige blå nuancer, og hver nuance kan skabe forskellige følelser. For eksempel kan en dyb kongeblå skabe indtryk af royalty og velstand. Dette er en god farve, som luksusmærker kan bruge. På den anden side kan et lyst vand skabe en følelse af ungdom og afslappethed. En lyseblå kan skabe en følelse af ro.

Tænk på de ting, du forbinder forskellige blå nuancer med, og hvilken skygge, der repræsenterer dit brand bedst. Der er mange forskellige eksempler på virksomheder, der bruger farven blå i design.

Husk, at blå er en favoritfarve blandt både mænd og kvinder, så det giver mening, at denne farve ofte vises i forskellige webstedsdesign.

Et eksempel på den blå farve, der anvendes effektivt i et designkoncept, er Skype.

Selve navnet får dig til at tænke på himlen - og himmelblå. Skype inkorporerer denne forventning i deres logo og i hele deres design. Læg mærke til, hvordan de skaber en balance med nogle neutrale farver, og tilføj derefter en farvefarve i blåt med deres opfordring til handling.

Derudover kan brug af lyse farver indikere ungdom, sjov eller kvindelighed. Bare vær sikker på at du bruger disse farver i moderation, ellers risikerer du at overvælde designet og besøgende på stedet. Den overordnede æstetik skal være behagelig og enkel at navigere.

Vær også opmærksom på at bruge gule og andre lyse farver, der muligvis ikke vises på hvidt eller kan anstrenge øjnene.

Nogle mennesker foretrækker at bruge lysere farver på et mørkt webdesign.

Imidlertid matcher et mørkt webdesign muligvis ikke helt tonen i dit produkttilbud. Husk, at et mørkt design kan skabe en imponerende, tung og maskulin følelse. Eksemplet ovenfor af Harley Davidson fungerer rigtig godt med mørke, dristige farver.

Men hvis du forsøger at sælge neglelak, er dette udseende sandsynligvis ikke noget for dig.

skype

VG Strepre har en lignende farvepalet med skabelonen og bruger også afrundede knapper. Den komplementære farve fremhæver specifikke CTA'er og fungerer godt sammen med stedets overfølelse.

Den sidste ting, du vil have, er at dine CTA'er føler sig overvældende.

stepre

Opdel test for at se, hvilke farver der fungerer bedst med din målgruppe

 

Da individuel opfattelse kan have en sådan indflydelse på, hvilke farver der fungerer bedst, er en smart ting at gøre på dit eget websted at finde ud af, hvilke farver din egen målgruppe foretrækker. Du kan undersøge dem, men svarene er muligvis ikke så nøjagtige som at udføre nogle enkle split-test for at se, hvilke de reagerer bedst på.

Du kan oprette forskellige destinationssider og spore resultaterne af konverteringer, tid brugt på siden osv.

Nogle ting, du måske vil teste, inkluderer:

  • Overskriftsfarve
  • Farve på CTA-knapper
  • Farve på baggrund
  • Balance mellem hovedfarve og neutrale farver

Prøv forskellige kombinationer og se hvilke der fungerer bedst for dit websted. Brug lyse dristige farver til din CTA (rød, lyserød, blå).

For eksempel prøvede Nature Air 17 forskellige destinationssider for at se, hvilken der havde bedre konverteringsfrekvenser. Gennem A / B-test fandt de, at de mere fremtrædende CTA-farver øgede konverteringer med så meget som 591%.

Derudover gjorde Performable en test, hvor de byttede deres hjemmeside CTA-knap fra grøn til rød og så en 21% stigning i konverteringer.

Rød er en opmærksomhed, uanset hvordan du klipper den, og det er en farve, du i det mindste skal indarbejde på dit websted lejlighedsvis for en opfordring til handling. Lav din egen A / B-test med dette koncept og se, hvilken slags resultater du opnår.

Takeaways for farvepsykologi

Farvepsykologi har så mange forskellige elementer, fordi mennesker er unikke individer. Selv den kultur, som en person kommer fra, kan skabe forskelle i, hvordan de ser forskellige farver.

Dine første trin i at bestemme, hvilke farver der skal bruges i designet, skal starte med at finde ud af, hvem din demografiske mål er. Dette er et vigtigt skridt for farvepsykologi og e-handelswebsteder.

Dernæst skal du tage højde for de farver, som de fleste mennesker forbinder med den type produkt, der tilbydes. Se på din konkurrence for at se, hvilke farver de bruger. Mens du vil være unik, vil du også holde sig til i det mindste nogle konventionelle standarder.

Endelig udfør nogle A / B-test for at være sikker på, at du har analyseret alt korrekt og være åben for at ændre ting, hvis det er nødvendigt.

Forståelse af farvepsykologi er vigtig, men vær ikke så bundet til den, at du ignorerer grundlæggende designteknikker eller sund fornuft.

Om forfatteren
David Attard
Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...