jos välität parantaa tuloksia ja myyntiä sivustossasi, sinun täytyy välittää väri.
ihmiset ovat käyttäneet väriä viestintään vuosituhansien ajan, varhaisimmista luolamaalauksista nykyisiin katukyltteihin. Väri viestii tavoilla, joita sanat ja kuvat eivät pysty, ja värin tehokas käyttö voi olla tehokas työkalu mille tahansa sivustolle.
tänään opit käyttämään väripsykologiaa, jotta sivustosi olisi helpompi käyttää ja tuottaa enemmän muunnoksia ja asiakkaita.
matkan varrella tutkimme hieman eri värien merkitystä, ja muutamia sudenkuoppia, joita sinun on varottava, kun sisällytät värin suunnitteluusi.
hypätään!
miten väriä voi käyttää käytettävyyden parantamiseen
aloitetaan helpoimmasta tavasta käyttää väriä sivustossasi: parantaa käytettävyyttä.
jos nykyinen sivustosi on sekava tai vaikeakulkuinen, voit lisätä siihen muutaman väripalan helpottaaksesi asioita silmälle ja parantaaksesi käyttäjäkokemusta.
varsinkin nyt, kun suurin osa verkkosivujen liikenteestä tulee mobiililaitteista, meillä on vähemmän tilaa viestiä ja meidän on tehtävä asiat mahdollisimman selväksi.
siinä väri voi tulla kuvaan mukaan.
käyttämällä oikeantyyppisiä värejä oikeilla tavoilla voimme tarjota rikkaamman ja tehokkaamman käyttökokemuksen.
käytä kontrastia ohjaamaan käyttäjän käyttäytymistä
ensimmäinen vaihe on käyttää kontrastia näyttääksesi käyttäjille, mikä on tärkeää sivustossasi. Sinulla saattaa esimerkiksi olla sivu, josta ihmiset todennäköisesti poistuvat. Värien avulla voi houkutella lukijoita sisään ja pitää heidät mukana.
esimerkiksi tällä Crazy Eggin blogisivulla käytetään linkeille vain rohkeita värejä (vihreää ja sinistä).
tämä tarkoittaa, että käyttäjä tuntee vetoa johonkin toimeen, kuten uutiskirjeen tilaamiseen tai useamman artikkelin lukemiseen. Kontrastivärit, kuten tämä, parantavat sitoutumista mittareita.
voit myös käyttää vastavärejä korostamaan navigointia tai sivuston erillisiä alueita.
käytä kirkasta vs. tylsät värit johdattavat käyttäjän
toinen hyödyllinen työkalu väripsykologian maailmassa on harmaantuneiden tai tylsien värien käyttäminen ilmaisemaan ennakoimattomia tai vammaisia toimia.
tämän näkee joka päivä painikkeilla ja valinnoilla, jotka ovat harmaita. Se luonnollisesti osoittaa, että vaihtoehto ei ole toivottavaa.
voit myös käyttää sitä sivustosi yksinkertaistamiseen. Harmaannuta vähemmän tärkeät navigointielementit ja piilota ne näkyville.
käytä symboleja yhdessä värien kanssa
symbolit ovat täydellinen kumppani väreille. Ne ovat monipuolisia, yksinkertaisia ja niiden tulisi olla selkeitä ja ymmärrettäviä.
vaikka väri useimmissa olosuhteissa sisältää enemmän näkyvyyttä kuin tyypillinen symboli, niiden käyttäminen yhdessä yksinkertaisesti tekee asiat vielä selvemmiksi.
kuinka käyttää väriä ohjaamaan käyttäjän toimia
mahdollisuudet ovat, ainoa sivustosi tavoite ei ole vain yksi, joka on helppo navigoida. Sinulla on todennäköisesti myös erityisiä toimia, joita haluat käyttäjien tekevän, kuten sähköpostilistalle Rekisteröityminen, tuotteen ostaminen tai tarjouksen pyytäminen.
jos näin on, värin avulla voi vaikuttaa ostopäätöksiin. Näin.
käytä positiivisia ja negatiivisia värejä
hyvä tapa on käyttää positiivisia ja negatiivisia värejä ilmaisemaan ”oikea” ja ”väärä” vaihtoehto.
yhteiskunta ja luonto ovat kiinnittäneet punaisen ja vihreän niin syvälle alitajuntaamme, että millään muulla värillä ei ole yhtä vastakkaisia merkityksiä.
yksi ilmeisimmistä esimerkeistä tästä yhteydestä on kansainvälinen värikoodi tavallisissa liikennevaloissa.
näemme vihreän positiivisena, progressiivisena värinä, joten sanat kuten go, yes, good, accept ja up all voivat liittyä vihreään väriin.
Punainen ilmaisee vihreän vastakohtaa, ja sen sanoja ovat muun muassa stop, no, bad, reject ja down. Punaisella on negatiivinen tai vaarallinen merkitys Ja se nostaa sykettä ja ilmaisee kiireellisyyttä.
loistava tapa käyttää punaista ja vihreää on perustoiminnot kuten Lisää ja poista tai kiinnittää huomiota asetukseen.
jopa LinkedIn, jonka väripaletti on lähes kokonaan sininen, käyttää vihreää osoittaakseen Ota käyttöön-asetuksia ja punaista näyttääkseen ilmoituksia.
netistä huomaa nopeasti muitakin esimerkkejä.
Start, create, post ja new ovat usein vihreällä, ja punainen kattaa toiminnot kuten end, delete, disconnect ja cancel.
käytä kirkkaita, lämpimiä värejä huomio-ja hälytystehtäviin
siinä syy, miksi ilmoitukset puhelimessasi, Facebookissasi ja lähes joka alustalla ovat punaisia—ne toimivat!
kirkkaat, lämpimät värit, kuten punainen, oranssi ja keltainen, ovat paras huomio ja hälytykset. Oranssi on erityinen suosikki ilmaisemaan jännitystä tai kutsua toimintaan.
jos yhdistät kirkkaan värin voimakkaaseen symboliin, voit tehdä viestistä vieläkin tehokkaamman.
käytän esimerkiksi sivustollani oranssia varoitussymbolia kiinnittääkseni huomiota SEO-webinaariini.
jos tuo symboli olisi sininen tai vihreä, sillä ei vain olisi samaa vaikutusta. Jos haluat kiinnittää lukijan huomion jonnekin, käytä tällaista kirkasta väriä.
käytä harmaata vähemmän toivottaville vaihtoehdoille
positiivisessa ja negatiivisessa suhteessa on lisäväriä. Se on harmaa-neutraali, keskimaaston väri. Se on hyvä korostusväri, jonka avulla voit kiinnittää huomion pois toissijaisesta vaihtoehdosta.
esimerkiksi tällä ambastha Athleticsin opt-in-sivulla huomio kiinnittyy Grayn avulla rekisteröitymispainikkeeseen.
lisäksi huomaa, että hän käyttää oranssia kiinnittääkseen vierailijan huomion ja kiinnittääkseen huomiota ”heck yeah!”uutiskirjeen tilauslomake.
johtopäätös
jos olet vakavissasi sivustosi parantamisessa, sinun on sukellettava syvälle siihen, mitä käyttämäsi värit edustavat.
katsomatta käyttämiisi väreihin saatat lannistaa asiakkaan toimia jonkin tärkeän asian puolesta tai kiinnittää huomion johonkin vahingossa. Käyttämällä ja ymmärtää merkitys värit, voit parantaa käyttäjävirtaa ja lisätä tuloksia.
aloita etsimällä mahdolliset ongelmat, joita käyttäjillä näyttää olevan sivustossasi. Miten värin avulla voi saada yhteiset toimet erottumaan, pitää ihmiset mukana sivulla tai parantaa navigointia?
seuraavaksi kannattaa tarkastella käyttäjävirtaa. Voit käyttää positiivisia ja negatiivisia värejä, kuten punaista ja vihreää, osoittamaan edullista toimintaa. Mykistetyt värit, kuten harmaa, voivat näyttää käytöstä poistetun vaihtoehdon. Kirkkaat värit, kuten punainen, keltainen ja oranssi, voivat kiinnittää vierailijan huomion.
näiden värien yhdistäminen voi ohjata käyttäjän käyttäytymistä ja parantaa muunnoksia.
mitä värejä aiot käyttää sivustosi parantamiseen?
Kasvata liikennettä