Kā izveidot vietņu, e-komercijas vai lietojumprogrammu krāsu shēmas

Izstrādājiet vietņu, e-komercijas vai lietotņu krāsu shēmas

Mēs esam kopīgojuši dažus rakstus par krāsu nozīmi attiecībā uz zīmolu. Vietnei, e-komercijas vietnei vai mobilajai vai tīmekļa lietojumprogrammai tas ir tikpat svarīgi. Krāsas ietekmē:

  • Sākotnējais iespaids par zīmolu un tā vērtību – piemēram, luksusa precēs bieži izmantota melna krāsa, sarkanā – sajūsma utt.
  • Pirkuma lēmumi – zīmola uzticību var noteikt krāsu kontrasts. Maigas krāsu shēmas var būt sievišķīgākas un uzticamākas, skarbi kontrasti var būt steidzamāki, un to pamatā ir atlaides.
  • Lietojamība un lietotāja pieredze - krāsām ir psiholoģisks raksturs un arī fizioloģiskā ietekme, atvieglojot vai apgrūtinot navigāciju lietotāja interfeisā.

Cik svarīga ir krāsa?

  • 85% cilvēku apgalvoja, ka krāsai ir liela ietekme uz to, ko viņi iegādājas.
  • Krāsas palielina zīmola atpazīstamību vidēji par 80%.
  • Krāsu iespaids ir atbildīgs par 60% no produkta pieņemšanas vai noraidīšanas.

Nosakot tīmekļa vietnes krāsu shēmu, pievienotajā infografikā ir aprakstītas dažas darbības:

  1. Primārā krāsa – Izvēlieties krāsu, kas atbilst jūsu produkta vai pakalpojuma enerģijai.
  2. Darbības krāsas – Tālāk esošajā infografikā tā trūkst, taču primārās darbības krāsas un sekundārās darbības krāsas noteikšana ir ļoti noderīga. Tas izglīto jūsu auditoriju koncentrēties uz konkrētiem lietotāja interfeisa elementiem, pamatojoties uz krāsu.
  3. Apapildu krāsas - Izvēlieties papildu krāsas, kas papildina jūsu primārā krāsa, ideālā gadījumā krāsas, kas veido jūsu primāro krāsu pop.
  4. Fona krāsas – Izvēlieties savas vietnes fona krāsu — iespējams, mazāk agresīvu nekā jūsu primārā krāsa. Paturiet prātā arī tumšo un gaišo režīmu. Arvien vairāk vietņu izmanto krāsu shēmas gaišajā vai tumšajā režīmā.
  5. Burtu krāsas – Izvēlieties krāsu tekstam, kas tiks rādīts jūsu vietnē – atcerieties, ka vienkrāsains melns burtveidols ir reti sastopams un nav ieteicams.

Piemēram, mans uzņēmums Highbridge izstrādāja tiešsaistes zīmolu kleitu ražotājam, kurš vēlējās izveidot tiešās patērētāja e-komercijas vietni, kur cilvēki varētu pirkt kleitas tiešsaistē. Mēs sapratām savu mērķauditoriju, zīmola vērtību un, tā kā zīmols galvenokārt bija digitāls, bet tam bija arī fizisks produkts, mēs koncentrējāmies uz krāsu shēmām, kas labi darbojās visās drukas (CMYK), audumu paletēs (Pantone), kā arī digitālais (RGB un Hex).

Krāsu shēmas pārbaude ar tirgus izpēti

Mūsu krāsu shēmas izvēles process bija intensīvs.

  1. Mēs veicām mārketinga pētījumus par virkni pamatkrāsu ar savu mērķauditoriju, kas samazināja mūs līdz vienai krāsai.
  2. Mēs veicām mārketinga pētījumu par vairākām sekundārajām un terciārajām krāsām ar savu mērķauditoriju, kur mēs sašaurinājām dažas krāsu shēmas.
  3. Mēs veidojām produktu maketus (produktu iepakojumu, kakla birkas un piekarināmās etiķetes), kā arī e-komercijas maketus ar krāsu shēmām un nodrošinājām tos klientam, kā arī mērķauditorijai, lai saņemtu atsauksmes.
  4. Tā kā viņu zīmols lielā mērā bija atkarīgs no sezonalitātes, mēs iekļāvām arī sezonālās krāsas. Tas var noderēt konkrētām kolekcijām vai vizuāliem materiāliem reklāmām un kopīgošanai sociālajos tīklos.
  5. Mēs izgājām šo procesu vairāk nekā pusduci reižu, pirms pieņēmām galīgo shēmu.

skapis52 krāsu shēma

Kamēr zīmola krāsas ir gaiši rozā un tumši pelēkas, mēs izstrādājām darbības krāsas būt zaļai nokrāsai. Zaļā krāsa ir uz darbību vērsta krāsa, tāpēc tā bija lieliska izvēle, lai pievērstu mūsu lietotāju uzmanību uz darbību orientētiem elementiem. Mēs iekļāvām zaļās krāsas apgriezto vērtību savām sekundārajām darbībām (zaļa apmale ar baltu fonu un tekstu). Mēs arī pārbaudām tumšāku zaļo nokrāsu darbības krāsai, lai veiktu kursoru.

Kopš tikko atvērām vietni, esam iekļāvuši peles izsekošanu un siltuma kartes, lai novērotu elementus, kas piesaista mūsu apmeklētājus, un ar kuriem mijiedarboties visvairāk, lai nodrošinātu, ka mums ir krāsu shēma, kas ne tikai izskatās labi... tā darbojas labi.

Krāsas, baltā telpa un elementu īpašības

Krāsu shēmas izstrāde vienmēr jāveic, pārbaudot to vispārējā lietotāja interfeisā, lai novērotu lietotāju mijiedarbību. Iepriekš minētajā vietnē mēs iekļāvām arī ļoti specifiskas piemales, polsterējumu, kontūras, apmaļu rādiusus, ikonogrāfiju un burtveidolus.

Mēs piegādājām uzņēmumam pilnu zīmola izveides ceļvedi, ko iekšēji izplatīt jebkādiem mārketinga vai produkta materiāliem. Zīmola konsekvence ir ļoti svarīga šim uzņēmumam, jo ​​tie ir jauni un pašlaik nav pazīstami šajā nozarē.

Šeit ir iegūtā e-komercijas vietne ar krāsu shēmu

  • Closet52 — iegādājieties kleitas tiešsaistē
  • Closet52 kolekciju lapa
  • Closet52 produkta lapa

Apmeklējiet Closet52

Krāsu lietojamība un krāsu aklums

Neaizmirstiet par lietojamības pārbaudi, lai noteiktu krāsu kontrastu jūsu vietnes elementos. Jūs varat pārbaudīt savu shēmu, izmantojot Vietnes pieejamības pārbaudes rīks. Izmantojot mūsu krāsu shēmu, mēs zinām, ka mums ir dažas kontrasta problēmas, pie kurām mēs strādāsim, vai arī, iespējams, lietotājiem būs pieejamas dažas iespējas. Interesanti, ka mūsu mērķauditorijas krāsu problēmu iespējamība ir diezgan zema.

Krāsu aklums ir nespēja uztvert atšķirības starp dažām krāsām, kuras var atšķirt nekrāsu lietotāji ar traucējumiem. Krāsu aklums ietekmē apmēram pieci līdz astoņi procenti vīriešu (apmēram 10.5 miljoni) un mazāk nekā viens procents sieviešu.

Usability.gov

WebsiteBuilderExpert komanda ir izveidojusi šo infografiku un detalizēto pavadošo rakstu par Kā izvēlēties krāsu savai vietnei tas ir ārkārtīgi rūpīgi.

Kā izvēlēties krāsu shēmu savai vietnei