Veebisaidi, e-kaubanduse või rakenduse värviskeemide väljatöötamine

Veebisaidi, e-kaubanduse või rakenduse värviskeemide väljatöötamine

Oleme jaganud üsna palju artikleid värvide tähtsuse kohta seoses kaubamärgiga. Veebisaidi, e-kaubandussaidi või mobiili- või veebirakenduse jaoks on see sama oluline. Värvid mõjutavad:

  • Esialgne mulje brändist ja selle väärtusest – näiteks luksuskaupades kasutatakse sageli musta, punane viitab elevusele jne.
  • Ostuotsused – kaubamärgi usalduse võib määrata värvikontrast. Pehmed värvilahendused võivad olla naiselikumad ja usaldusväärsemad, karmid kontrastid võivad olla pakilisemad ja allahindluspõhised.
  • Kasutusmugavus ja kasutuskogemus – värvidel on psühholoogiline mõju ja ka füsioloogilist mõju, muutes kasutajaliideses navigeerimise lihtsamaks või keerulisemaks.

Kui oluline on värv?

  • 85% inimestest väitis, et värvil on suur mõju nende ostmisele.
  • Värvid suurendavad kaubamärgi tuntust keskmiselt 80%.
  • Värvimulje vastutab 60% toote vastuvõtmise või tagasilükkamise eest.

Veebisaidi värviskeemi määramisel tuleb järgida mõningaid samme, mis on üksikasjalikult kirjeldatud kaasasoleval infograafikul.

  1. Esmane värv – Valige värv, mis sobib teie toote või teenuse energiaga.
  2. Tegevusvärvid – See puudub allolevast infograafikust, kuid esmase toimingu värvi ja teisese toimingu värvi tuvastamine on väga kasulik. See õpetab teie vaatajaskonda keskenduma konkreetsetele kasutajaliidese elementidele värvi põhjal.
  3. Atäiendavad värvid - Valige lisa värvid, mis täiendavad teie põhivärv, ideaaljuhul värvid, mis muudavad teie põhivärvi pop-.
  4. Taustavärvid – Valige oma veebisaidi taustavärv – võib-olla vähem agressiivne kui teie põhivärv. Pidage meeles ka tumedat ja heledat režiimi. Üha rohkem saite kasutab heleda või tumeda režiimi värvilahendusi.
  5. Kirjatüübi värvid – Valige oma veebisaidil oleva teksti värv – pidage meeles, et must kirjatüüp on haruldane ja pole soovitatav.

Näiteks minu ettevõte Highbridge arendas veebibrändi kleiditootjale, kes soovis luua otse tarbijatele suunatud e-kaubanduse saidi, kus inimesed saaksid osta kleite Internetist. Mõistsime oma sihtrühma, kaubamärgi väärtust ja – kuna bränd oli valdavalt digitaalne, kuid sellel oli ka füüsiline toode – keskendusime värviskeemidele, mis toimisid hästi trükis (CMYK), kangapalettides (Pantone) ja digitaalne (RGB ja Hex).

Värviskeemi testimine turu-uuringutega

Meie värviskeemi valimise protsess oli intensiivne.

  1. Tegime oma sihtrühmaga turundusuuringuid põhivärvide seeria kohta, mis muutis meid üheks värviks.
  2. Tegime oma sihtrühmaga turundusuuringuid sekundaarsete ja tertsiaarsete värvide seeria kohta, mille puhul kitsendasime mõningaid värviskeeme.
  3. Tegime tootemakette (tootepakendid, kaelasildid ja riputussildid) ning e-kaubanduse makette koos värvilahendustega ning andsime need tagasisideks nii kliendile kui ka sihtrühmale.
  4. Kuna nende kaubamärk sõltus suuresti hooajalisusest, lisasime segusse ka hooajalisi värve. See võib olla kasulik reklaamide ja sotsiaalmeedia jagamiste jaoks konkreetsete kogude või visuaalide jaoks.
  5. Läbisime selle protsessi rohkem kui pool tosinat korda, enne kui lõpliku skeemi juurde jõudsime.

closet52 värvilahendus

Kuigi brändi värvid on heleroosa ja tumehall, töötasime välja tegevusvärvid olla rohelise varjund. Roheline on tegevusele orienteeritud värv, nii et see oli suurepärane valik, et juhtida meie kasutajate pilku tegevusele orienteeritud elementidele. Lisasime oma teiseste toimingute jaoks rohelise pöördväärtuse (roheline ääris valge tausta ja tekstiga). Samuti katsetame hõljutustoimingute tegevusvärvil tumedamat rohelist tooni.

Alates saidi äsja käivitamisest oleme lisanud hiire jälgimise ja soojuskaardid, et jälgida elemente, mille poole meie külastajad kõige rohkem tõmbavad ja millega kõige rohkem suhelda, et tagada värviskeem, mis ei näe lihtsalt hea välja... vaid toimib hästi.

Värvid, valge ruum ja elemendi omadused

Värviskeemi väljatöötamine tuleks alati läbi viia, testides seda üldises kasutajaliideses, et jälgida kasutajate suhtlust. Ülaltoodud saidi jaoks lisasime ka väga spetsiifilised veerised, polsterduse, piirjooned, ääriste raadiused, ikonograafia ja kirjatüübid.

Tarnime ettevõttele täieliku brändingu juhendi, et see saaks turundus- või tootematerjalide jaoks sisemiselt levitada. Brändi järjepidevus on selle ettevõtte jaoks kriitilise tähtsusega, kuna nad on uued ja ei ole praegu selles valdkonnas teadlikud.

Siin on tulemuseks olev värviskeemiga e-kaubandussait

  • Closet52 – ostke kleidid Internetist
  • Closet52 kollektsioonide leht
  • Closet52 tooteleht

Külastage Closet52

Värvi kasutatavus ja värvipimedus

Ärge unustage oma saidi elementide värvikontrasti kasutatavuse testimist. Saate oma skeemi testida kasutades Veebisaidi juurdepääsetavuse testimise tööriist. Meie värviskeemi puhul teame, et meil on probleeme kontrastiga, millega tegeleme, või meil võib olla kasutajatele isegi mõned valikud. Huvitaval kombel on meie sihtrühma värviprobleemide tõenäosus üsna väike.

Värvipimedus on võimetus tajuda erinevusi teatud värvide vahel, mida mittevärvilised puude kasutajad suudavad eristada. Värvipimedus mõjutab umbes viis kuni kaheksa protsenti meestest (umbes 10.5 miljonit) ja vähem kui üks protsent emasloomadest.

Usability.gov

WebsiteBuilderExperti meeskond on koostanud selle infograafika ja üksikasjaliku kaasasoleva artikli Kuidas valida oma veebisaidile värvi see on ülimalt põhjalik.

Kuidas valida oma veebisaidi jaoks värviskeem