Hvernig á að þróa vefsíðu, rafræn viðskipti eða litakerfi forrita

Þróaðu vefsíðu, netverslun eða litakerfi apps

Við höfum deilt allmörgum greinum um mikilvægi lita með tilliti til vörumerkis. Fyrir vefsíðu, netverslun eða farsíma- eða vefforrit er það jafn mikilvægt. Litir hafa áhrif á:

  • Upphafleg sýn á vörumerki og gildi þess - til dæmis nota lúxusvörur oft svart, rautt gefur til kynna spennu o.s.frv.
  • Ákvarðanir um kaup - traust vörumerkis getur verið ákvarðað af litaskilunum. Mjúk litasamsetning gæti verið kvenlegri og áreiðanlegri, sterkar andstæður gætu verið brýnni og afsláttardrifinn.
  • Nothæfi og notendaupplifun - litir hafa sálrænt og lífeðlisfræðileg áhrif líka, sem gerir það auðveldara eða erfiðara að vafra um notendaviðmót.

Hversu mikilvægur er litur?

  • 85% fólks sögðu að liturinn hefði mikil áhrif á það sem það kaupir.
  • Litir auka vörumerkjaþekkingu að meðaltali um 80%.
  • Litaáhrif eru ábyrg fyrir 60% af samþykki eða höfnun vöru.

Þegar litasamsetning fyrir vefsíðu er ákvörðuð eru nokkur skref sem lýst er í meðfylgjandi upplýsingamynd:

  1. Aðallitur - Veldu lit sem hentar orku vöru þinnar eða þjónustu.
  2. Aðgerðarlitir – Þetta vantar í upplýsingamyndina hér að neðan, en að bera kennsl á aðalaðgerðarlit og aukaaðgerðarlit er mjög gagnlegt. Það kennir áhorfendum þínum að einbeita sér að tilteknum notendaviðmótsþáttum byggt á litnum.
  3. Aauka litir - Veldu til viðbótar litir sem bæta við aðalliturinn þinn, helst litir sem gera aðallitinn þinn skjóta.
  4. Bakgrunnslitir – Veldu lit fyrir bakgrunn vefsíðunnar þinnar – hugsanlega minna árásargjarn en aðalliturinn þinn. Hafðu líka í huga í dökkum og ljósum ham .. fleiri og fleiri síður eru með litasamsetningu á ljósum eða dökkum stillingum.
  5. Leturlitir – Veldu lit fyrir textann sem á að vera á vefsíðunni þinni – mundu að gegnheil svört leturgerð er sjaldgæf og ekki er mælt með því.

Sem dæmi, fyrirtækið mitt Highbridge þróað vörumerki á netinu fyrir kjólaframleiðanda sem vildi byggja upp netverslunarsíðu beint til neytenda þar sem fólk gæti kaupa kjóla á netinu. Við skildum markhópinn okkar, verðmæti vörumerkisins og – vegna þess að vörumerkið var aðallega stafrænt en hafði líka líkamlega vöru – lögðum við áherslu á litasamsetningu sem virkaði vel á prentun (CMYK), efnisvalmyndum (Pantone), sem og stafrænt (RGB og Hex).

Prófaðu litasamsetningu með markaðsrannsóknum

Ferlið okkar við val á litasamsetningu var ákafur.

  1. Við gerðum markaðsrannsóknir á röð grunnlita með markhópnum okkar sem minnkaði okkur í einn lit.
  2. Við gerðum markaðsrannsóknir á röð auka- og háskólalita með markhópi okkar þar sem við þrengdum niður litasamsetningu.
  3. Við gerðum vörulíkön (vöruumbúðir, hálsmerki og upphengimerki) sem og netverslun með litavali og útveguðum þeim til viðskiptavinarins sem og markhópsins til að fá endurgjöf.
  4. Vegna þess að vörumerkið þeirra var að miklu leyti háð árstíðabundnum breytingum, tókum við einnig árstíðabundna liti inn í blönduna. Þetta getur komið sér vel fyrir ákveðin söfn eða myndefni fyrir auglýsingar og deilingar á samfélagsmiðlum.
  5. Við fórum í gegnum þetta ferli meira en hálfan tylft sinnum áður en við komumst að lokaáætluninni.

closet52 litasamsetning

Þó að vörumerkjalitirnir séu ljósbleikir og dökkgráir, þróuðum við aðgerða litir að vera grænn skugga. Grænn er aðgerðamiðaður litur svo það var frábært úrval til að draga augu notenda okkar að aðgerðamiðuðum þáttum. Við tókum upp andhverfu græns fyrir aukaaðgerðir okkar (græn rammi með hvítum bakgrunni og texta). Við erum líka að prófa dekkri grænan lit á aðgerðalitnum fyrir sveimaaðgerðir.

Síðan við opnuðum síðuna nýlega höfum við innlimað músarspor og hitakort til að fylgjast með þeim þáttum sem gestir okkar laðast að og hafa mest samskipti við til að tryggja að við séum með litasamsetningu sem lítur ekki bara vel út... það skilar sér vel.

Litir, hvítt rými og einkenni frumefnis

Að þróa litasamsetningu ætti alltaf að nást með því að prófa það í heildarnotendaviðmóti til að fylgjast með samskiptum notenda. Fyrir síðuna hér að ofan tókum við einnig upp mjög sérstakar spássíur, bólstrun, útlínur, rammaradíus, táknmynd og leturgerðir.

Við afhentum fullan vörumerkjahandbók fyrir fyrirtækið til að dreifa innbyrðis fyrir hvaða markaðs- eða vöruefni sem er. Samræmi vörumerkja er mikilvægt fyrir þetta fyrirtæki vegna þess að þau eru ný og hafa enga vitund í greininni á þessum tímapunkti.

Hérna er netverslunarsíðan sem myndast með litasamsetningu

  • Closet52 - Kauptu kjóla á netinu
  • Closet52 safnsíða
  • Closet52 vörusíða

Heimsæktu Closet52

Litanotkun og litblinda

Ekki gleyma nothæfisprófun á litaskilum yfir þætti síðunnar þinnar. Þú getur prófað kerfið þitt með því að nota Aðgengisprófunartæki fyrir vefsíðu. Með litasamsetningu okkar vitum við að við erum með skuggavandamál sem við munum vinna að á leiðinni, eða við gætum jafnvel haft nokkra möguleika fyrir notendur okkar. Athyglisvert er að líkurnar á litavandamálum hjá markhópnum okkar eru frekar litlar.

Litblinda er vanhæfni til að skynja mun á sumum litanna sem ólitaðir notendur geta greint. Litblinda hefur áhrif á um fimm til átta prósent karla (u.þ.b. 10.5 milljónir) og minna en eitt prósent kvenna.

Usability.gov

Teymið hjá WebsiteBuilderExpert hefur sett saman þessa infographic og ítarlega meðfylgjandi grein um Hvernig á að velja lit fyrir vefsíðuna þína það er ákaflega ítarlegt.

Hvernig á að velja litasamsetningu fyrir vefsíðuna þína