5 Litasálfræðiráð til að gera rafræn viðskipti staður betri

Litasálfræði fyrir netverslunarsíður

Sem hönnuður er litasálfræði kannski ekki eitthvað sem þú hugsar reglulega um, en þú ert líklega meðvitaður um að eitthvað rautt getur valdið þér svengd og að bjart, sólríkt gult herbergi getur gert þig léttan og hamingjusaman.

Að beita sálfræði litar á vefhönnun vefverslana getur einnig haft tilfinningaleg áhrif á gesti staðarins. Hvaða litir þú velur fyrir hönnunina getur hjálpað til við viðurkenningu vörumerkis og jafnvel hversu líklegur viðskiptavinur er treystu vörumerkinu þínu.

Litasálfræði er í grundvallaratriðum það hvernig litur hefur áhrif á tilfinningar og hegðun fólks. Fær það þá til að vilja kaupa hlut? Gerir það þá hamingjusama, eða sýnir það alvarlegar hliðar?

Hins vegar er litasálfræði ekki eins einföld og rauður gerir þig svangur og blár fær þig til að vera rólegur. Það er margt fleira sem fer í litasálfræði og það hefur margar lagskiptar hliðar. Meira svo, ef þú ert að gera þetta fyrir netverslunarsíður er litasálfræði þeim mun mikilvægara.

Efnisyfirlit[Sýna]

Það er ekki a almennt viðurkenndur staðall um hvernig litur hefur áhrif á alla. Tilfinningarnar eða tilfinningarnar sem liturinn skapar eru mjög einstaklingsbundnir frá manni til manns. Lífsreynsla þín getur jafnvel haft áhrif á það hvernig þú sérð ákveðinn lit og tilfinningarnar sem hann vekur.

Í áhrifum litarins í markaðsrannsókninni komust vísindamenn að því 90% fyrstu birtinga koma frá því hvort gestinum finnst litur vera viðeigandi vörumerki og hvort það sé viðeigandi því sem verið er að selja.

Ef viðskiptavinurinn telur að liturinn henti ekki vörumerkinu eru þeir ekki eins líklegir til að treysta fyrirtækinu.

Takeaway?

Vertu meðvitaður um skynjun á lit, svo sem dökkum litum, svörtum og gráum litum fyrir hrikalegar, karlmannlegar vörur og bleikar og fjólubláar fyrir stelpuvörur. Vertu bara ekki svo bundinn við litakenninguna að þú hunsar vörumerki eða heildar fagurfræði hönnunar.

Byrjaðu á virkilega frábærri móttækilegri hönnun og þá geturðu fínpússað litina til að finna þá bestu fyrir þitt sérstaka vörumerki. Þú vilt líka vera meðvitaður um jafnvægi hvíta rýmisins og ef heildarhönnunin er ánægjuleg fyrir mannsaugað.

Hvernig litir hafa áhrif á viðskiptahlutfall

Hvernig á að nota litakenningu í e-verslunarsíðum

Þegar kemur að því að beita litakenningu á rafræn viðskipti, er best að byrja með hvaða litir fá notendur til að kaupa vöruna þína. Um það bil 62-90% þeirrar skoðunar sem viðskiptavinur gerir á fyrstu 90 sekúndunum á vefsíðu er myndað með litavali einu saman.

Mælt Lestur: 

25+ bestu rafrænu verslunar WordPress þemu fyrir netverslanir (2020)

 

Með það í huga geturðu séð hvers vegna það er mikilvægt að velja réttu litina fyrir hönnunina þína.

Það síðasta sem þú vilt gera er að slökkva á viðskiptavinum svo þeir skoppi frá vefsíðu þinni.

Eins og áður hefur komið fram, hvaða litur gæti tælt lesendur geta verið háðir heildarvörumerki þínu og hvort sá viðskiptavinur skynji það vera viðeigandi fyrir þitt vörumerki.

Til dæmis, ef þú ert að selja aukabúnað fyrir mótorhjól, þá myndirðu líklega ekki nota bleika kauphnappinn unless þú ert sérstaklega að selja stelpur aukabúnað til kvenna. Þú vilt hafa einhvern samræmi í heildarhönnuninni.

Svo, ef þú ákveður að nota rauða kallana til aðgerða (CTA) hnappa, þá ættu CTA hnapparnir að halda þessum lit í allri hönnuninni. Eina undantekningin frá þessu er ef þú vilt bara vekja athygli á einum tilteknum hnappi en ekki hinum.

Það sem er líklega jafnvel mikilvægara en liturinn sem þú velur að lokum er að ganga úr skugga um að litirnir þínir séu samkvæmir á síðunni þinni. Ef þú ákveður að nota rautt til að skapa tilfinningu fyrir orku og ferskleika skaltu halda þér við þessa litaspjald frá kalli til aðgerðarhnappa til fyrirsagna fyrirsagna.

Vertu viss um að þú notir ekki árekstra liti sem gætu skapað pirrandi tákn fyrir gremju fyrir gesti vefsíðunnar.

sálfræði litarins

Heimild: WebpageFx

Leiðsögn um litaval - hvernig get ég valið best?

Að vita hvaða litir á að nota hvenær getur verið svolítið flóknara, en það er hægt að átta sig á hvað hentar vefsíðunni þinni best.

Til dæmis, ef þú vilt skapa tilfinningu um traust getur blár verið góður kostur. Við munum útskýra aðeins meira hér að neðan um hvaða tegundir tilfinninga og tilfinningar mismunandi litir geta beinst að.

Það er líka snjallt að vita hvaða litir keppinautar þínir nota og ákveða hvort svipaðir litir myndu virka vel fyrir þig eða hvort þú vilt skera þig úr keppni með mjög mismunandi liti. Sumar síður nota lit mjög vel. Hér eru nokkur dæmi:

  • Íþróttavörur Dick's notar dökkgrænt til að vekja mann til umhugsunar um náttúruna. Þar sem þeir selja útivistarbúnað er þetta fullkominn litaval fyrir þá. Þú finnur þennan lit í hausunum á þeim, söluborðunum og nokkrum CTA hnappum.Dicks íþrótta

 

  • Gata 21 er fatafyrirtæki á netinu sem er ætlað unglingum og ungum fullorðnum. Fötin þeirra eru fersk, ódýr og skemmtileg. Það kemur ekki á óvart að litirnir sem notaðir eru á þessari síðu eru ungir, ferskir, bjartir bláir og bleikir. Taktu líka eftir því að áherslan er á ódýra verðlagningu með litlum skærbleikum loftbólum sem sýna mismunandi verðsvið í versluninni. Þetta eru næstum ákall til aðgerða fyrir gestinn.

rue21 

Markpersónur og litur - fyrir hvern er varan mín ætluð?

 

Það er mjög mikilvægt að skilja markhópinn þinn og hvaða litategundir þeir búast við af vefsíðu þinni. Svo að fyrsta skrefið þitt við val á litaspjaldi ætti að byrja á því að rannsaka lýðfræðilegt markmið þitt.

Ef þú hefur ekki enn búið til notendapersónu fyrir markhópinn þinn, þá ættirðu að búa til að minnsta kosti eina.

Þetta er í rauninni skáldskaparmaður sem stendur fyrir líklegasta viðskiptavin þinn. Þú getur gefið honum eða henni nafn, eiginleika, hugsanlegan feril og svo framvegis. Þetta getur hjálpað þér að skilja betur áhorfendur sem þú ert að skrifa fyrir og þú getur þá miðlað innihaldi þínu - og litavali þínu - að þessari persónuleika gerð.

Til dæmis hefur verið sýnt fram á að karlar hafa tilhneigingu til að kjósa blátt meira um 57% og síðan grænt (14%) og svart (9%).

Eitt dæmi um notkun bláa ásamt karlmannlegu útliti er Mountain Productions búnaður og þjónusta við útbúnað. Takið eftir því hvernig litirnir eru djúpir og dökkir og gefa allri síðunni karlmannlegt yfirbragð. Poppar af bláum lit koma með uppáhalds litinn og skapa sterka ákall til aðgerða og síðan hefur nægilegt hvítt rými til að koma jafnvægi á allt útlitið.

rigging

Konur hafa tilhneigingu til að kjósa blátt líka um 35%, næst fylgt fjólublátt með 23% og rauðu með 9%.

Gott dæmi um notkun purples í vefsíðuhönnun má sjá á vefsíðu Claire's, sem selur tísku og skart á viðráðanlegu verði. Þessi vefsíða notar nokkur bönd af fjólubláum litum, en það notar einnig sterka skvetta af skærum lit til að sýna æskulegar hliðar sínar, sérstaklega á myndinni af ungu stelpunum sem klæðast fylgihlutum Claire.

Hins vegar dregur síðan svolítið inn í blátt, skilning á því að blár er eftirlætis og traustur litur meðal kvenna. Þú munt jafnvel koma auga á eitthvað rautt á þessari vefsíðu og sanna að þeir sem hannuðu það skilja greinilega flestar konur frekar en þessir litir.

Að lokum geturðu virkilega ekki farið úrskeiðis með blátt, þar sem flestir eru hrifnir af litnum og líta á hann sem áreiðanlegan og róandi.
claires

Litir og það sem þeir flytja

 

Þó að þú hafir í huga að áhrif litur getur verið breytilegur eftir reynslu fólks sem skoðar tiltekna síðu, þá eru nokkrar þumalputtareglur um hvað hver litur þýðir að þú getir notað við hönnun þína:

1. Red

Rauður hefur tilhneigingu til að koma á framfæri:

  • Orka
  • Power
  • Passion
  • Ást


Rauður getur skapað spennu og það vekur athygli. Takið eftir því hvernig vefsíðugerðin hér að neðan er björt og ötul.

Fantasy Shopping notar rautt í báðum hlutum fyrirsagnarinnar og til að setja sterkari punkt við spurningu og í hönnuninni sjálfri. Takið eftir því hvernig rauði dregur athygli þína hvert hönnuðurinn vill að það fari.

balenciaga netverslunarsíður litar

XStore býður upp á mýkra rautt sniðmát en það heldur áfram að vera með djörf yfirlýsing með skáum línum sem koma í átt að miðjunni. Þungamiðjan leiðir þig beint að aðaltextanum. 

XStore

2. Gulur

Gult vekur oft:

  • Joy
  • Orka
  • hlýja
  • Glaðværð


Gult skapar oft tilfinningar hamingju og léttleika.

 

Lipton te gerir frábært starf við að nota gult til að skapa bjarta og sólríka stemningu. Ekki er ísteð tengt gleðistundum, heldur einnig sóltei og sumri.

Björtu gulurnar í þessari hönnun gleðja þig og gætu hjálpað þér að sjá fyrir skemmtuninni við grillið í bakgarðinum. Það fær þig til að vilja hlaupa strax út og kaupa þér te svo þú getir búið til þitt eigið sóltebrauði, er það ekki?

Takið eftir hvernig jafnvel vörumyndirnar endurspegla þessa notkun sólgula.

Lipton Tea - litasálfræði fyrir netverslunarsíður

Sítrónu sniðmát líka miðlar hlýju og fjör með hönnun þeirra með vísbendingu um gult á hinum ýmsu síðum.

Notendur eru hvattir til að færa bendilinn yfir efsta flotann og breyta hálfgagnsærri svörtu í gult högg. Þessi hönnun dregur ekki aðeins fram orku heldur býður hún öðrum að verða endurnærðir þegar þeir fletta í gegnum síðuna sína.

sítrónu

3. Svartur & grár

Svart og grátt skapa oft tilfinningu fyrir:

  • Authority
  • Power
  • styrkur
  • Karlmennska
  • Hlutleysi

Þessir litir skapa einnig tilfinningu um traust og áreiðanleika.

Harley Davidson notar svarta og gráa mjög áhrifaríkt til að búa til öfluga, karlmannlega vefsíðu sem talar um vald og vald. Takið eftir hvernig litirnir eru allir nokkuð dökkir nema appelsínuguli CTA hnappurinn.

Þú getur ekki annað en haft augastað á þeim hnappi, sem treystir gesti síðunnar þangað sem fyrirtækið vill að þeir fari.

Lestu meira um svartar vefsíður og dökk vefhönnun hér.

Harley Davidson - litasálfræði

Phoenix þema notar líka svart og grátt innan sniðmáts síns og hefur sterka og fágaða persónu. Það er klókur sniðmát með lágmarks truflun.

Þessi tegund vefsvæða höfðar til leiðtoga í atvinnulífinu sem vilja ekki brellur og komu á síðuna í einum tilgangi. Ef þú hefur áhuga á að innleiða lægstur aðferðir við vefhönnun og fleira gætirðu kíkt þessi grein um lágmarks WordPress þemu.

Phoenix

4. Orange

Appelsínugult hefur tilhneigingu til að kynna:

  • Hamingja
  • Spenna
  • hlýja
  • Háþróun

Eins og rautt og gult getur appelsínugult skapað tilfinningu fyrir orku og hamingju. Hins vegar er það einnig litið á vandaðri lit. Gott dæmi um notkun appelsínu í hönnun er Sunny Delight Beverages. Þar sem þetta eru drykkir með appelsínubragði er skynsamlegt að þeir noti þennan lit við hönnun sína.

Mundu að hluti af sálfræði litanna er að nota liti sem gesturinn á síðunni myndi búast við að vörumerkið þitt myndi nota. Sunny D nýtir þetta hugtak mjög vel. Hönnunin notar appelsínugulan kant, appelsínugula flakkhnappa og appelsínugulan í myndum sínum og merki. Samhliða djúpbláu og hvítu rýminu býður upp á fágað útlit sem sýnir að drykkurinn er ekki bara fyrir börn, heldur fyrir alla aldurshópa.

Sólríkt D

Takið eftir því hvernig sniðmát Omega hefur svo mikla lífskraft í gegnum hönnunina vegna djörfu appelsínustikunnar. Það er aðlaðandi skipulag og allir eiginleikar sem þeir vilja benda á eru í appelsínugulum lit. Fagurfræðilega séð gæti þessi einfalda hönnun haft mikið gildi fyrir hugsanlegt fyrirtæki.

Omega

5. Grænt

Grænn miðlar oft:

  • Nature
  • Vöxtur
  • Peningar
  • Frjósemi


Grænt vekur tilfinningar um ró og slökun. Þú munt oft sjá vörumerki sem eru umhverfisvæn eða tengd útivist með þessum lit. Einnig gætu fjármálafyrirtæki notað grænt til að sýna að þú getir grætt peninga - hugsaðu banka, peningablogg osfrv.

John Deere er gott dæmi um notkun grænmetis við vefsíðuhönnun.

Þeir nota mjög sérstakan skugga af grænu og það er vel þekkt um allan heim. Dráttarvélar vörumerkisins koma í grænum og gulum litum og því er aðeins skynsamlegt að þessir litir myndu birtast í vefsíðuhönnun John Deere.

Þegar öllu er á botninn hvolft hafa sveitalög jafnvel verið samin um „John Deere Green.“

Takið eftir hvernig dæmið á síðunni hér að neðan notar bjarta græna, en það hefur líka gott jafnvægi hlutlausra lita til að koma í veg fyrir að það græna sé of yfirþyrmandi.

Faglegur hönnuður getur skoðað heildarjafnvægi síðunnar og gengið úr skugga um að texti birtist á læsilegan hátt, en samt tengist litunum við heildar vörumerkishugtakið eins og hvernig Badgeland í NZ notar litinn græna til að endurspegla vörumerki sitt á síðunni.

Þetta er eitt besta dæmið um að vefsvæði nýtir það sem þegar er vitað um lit vörumerkisins og þýðir það á snjallan hátt yfir í hönnunarhugtakið.

john deere grænn - litasálfræði

Adeline Fashion sameinar umhverfisörvun og markað þeirra í sniðmátinu. Það býður upp á náttúrufegurð innan hönnunarinnar og sýnir hvernig vörumerki sem er náttúrumiðað getur sérsniðið þetta sniðmát og hefur samt lífrænt skírskotun.

Adeline

6. Bláir

Blátt er venjulega litið á:

  • áreiðanleg
  • Kyrr
  • Wise
  • Serene

Það eru til margar mismunandi bláar tónum og hver skuggi getur skapað mismunandi tilfinningar. Til dæmis getur djúpt kóngablátt skapað tilfinningu um kóngafólk og auð. Þetta er góður litur sem lúxusmerki nota. Á hinn bóginn getur bjart vatn skapað tilfinningu fyrir æsku og frjálslyndi. Ljósblátt getur skapað tilfinningu um ró.

Hugsaðu um það sem þú tengir mismunandi bláa tónum við og hvaða skugga táknar vörumerkið þitt best. Það eru mörg mismunandi dæmi um að fyrirtæki nota bláa litinn í hönnuninni.

Mundu að blár er uppáhalds litur bæði hjá körlum og konum, svo það er skynsamlegt að þessi litur birtist oft í ýmsum vefsíðugerðum.

Eitt dæmi um bláa litinn sem notaður er á áhrifaríkan hátt í hönnunarhugtaki er Skype.

Sjálft nafnið fær þig til að hugsa um himininn - og himinbláan. Skype fella þessar væntingar í lógóið sitt og í allri hönnun þeirra. Takið eftir hvernig þeir skapa jafnvægi með nokkrum hlutlausum litum og bættu síðan við litapoppi í bláu með kallinum sínum til aðgerða.

Að auki getur notkun bjarta lita bent til æsku, skemmtunar eða kvenleika. Vertu bara viss um að þú notir þessa liti í hófi, eða þú hættir að yfirþyrma hönnunina og gestinn. Heildar fagurfræðin ætti að vera ánægjuleg og einföld yfirferðar.

Vertu einnig meðvitaður um að nota gulu og aðra ljósa liti sem birtast kannski ekki á hvítum lit eða geta streitt augun.

Sumir kjósa að nota bjartari liti við dökka vefhönnun.

Hins vegar gæti dökk vefsíðu ekki alveg passað við tóninn í vöruframboðinu þínu. Hafðu í huga að dökk hönnun getur skapað áhrifamikla, þunga og karlmannlega tilfinningu. Dæmið hér að ofan af Harley Davidson virkar mjög vel með dökkum, djörfum litum.

Hins vegar, ef þú ert að reyna að selja naglalakk, þá er þetta útlit líklega ekki fyrir þig.

Skype

VG Strepre er með a svipuð litaspjald með sniðmátinu og notar einnig ávalar hnappar. Viðbótarliturinn varpar ljósi á sérstök CTA og vinnur vel með ofurlífi síðunnar.

Það síðasta sem þú vilt hafa eru CTA þín til að líða yfirþyrmandi.

stepre

Skipt próf til að sjá hvaða litir virka best með áhorfendum þínum

 

Þar sem skynjun einstaklinga getur haft svo mikil áhrif á hvaða litir virka best, þá er einn snjall hlutur að gera á eigin heimasíðu að reikna út hvaða litir þinn eigin markhópur kýs. Þú gætir kannað þau, en svörin eru kannski ekki eins nákvæm og að gera nokkrar einfaldar prófanir til að sjá hverjar þær svara best.

Þú getur sett upp mismunandi áfangasíður og fylgst með niðurstöðum viðskipta, tíma sem varið er á síðuna o.fl.

Sumir hlutir sem þú gætir viljað prófa eru meðal annars:

  • Litur fyrirsagna
  • Litur CTA hnappa
  • Litur á bakgrunni
  • Jafnvægi milli aðallita og hlutlausra lita

Prófaðu mismunandi samsetningar og sjáðu hverjar eru bestar fyrir síðuna þína. Notaðu skær feitletraða liti fyrir CTA þinn (rauður, skærbleikur, blár).

Sem dæmi má nefna að Nature Air prófaði 17 mismunandi áfangasíður til að sjá hver sú hafði betri viðskiptahlutfall. Með A / B prófunum komust þeir að því að meira áberandi CTA litir juku viðskipti um allt að 591%.

Að auki gerði Performable próf þar sem þeir skiptu um heimasíðu CTA hnappinn frá grænum í rauða og sáu 21% aukningu í viðskiptum.

Rauður er athygli sem skiptir máli hvernig sem þú klippir hann og það er litur sem þú ættir að minnsta kosti að fella inn á síðuna þína öðru hverju til að kalla til aðgerða. Gerðu þínar eigin A / B prófanir með þessu hugtaki og sjáðu hvers konar niðurstöður þú færð.

Litasálfræði Takeaways

Litasálfræði hefur svo marga mismunandi þætti vegna þess að fólk er einstakir einstaklingar. Jafnvel menningin sem maðurinn kemur frá getur skapað mun á því hvernig hún sér mismunandi liti.

Fyrstu skrefin þín við að ákvarða hvaða liti þú átt að nota í hönnuninni ættu að byrja á því að finna út hver lýðfræðileg markmið þitt er. Þetta er nauðsynlegt skref fyrir litasálfræði og rafræn viðskipti.

Næst skaltu taka tillit til litanna sem flestir tengja við þá tegund vöru sem í boði er. Horfðu á keppnina þína til að sjá hvaða liti þeir nota. Þó að þú viljir vera einstakur viltu líka halda þig við að minnsta kosti einhverja hefðbundna staðla.

Að lokum, gerðu nokkrar A / B prófanir til að vera viss um að þú hafir greint allt rétt og verið opinn fyrir því að breyta hlutum ef þörf krefur.

Að skilja litasálfræði er mikilvægt, en ekki vera svo bundinn í hana að þú horfir framhjá grunnhönnunartækni eða skynsemi.

Um höfundinn
David Attard
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...