3 C korisnička sučelja: boja, kontrast i sadržaj

Postoji stari poslovni model od kojeg žive mnogi poslovni stratezi - 3 Cs. Podsjetnik je usredotočiti se na tvrtku, kupce i konkurenciju . Mnoge male tvrtke i web stranice također koriste ovaj model. Ali za dizajnere, tri C-a su malo drugačija.

Prilikom izrade korisničkih sučelja trebali biste se usredotočiti na boju, kontrast i sadržaj. Ova tri elementa temelj su dobrog dizajna. No svaki je malo složeniji nego što se možda čini s površine. Evo kako razmotriti - i uključiti - tri C korisnička sučelja u svoje dizajnerske projekte.

Istražite dizajnerske resurse

Boja

Boja je jedan od najočitijih vizualnih elemenata većini korisnika. Dizajneri i ne-dizajneri podjednako mogu razgovarati o boji i tome odgovara li im određena nijansa ili paleta.

Boja može stvoriti različite emocionalne veze potpuno same, bez drugih efekata. Možete uručiti uzorak u boji ili čip gotovo bilo kome i dobiti reakciju o tome koja god je boja vidljiva. To je i šaljiv dizajn u tome što se osobne i dizajnerske sklonosti vremenom gotovo univerzalno mijenjaju.

Boja može stvoriti ili pokvariti dizajn iz više razloga, ali prvenstveno čini toliko stvari i korisniku pruža toliko vizualnih znakova istovremeno da ga ne možete zanemariti.

Utjecaji boje:

• Upotrebljivost i čitljivost
• Prepoznavanje i svjesnost marke
• Tamo gdje korisnici gledaju i komuniciraju
• Tijek organizacije i korisnika
• Opći uspjeh dizajna

Upotrijebite boju za stvaranje:

• Navigacija koja je jasna i razumljiva
• Intuitivne interakcije
• Raspoloženje za projekt
• Stvorite snažne pozive na akciju ili upotrebljive elemente
• Uspostavite osjećaj o dizajnu, kao što je stvarnost nasuprot fantaziji

Ovo bi sve moglo izgledati kao visoka narudžba za nešto tako jednostavno kao što je mješavina crvenog, zelenog i plavog.

Dakle, odakle počinjete? Argumentirano najvažnije varijable kada je u pitanju boja je stvaranje palete koja privlači korisnike i govori o dizajnu (kao što je markiranje i raspoloženje). Na primjer, web stranica za Coca-Colu koja je plavu boju koristila kao prevladavajuću boju, a ne crvenu, preplavila bi korisnike.

Čvrsta paleta boja ukorijenjena je u načelima teorije boja.

Čvrsta paleta boja ukorijenjena je u načelima teorije boja. Ne treba vam više od nekoliko boja da biste uspjeli. Dovoljne su dvije do tri boje i dobra knjižica svjetlijih i tamnijih varijacija. Mockplus preporučuje pravilo 6: 3: 1: odaberite tri boje za paletu, uključujući dominantnu boju koja se koristi 60 posto vremena, sekundarnu boju koja se koristi 30 posto vremena i akcentnu boju koja može biti u preostalom 10 posto dizajna. Pravilo je ukorijenjeno u omjeru zlata, okosnici teorije dizajna i može biti odlično polazište.

Evo još jednog pravila za stvaranje paleta boja u korisničkim sučeljima: započnite s crnom i bijelom. Ako je dizajn upotrebljiv bez boje, vjerojatno će djelovati nakon dodavanja boje. Crno-bijeli obris također vam daje dobru ideju kako odabrati boje s dovoljno kontrasta (drugi C) kako biste poboljšali upotrebljivost.

Kontrast

Kontrast stvara razliku između elemenata. Pomaže u stvaranju vizualne hijerarhije, skanabilnosti i pridonosi tome kako je nešto lako brzo shvatiti. Elementi s jakim kontrastom korisniku olakšavaju pogled od jedne do druge stvari, stvarajući prirodni vizualni uzorak i protok korisnika.

Razlog zašto je kontrast toliko važan za dizajn korisničkog sučelja jest taj što je dio svega što radite. Način stvaranja kontrasta razlikuje se ovisno o vrsti elementa vizualnog efekta.

Možete uspostaviti kontrast s:

• Boja
• Veličina
• Smjer
• Prostor
• Oblik

Ključni element smjernica za pristup je kontrast jer osigurava da korisnici u dizajnu mogu razaznati jedan element od drugog. Projekt A11Y, kojem je cilj olakšati pristup internetu, ima ovu preporuku: započnite s kontrastom boja upotrebom boja iz različitih segmenata kotača u boji ili kontrastnih boja. Zapamtite da komplementarne boje - suprotnosti na kotaču u boji - pružaju maksimalan kontrast.

Isti se koncept odnosi i na stvaranje kontrasta i između ostalih elemenata. Odaberite tipkovnice iz različitih obitelji ili upotrijebite dramatično različite veličine kako biste korisnicima brzo pročitali riječi.

Ukratko, ideja koja stoji iza kontrasta je da suprotnosti privlače.

Koristite znakove usmjerenja, strelice ili slike pomoću pokreta kako biste pomogli korisniku da pogleda u određenom smjeru, a zatim prebacite znak za usmjerenje za još veći kontrast.

Razlika između uskog i otvorenog prostora stvara puno kontrasta. Ako želite osigurati da se vaš tekst lako vidi i čita, dajte mu malo više prostora da ga privučete.

Ukratko, ideja koja stoji iza kontrasta je da suprotnosti privlače. Elementi koji su naizgled različiti zapravo mogu raditi zajedno, tako da je oba lako vidjeti na prvi pogled.

Da biste znali djeluje li kontrast na način na koji namjeravate, razmislite o nekoliko čimbenika kada gledate elemente na zaslonu:

• Čitljivost: Je li sve riječi i slike lako vidjeti i pročitati?
• Jasnoća: Je li lako razlikovati jedan element od drugog?
• Pristupačnost: Radi li za što veći broj ljudi?
• Okoliš: Mogu li korisnici vidjeti i razumjeti dizajn na mjestima na kojima će se koristiti?

Sadržaj

Posljednji od tri C-a je sadržaj. Dizajn korisničkog sučelja može biti samo dobar kao i podaci sadržani u njemu. Sadržaj uključuje sve, od slike do teksta do ilustracija i ikona do logotipa i marki. Sadržaj također uključuje videozapise i svaku kopiju, od cjelovitih poruka ili pripovijesti do blogova, do sitnih bitova mikro-kopije.

Samo posjedovanje sadržaja nije dovoljno. Morate imati zvjezdani sadržaj.

Svi ti elementi zajedno se pripovijedaju o tome što vaš dizajn i korisničko sučelje čine posebnim. Zašto bi vam korisnici trebali dati svoje vrijeme, a ne raditi nešto drugo?

A samo imati sadržaj nije dovoljno. Morate imati zvjezdani sadržaj. Sadržaj visoke rezolucije. Sadržaj visoke vrijednosti. Vaš sadržaj mora biti bolji / veći / posebniji od sličnog sadržaja koji se natječe za pažnju korisnika.

To može biti visok nalog, ali većina dizajnera može stvoriti ovaj sadržaj istinitim sebi i svojoj marki i porukama. Držite se onoga što jeste i onoga što znate. Korisnici će vidjeti ovu autentičnost i nadamo se da će je procijeniti trošeći vrijeme na vaš dizajn.

Zaključak

Sada kada ste naoružani stara tri Cs poslovanja - tvrtku, kupce i konkurente - i tri Cs dizajna korisničkog sučelja - boju, kontrast i sadržaj - imate alate i znanje za stvaranje dizajnerskog projekta koji je izvan ovog svijeta dobro. (Ili barem vrlo korisna.)

Radeći obje strategije na dizajnerskim projektima, prisiljeni ste razmišljati o tome kako stvoriti nešto što će koristiti vlasniku web stranice i korisniku. Stvarate ne samo zato da je dizajn lijep, već i da bude funkcionalan.

Napomena: Svi primjeri u ovom članku potječu iz galerije Design Shack Gallery. Obavezno pogledajte oko sebe; pun je sjajnog rada i inspiracije.