3 lietotāja saskarņu Cs: krāsa, kontrasts un saturs

Pastāv vecs biznesa modelis, kurā dzīvo daudzi biznesa stratēģi - 3 Cs. Tas ir atgādinājums koncentrēties uz uzņēmumu, klientiem un konkurentiem . Šo modeli izmanto arī daudzi mazie uzņēmumi un tīmekļa vietnes. Bet dizaineriem trīs Cs ir nedaudz atšķirīgas.

Veidojot lietotāja saskarnes, jums jākoncentrējas uz krāsu, kontrastu un saturu. Šie trīs elementi ir laba dizaina pamats. Bet katrs no tiem ir nedaudz sarežģītāks, nekā varētu šķist no malas. Lūk, kā domāt par un iekļaut trīs lietotāja saskarņu Cs modeļus projektēšanas projektos.

Izpētiet dizaina resursus

Krāsa

Krāsa ir viens no acīmredzamākajiem vizuālajiem elementiem lielākajai daļai lietotāju. Dizaineri un ne-dizaineri var runāt par krāsu un to, vai noteikta nokrāsa vai palete viņiem patīk.

Krāsa pati par sevi var radīt atšķirīgus emocionālus savienojumus, bez citiem efektiem. Jūs varat nodot krāsu paraugu vai mikroshēmu gandrīz ikvienam un saņemt reakciju par to, kāda krāsa ir redzama. Tas ir arī smieklīgs dizaina elements, jo personiskās un dizaina izvēles laika gaitā parasti mainās.

Krāsa var radīt vai sagraut dizainu daudzu iemeslu dēļ, taču galvenokārt tā izdara tik daudz lietu un vienlaikus nodrošina lietotājam tik daudz vizuālu norāžu, ka jūs to nevarat ignorēt.

Krāsu ietekme:

• Izmantojamība un lasāmība
• Zīmola atpazīstamība un atpazīstamība
• Vietas, kur lietotāji skatās un mijiedarbojas
• Organizācija un lietotāju plūsma
• Kopējie dizaina panākumi

Izmantojiet krāsu, lai izveidotu:

• Navigācija ir skaidra un saprotama
• Intuitīva mijiedarbība
• Projekta noskaņa
• Izveidojiet spēcīgus aicinājumus uz darbību vai izmantojamus elementus
• Izveidojiet izpratni par dizaina būtību, piemēram, realitāti pret fantāziju

Tas viss varētu šķist garš pasūtījums kaut kam tik vienkāršam kā sarkanas, zaļas un zilas krāsas sajaukums.

Tātad, kur jūs sākat? Neapšaubāmi vissvarīgākie mainīgie lielumi, veidojot krāsu, ir tādu paletes izveidošana, kas piesaista lietotājus un runā par to, kas ir dizains (piemēram, zīmolu un noskaņu). Piemēram, Coca-Cola vietne, kurā kā dominējošā krāsa tika izmantota zila, nevis sarkana, lietotājiem būtu satraucoša.

Vienkrāsaina krāsu palete sakņojas krāsu teorijas principos.

Vienkrāsaina krāsu palete sakņojas krāsu teorijas principos. Lai tas darbotos, jums nav vajadzīgas vairāk kā pāris krāsas. Pietiek ar divām līdz trim krāsām un labu gaišāku un tumšāku variāciju bibliotēku. Mockplus iesaka noteikumu 6: 3: 1: izvēlēties trīs krāsas paletē, ieskaitot dominējošo krāsu, kas tiek izmantota 60 procentus laika, sekundāro krāsu, kas tiek izmantota 30 procentus laika, un akcenta krāsu, kas var būt atlikušajā 10 procenti no dizaina. Noteikums sakņojas zelta proporcijā, kas ir dizaina teorijas pamats, un tas var būt lielisks sākumpunkts.

Šeit ir vēl viens noteikums, kā izveidot lietotāja interfeisos krāsu paletes: sāciet ar melnbaltu. Ja dizains ir izmantojams bez krāsas, tas, iespējams, darbosies pēc krāsas pievienošanas. Melnbaltā kontūra sniedz arī labu priekšstatu par to, kā izvēlēties krāsas ar pietiekamu kontrastu (otrais C), lai uzlabotu lietojamību.

Kontrasts

Kontrasts rada atšķirību starp elementiem. Tas palīdz radīt vizuālu hierarhiju, skenējamību un veicina to, cik viegli kaut ko ātri saprast. Elementi ar spēcīgu kontrastu ļauj lietotājam viegli skatīties no vienas puses uz otru, radot dabisku vizuālo zīmējumu un lietotāja plūsmu.

Iemesls, kāpēc kontrasts ir tik svarīgs lietotāja interfeisa dizainā, ir tas, ka tas ir daļa no visa, ko jūs darāt. Kontrasta izveidošana mainās atkarībā no iesaistītā vizuālā efekta elementa veida.

Jūs varat izveidot kontrastu ar:

• Krāsa
• Izmērs
• Virziens
• Kosmoss
• Forma

Galvenais piekļuves vadlīniju elements ir kontrasts, jo tas nodrošina, ka lietotāji dizainā var saskatīt vienu elementu no otra. Projektam A11Y, kura mērķis ir atvieglot tīmekļa pieejamību, ir šāds ieteikums: sāciet ar krāsu kontrastu, izmantojot krāsas no dažādiem krāsu diska segmentiem vai kontrastējošas krāsas. Atcerieties, ka papildinošās krāsas - krāsu diska pretstati - nodrošina maksimālu kontrastu.

Tas pats jēdziens attiecas arī uz kontrastu radīšanu starp citiem elementiem. Izvēlieties burtus no dažādām ģimenēm vai izmantojiet dramatiski atšķirīgus izmērus, lai palīdzētu lietotājiem ātri lasīt vārdus.

Īsāk sakot, kontrasta ideja ir tāda, ka pretstati piesaista.

Izmantojiet virziena zīmes, bultiņas vai attēlus ar kustību, lai palīdzētu lietotājam piespiest skatīties noteiktā virzienā, pēc tam pagrieziet virziena norādi, lai iegūtu vēl lielāku kontrastu.

Atšķirība starp saspringto un atvērto telpu rada daudz kontrastu. Ja vēlaties pārliecināties, ka tekstu ir viegli redzēt un lasīt, dodiet tam mazliet vairāk vietas, lai pievērstu tam uzmanību.

Īsāk sakot, kontrasta ideja ir tāda, ka pretstati piesaista. Elementi, kas šķietami atšķiras, faktiski var darboties kopā, lai abi būtu viegli pamanāmi.

Lai uzzinātu, vai kontrasts darbojas iecerētajā veidā, apskatot ekrāna elementus, padomājiet par dažiem faktoriem:

• Lasāmība: vai visus vārdus un attēlus ir viegli redzēt un lasīt?
• Skaidrība: Vai ir viegli atšķirt vienu elementu no otra?
• Pieejamība: vai tā darbojas pēc iespējas vairāk cilvēku?
• Vide: Vai lietotāji var redzēt un saprast dizainu vietās, kur tas tiks izmantots?

Saturs

Pēdējais no trim Cs ir saturs. Lietotāja saskarnes dizains var būt tik labs, cik tajā ietvertā informācija. Saturs ietver visu, sākot no attēliem līdz tekstam līdz ilustrācijām un ikonām līdz logotipiem un zīmolu zīmēm. Saturs ietver arī video un katru kopiju no visa ziņojumapmaiņas vai stāstījuma līdz emuāra ziņām līdz sīkiem mikrokopiju fragmentiem.

Nepietiek tikai ar saturu. Jums ir jābūt zvaigžņu saturam.

Visi šie elementi apvieno, lai pastāstītu stāstu par to, kas padara jūsu dizainu un lietotāja saskarni īpašu. Kāpēc lietotājiem vajadzētu dot jums savu laiku, nevis darīt kaut ko citu?

Un tikai ar saturu nepietiek. Jums ir jābūt zvaigžņu saturam. Augstas izšķirtspējas saturs. Augstas vērtības saturs. Jūsu saturam jābūt labākam / lielākam / īpašākam nekā līdzīgam saturam, kas konkurē par lietotāju uzmanību.

Tas var būt liels pasūtījums, taču vairums dizaineru var izveidot šo saturu, būdami patiesi pret sevi, savu zīmolu un ziņojumapmaiņu. Pieturieties pie tā, kas jūs esat un ko zināt. Lietotāji redzēs šo autentiskumu un, cerams, to novērtēs, pavadot laiku pie jūsu dizaina.

Secinājums

Tagad, kad esat apbruņots ar trīs vecajām biznesa Cs - kompānijām, klientiem un konkurentiem - un trim lietotāja interfeisa dizaina - krāsu, kontrastu un satura Cs - jums ir rīki un zināšanas, lai izveidotu dizaina projektu, kas atrodas ārpus šīs pasaules labi. (Vai vismaz ļoti izmantojams.)

Izstrādājot abas stratēģijas dizaina projektos, jūs esat spiesti domāt, kā izveidot kaut ko tādu, kas nāks par labu vietnes īpašniekam un lietotājam. Jūs veidojat ne tikai to, lai dizains būtu skaists, bet arī lai tas būtu funkcionāls.

Piezīme: Visi šī raksta piemēri ir no galerijas Design Shack. Pārliecinieties, ka paskatāties apkārt; tas ir pilns ar lielu darbu un iedvesmu.