Kaip sukurti svetainių, el. prekybos ar taikomųjų programų spalvų schemas

Sukurkite svetainių, el. prekybos ar programų spalvų schemas

Pasidalinome keletu straipsnių apie spalvų svarbą prekės ženklo atžvilgiu. Svetainei, el. prekybos svetainei, mobiliajai ar žiniatinklio programai tai taip pat svarbu. Spalvos turi įtakos:

  • Pirminis įspūdis apie prekės ženklą ir jo vertę – pavyzdžiui, prabangos prekėse dažnai panaudota juoda spalva, raudona – jaudulį ir pan.
  • Pirkimo sprendimai – prekės ženklo pasitikėjimą gali nulemti spalvų kontrastas. Švelnios spalvų schemos gali būti moteriškesnės ir patikimesnės, aštrūs kontrastai gali būti aktualesni ir nulemti nuolaidų.
  • Naudojimas ir vartotojo patirtis – spalvos turi psichologinę ir fiziologinį poveikį, todėl lengviau arba sunkiau naršyti vartotojo sąsajoje.

Kiek svarbi spalva?

  • 85% žmonių teigė, kad spalva turi didelę įtaką perkant.
  • Spalvos padidina prekės ženklo atpažįstamumą vidutiniškai 80%.
  • Spalvotas įspūdis yra atsakingas už 60% produkto priėmimo arba atmetimo.

Nustatant svetainės spalvų schemą, yra keletas žingsnių, išsamiai aprašytų pridedamoje infografijoje:

  1. Pirminė spalva – Pasirinkite spalvą, atitinkančią jūsų produkto ar paslaugos energiją.
  2. Veiksmo spalvos – To trūksta toliau pateiktoje infografikoje, tačiau labai naudinga nustatyti pagrindinę veiksmo spalvą ir antrinio veiksmo spalvą. Tai moko jūsų auditoriją sutelkti dėmesį į konkrečius vartotojo sąsajos elementus pagal spalvą.
  3. Apapildomos spalvos – Rinkitės papildomai spalvos, kurios papildo jūsų pagrindinė spalva, geriausia spalva, kuri yra jūsų pagrindinė spalva popmuzika.
  4. Fono spalvos – Pasirinkite savo svetainės fono spalvą – galbūt mažiau agresyvią nei pagrindinė spalva. Taip pat turėkite omenyje tamsų ir šviesų režimą. Vis daugiau svetainių naudoja šviesų arba tamsų režimų spalvų schemas.
  5. Šrifto spalvos – Pasirinkite teksto, kuris bus jūsų svetainėje, spalvą – atminkite, kad vientisas juodas šriftas yra retas ir nerekomenduojamas.

Pavyzdžiui, mano įmonė Highbridge sukūrė internetinį prekės ženklą suknelių gamintojui, kuris norėjo sukurti tiesioginės vartotojų el. prekybos svetainę, kurioje žmonės galėtų pirkti sukneles internetu. Supratome savo tikslinę auditoriją, prekės ženklo vertę ir – kadangi prekės ženklas daugiausia buvo skaitmeninis, bet turėjo ir fizinį produktą – daugiausia dėmesio skyrėme spalvų schemoms, kurios puikiai tinka spaudiniams (CMYK), audinių paletėms (Pantone) ir skaitmeninis (RGB ir Hex).

Spalvų schemos testavimas atliekant rinkos tyrimus

Mūsų spalvų schemos pasirinkimo procesas buvo intensyvus.

  1. Su tiksline auditorija atlikome kelių pagrindinių spalvų rinkodaros tyrimus, kurie sumažino mus iki vienos spalvos.
  2. Su savo tiksline auditorija atlikome antrinių ir tretinių spalvų rinkodaros tyrimą, kuriame susiaurinome kai kurias spalvų schemas.
  3. Padarėme gaminių maketus (produkto pakuotės, kaklo etiketės ir pakabinamos etiketės), taip pat elektroninės prekybos maketus su spalvų schemomis ir pateikėme klientui bei tikslinei auditorijai atsiliepimų.
  4. Kadangi jų prekės ženklas labai priklausė nuo sezoniškumo, į mišinį įtraukėme ir sezonines spalvas. Tai gali būti naudinga konkrečioms kolekcijoms ar vaizdiniams skelbimams ir bendrinimui socialinėje žiniasklaidoje.
  5. Šį procesą atlikome daugiau nei pusšimtį kartų, kol apsisprendėme dėl galutinės schemos.

spinta52 spalvų schema

Nors prekės ženklo spalvos yra šviesiai rožinė ir tamsiai pilka, mes sukūrėme veiksmų spalvos būti žalios spalvos atspalviu. Žalia yra į veiksmą orientuota spalva, todėl tai buvo puikus pasirinkimas norint atkreipti vartotojų dėmesį į veiksmą orientuotus elementus. Savo antriniams veiksmams įtraukėme atvirkštinę žalią spalvą (žalia kraštinė su baltu fonu ir tekstu). Taip pat bandome tamsesnį žalios spalvos atspalvį, skirtą veiksmo spalvai, skirtą užvedimo veiksmams.

Nuo tada, kai ką tik paleidome svetainę, įtraukėme pelės sekimo ir šilumos žemėlapius, kad galėtume stebėti elementus, kurie mūsų lankytojus traukia ir su kuriais dažniausiai sąveikauja, kad užtikrintume spalvų schemą, kuri ne tik gerai atrodo, bet ir gerai veikia.

Spalvos, balta erdvė ir elementų charakteristikos

Spalvų schemos kūrimas visada turėtų būti atliktas išbandant ją bendroje vartotojo sąsajoje, kad būtų galima stebėti vartotojų sąveiką. Aukščiau pateiktoje svetainėje taip pat įtraukėme labai specifines paraštes, užpildymą, kontūrus, kraštinių spindulius, ikonografiją ir šriftus.

Įmonei pateikėme visą prekės ženklo kūrimo vadovą, skirtą platinti bet kokiai rinkodaros ar produkto medžiagai. Prekės ženklo nuoseklumas yra labai svarbus šiai įmonei, nes jie yra nauji ir šiuo metu nėra žinomi pramonėje.

Štai sukurta el. prekybos svetainė su spalvų schema

  • Closet52 – Pirkite sukneles internetu
  • Closet52 kolekcijų puslapis
  • Closet52 produkto puslapis

Apsilankykite Closet52

Spalvų naudojimas ir spalvų aklumas

Nepamirškite atlikti spalvų kontrasto jūsų svetainės elementuose tinkamumo naudoti testavimo. Galite išbandyti savo schemą naudodami Svetainės prieinamumo testavimo įrankis. Naudodami spalvų schemą žinome, kad turime tam tikrų kontrasto problemų, kurias spręsime toliau, arba netgi galime pasiūlyti savo naudotojams tam tikrų pasirinkimų. Įdomu tai, kad spalvų problemų su mūsų tiksline auditorija tikimybė yra gana maža.

Spalvų aklumas yra nesugebėjimas suvokti kai kurių spalvų skirtumų, kuriuos gali atskirti nespalvoti vartotojai. Daltonizmas paveikia apie nuo penkių iki aštuonių procentų vyrų (apie 10.5 mln.) ir mažiau nei vienas procentas patelių.

Usability.gov

WebsiteBuilderExpert komanda sudarė šią infografiją ir išsamų pridedamą straipsnį apie Kaip pasirinkti spalvą savo svetainei tai labai kruopšti.

Kaip pasirinkti spalvų schemą savo svetainei