Misli manje. Dizajn bolji.

Promicanje boljeg tijeka rada u dizajnu sučelja kroz upravljiv proces odlučivanja i razmišljanja.

Dobro dizajnirano korisničko sučelje rezultat je niza ključnih odluka koje ne samo da čine intuitivno iskustvo, već i estetski privlače korisnika. Pojednostavljenjem postupka donošenja odluka on može omogućiti lakši tijek rada i veće šanse za postizanje optimalnog rezultata.

Što je više mogućnosti dostupnih u procesu dizajniranja, više je razmišljanja potrebno za izvršavanje i preciziranje.

Američki psiholog Barry Schwartz napisao je u časopisu Paradox of Choice da uklanjanje izbora može uvelike smanjiti anksioznost. Ustvrdio je da trebamo imati standarde i kriterije, ali ne brinuti o mogućnosti da postoji nešto bolje. Bilo je to u kontekstu potrošača, ali vjerujem da se to odnosi i na dizajnerske odluke.

Strategija maksimiziranja zapravo nije biti perfekcionist, već osigurati najpovoljnije odluke koje kolektivno stvaraju optimalno iskustvo.

1. Ograničavanje varijabli

Ako uzmemo u obzir sve potencijalne varijable za stvaranje koncepta visoke vjernosti, a može ih biti mnogo, postaje jasno da ih moramo rano ograničiti i definirati. Smanjenje količine dostupnih izbora olakšat će odlučnost.

S iskustvom postaje lakše predvidjeti kako ograničavanje određenih skupina varijabli ima multiplicirajući učinak na sastav.

Smanjenje izbora ne odgovara smanjenju originalnosti. Naša je pretpostavka da stvaranje koncepata oko unaprijed definiranih pravila predstavlja ograničenje, ali mi kao dizajneri možemo uspostaviti vlastita pravila i biti u potpunoj kontroli formuliranja istih.

Ljestvica i razmak

Svaka strana UI dizajna trebala bi se vrtjeti oko sustava koji promiče ritam i pomaže u održavanju dosljednosti u razmjeru i prostoru kako projekt raste. Jedan takav sustav koji volim koristiti je modularna ljestvica, koja može olakšati skaliranje iz bilo kojeg zadanog omjera za mjerenje ili postavljanje veličine elementa ili negativnog prostora u kompoziciji.

Jednom kada odaberemo omjer, modularna ljestvica može olakšati definiranje razmjera i razmaka

Iako može smanjiti varijable na rešetkama, tipografiji, vertikalnom razmaku i ukupnim dimenzijama izgleda do razine rukovanja, on također pruža ugodnu estetiku i ritam. Dizajniranje korisničkog sučelja daleko je lakše.

rešetke

Grid sustavi su sjajni za ograničavanje načina organiziranja sadržaja unutar horizontalne ravnine i ne-brainer kada je u pitanju korisničko sučelje. Međutim, rešetka se često bira bez previše razmišljanja, da bi bila jednodnevna. Ono što većina dizajnera ne shvaća jest da je bolje stvoriti mrežni sustav koji je izgrađen oko sadržaja.

Sustav rešetki smanjit će varijable u rasporedu

To znači da je idealno unaprijed imati jasno razumijevanje scenarija sadržaja kako bi se slikala kako bolje služiti sadržajem iz određene mreže. Razmislite o ograničenjima poslovanja s postojećim materijalima i vodičima za robnu marku, poput logotipa koji ima posebna pravila i zahtjeve za razmake, ili možda oglasa s određenim fiksnim jedinicama.

Vrsta sadržaja također je faktor. Postoji velika razlika između osmišljavanja izgleda za trgovinu, objave vijesti ili bloga ili jednostavne web stranice. Izgled koji je slika težak i težak riječima. To bi moglo biti korisno razumjeti obrasce skeniranja očiju i kako oni utječu na vizualnu hijerarhiju.

Što više naprednog razumijevanja poslovnih i sadržajnih ograničenja, lakše ćete odabrati mrežni sustav i donijeti odluke o izgledu.

Tipografija

Ja bih tvrdio da je tipografija najvažniji aspekt dizajna sučelja jer može činiti do 95% weba i biti pokretačka snaga komunikacije.

Iako se sustavi poput modularne razmjere mogu primijeniti na veličinu i vodeće, porodice fontova i stilovi također mogu biti ograničeni. Korisničko sučelje nikad ne treba prelaziti dvije obitelji i nekoliko težina. Pravila se mogu proširiti i na način na koji se postupa s opravdanjem i naslovom.

Boja

Lako se možete pretjerano riješiti palete. Mali raspon tonova može prijeći dosta vremena za stvaranje dovoljnih i dosljednih vizuala. Obično sve što nam treba za početnu točku je pet uzoraka.

Alati poput Adobe Color CC olakšavaju unaprijed definiranje palete

Većina robnih marki treba sadržavati primarnu ili naglašenu boju, te nekoliko neutralnih ili kontrastnih tonova kako bi ih pohvalili. Ne treba nam 15 nijansi jednog tona, posebno na početku. Bolje je početi s malim i povećati nijansu ili dvije kasnije.

slike

Način na koji ugrađujemo slike u korisničko sučelje uvelike je određen kontekstom sadržaja. Ako imamo grub pojam o tome što je to, možemo stvoriti početnu točku za naše slike s varijablama za omjer, veličinu, oblik i tretman. Možda ćemo otkriti da nam ovo ne treba toliko.

Ograničavanje naših varijabli slike imat će bolju dosljednost i dugoročno će olakšati upravljanje imovinom slike. Isto vrijedi i za ikonografiju.

Koliko varijacija u omjeru i veličini za slike zapravo trebamo?

2. Izrada vodiča za stil ranije

Kako projekt UI konceptualno raste, postaje sve važnije stvoriti i održavati vodič za stilove ili biblioteku uzoraka. Ovo će uspostaviti načela dizajna za pomoć u skali projekta, održavajući ritam i dosljednost. Ako unaprijed definiramo varijable, to je dobar način da ih dokumentiramo. Buduće donošenje odluka će biti lakše s vodičem za stil nego bez njega.

Ovisno o projektu, izrada stilskog vodiča luksuz je i često je namijenjena budućim referencama. To je razlog zašto se većina vodiča za stil sastavlja u posljednjem trenutku ili nakon dovršetka projekta, a to je još uvijek dobra praksa. No, iako ima dosta postracionalizacije i razmišljanja za stilski vodič koji pomaže budućem dizajnu i razvoju, on zapravo može pomoći u izgradnji vjernosti u ranim fazama konceptualizacije.

Stvaranje osnovnog vodiča za stil odmah na početku ne samo da će uspostaviti načela rano za smanjenje odluka o dizajnu, već će pomoći i kao razvoj za razvoj i unapređivanje principa koji idu naprijed.

Ako ga napravite u startu, ne znači da mora biti cjelovit - daleko od toga. Stilovi se ionako više razvijaju u ranijim fazama, a što veći projekt postaje jasniji i stežu granice.

3. Prioritet i prilagodba na temelju modula

U modularno dizajniranim sustavima, kao što je Atomski dizajn Brada Frosta, izgled se može formulirati iz specifičnih ključnih područja. Moduli se ponovo mogu upotrijebiti u različitim izgledima. Sučelja se tretiraju kao sustavi, a ne stranice, a dizajn i razvoj temeljen na uzorku su glavni dio procesa.

Ovo je sjajna metodologija i dizajn UI čini mnogo upravljivijim, ali da bi bio učinkovitiji, moramo dati prednost ključnim područjima i prilagoditi sve ostalo oko njih. To će zauzvrat osigurati vizualnu koherenciju.

Odredite ključna područja

Naš bi se dizajn trebao okretati oko važnih dijelova. Prioritet svakog područja određuje se njegovim sadržajem ili funkcionalnošću unutar sučelja, a u osnovi je ključ zagonetke.

Najprije se fokusirajući na važna područja, nakon toga smanjujemo dizajnerske odluke jer se sljedeća područja moraju savijati i prilagođavati postojećem okruženju.

Usredotočite se na ključna područja

Nakon što su utvrđena područja visokog prioriteta, riječ je o super fokusiranju na kritične dijelove i njihovoj pripremi za dovršavanje. Ideja je osigurati njihovu intuitivnost i ispunjavanje svih zahtjeva prije prilagodbe manje važnih područja.

4. To čineći svima

Tisućama godina dizajneri nastoje učiniti jednu stvar - učinkovito komunicirati. Neprestano izmišljamo i prilagođavamo načine bolje vizualne i zvučne komunikacije s publikom.

Uz sve veći pristup informacijama od najšire moguće publike, postaje neophodno povećati pristup što većem broju ljudi.

Prikrivanje je blagoslov

Ugostiteljstvo široj publici zvuči kao više posla, a i primamljivo je pristupanje vidjeti preprekom inovacijama. Međutim, udovoljavanje najnovijim standardima može biti blagoslov u maskiranju, pogotovo ako oni postaju druge prirode.

Primjeri toga u dizajnerskom smislu mogu uključivati ​​potrebu da nam je potrebna minimalna veličina fonta na tjelesnom primjerku ili značajna količina kontrasta između kopije i pozadine, ili veća povezljiva područja na dodirnim uređajima.

Nije samo stvar s invaliditetom

Pristupačnost nije samo prilagođavanje invaliditetu kao što bi neki podrazumijevali, već i korisnici sa naslijeđenim uređajima i preglednicima koji ne podržavaju sve najnovije značajke i poboljšanja. Svjesnost ovih standarda i njihovo poštivanje prirodno će smanjiti dizajnerske odluke.

5. Korištenje isprobanih i testiranih uzoraka

Činjenica je da korisnici smatraju sučelja intuitivnim kada se uklapaju u stotine uobičajenih obrazaca dizajna koje su apsorbirali tijekom godina prakse i izlaganja. Čim se počnemo odvajati od tipičnih plijesni i gaziti novo tlo, možda ćemo pronaći vremena da novi obrazac postane potpuno intuitivan za mase.

Postoje vrijeme i mjesto za stvaranje originalnih UI obrazaca, ali ne treba se oglušiti o uobičajene tehnike - oni su uspješni s razlogom.

Srebrna obloga za nas je da manje brinemo o izumljanju i koncentriramo se na estetiku. Još je uvijek moguće stvoriti originalno djelo na temelju utvrđenih obrazaca.

Što više upoznajemo i integriramo uspješne obrasce dizajna, manje izbora moramo donijeti kao dizajneri. Ne razmišljamo nužno o tome što bi moglo funkcionirati, već o tome što će se raditi.

Završna napomena

Neki od ovih pristupa pojedinačno ne mogu u velikoj mjeri smanjiti naše razmišljanje i donošenje odluka, ili će poboljšati naše nacrte s velikom maržom. Međutim, ako ih sjedinimo, zajedno s dobivanjem dobrih povratnih informacija, može nam znatno olakšati dizajn boljeg korisničkog sučelja.

Slijedite me na Twitteru