Misli manj. Bolje oblikovanje.

Spodbujanje boljšega delovnega procesa v oblikovanju uporabniškega vmesnika s pomočjo vodljivega procesa odločanja in razmišljanja.

Dobro oblikovan uporabniški vmesnik je rezultat niza ključnih odločitev, ki uporabniku ne omogočajo samo intuitivne izkušnje, ampak tudi estetsko. Z bolj poenostavljenim postopkom odločanja lahko omogočite lažji potek dela in večje možnosti za doseganje optimalnega rezultata.

Več možnosti je na voljo v postopku oblikovanja, več razmišljanja je potrebno za izvedbo in natančnost.

Ameriški psiholog Barry Schwartz je v The Paradox of Choice zapisal, da lahko odpravljanje odločitev močno zmanjša tesnobo. Trdil je, da bi morali imeti standarde in merila, ne pa skrbeti, da bi lahko bilo kaj boljšega. Bilo je v kontekstu potrošnikov, vendar menim, da velja tudi za oblikovalske odločitve.

Strategija maksimiranja dejansko ni biti perfekcionist, ampak dajati na voljo najugodnejše odločitve, ki skupaj ustvarjajo optimalno izkušnjo.

1. Omejevanje spremenljivk

Če upoštevamo vse potencialne spremenljivke, ki ustvarjajo koncept visoke zvestobe, in jih je lahko veliko, postane jasno, da jih moramo že zgodaj omejiti in opredeliti. Zmanjšanje količine razpoložljivih možnosti bo lažje odločilno.

Z izkušnjami je lažje napovedati, kako omejevanje določenih skupin spremenljivk pomnoži učinek v celotni sestavi.

Zmanjšanje možnosti ne ustreza zmanjšanju izvirnosti. Naša predpostavka je, da je ustvarjanje konceptov v skladu z vnaprej določenimi pravili omejitev, vendar kot oblikovalci lahko določimo svoja pravila in jih popolnoma nadziramo.

Lestvica in razmik

Vsaka plat oblikovanja uporabniškega vmesnika se mora vrteti okoli sistema, ki spodbuja ritem in pomaga ohranjati skladnost v obsegu in prostoru, ko projekt raste. Eden takšnih sistemov, ki jih rad uporabljam, je modularna lestvica, ki lahko olajša lestvico iz katerega koli danega razmerja za merjenje ali nastavitev velikosti elementa ali negativnega prostora v kompoziciji.

Ko izberemo razmerje, lahko modularna lestvica olajša določanje obsega in razmika

Čeprav lahko zmanjša spremenljivke na rešetkah, tipografiji, navpičnem razmiku in celotnih dimenzijah postavitve do obvladljive ravni, zagotavlja tudi prijetno estetiko in ritem. Oblikovanje uporabniškega vmesnika je veliko lažje.

Rešetke

Grid sistemi so odlični za omejevanje organiziranosti vsebine znotraj vodoravne ravnine in brez možganov, ko gre za uporabniški vmesnik. Vendar je mreža pogosto izbrana brez preveč razmišljanja, da bi bila enotna. Večina oblikovalcev se ne zaveda, da je bolje ustvariti mrežni sistem, ki je zgrajen okoli vsebine.

Sistem omrežja bo zmanjšal spremenljivke v postavitvi

To pomeni, da bi bilo vnaprej jasno razumeti scenarije vsebine, tako da si nariše sliko, kako bolje strežiti vsebino iz določenega omrežja. Pomislite na poslovne omejitve s predhodno obstoječimi sredstvi in ​​vodniki blagovnih znamk, na primer z logotipom s posebnimi pravili in zahtevami za razmik ali morda z oglasi z določenimi fiksnimi enotami.

Dejavnik je tudi vrsta vsebine. Obstaja velika razlika med oblikovanjem postavitve za trgovino, objavo novic ali spletnega dnevnika ali preprosto spletno stranjo. Postavitev, ki je slika težka v primerjavi z besedami. Koristno bi lahko razumeli vzorce skeniranja oči in kako vplivajo na vizualno hierarhijo.

Če boste bolj razumeli poslovne omejitve in omejitve vsebine, boste lažje izbrali mrežni sistem in sprejemali odločitve za postavitev.

Tipografija

Trdim, da je tipografija najpomembnejši vidik oblikovanja uporabniškega vmesnika, saj lahko tvori do 95% spleta in je gonilna sila komunikacije.

Medtem ko je sisteme, kot je modularno merilo, mogoče uporabiti za velikost in vodilne, pa je mogoče omejiti tudi družine in sloge pisav. Uporabniški vmesnik nikoli ne bi smel presegati dveh družin in nekaj uteži. Pravila se lahko razširijo tudi na ravnanje z obrazložitvijo in naslovom.

Barva

S paletami je enostavno preveč skrbno skrbeti. Majhen obseg tonov lahko doseže dolgo pot do ustvarjanja zadostnih in doslednih vizualnih del. Ponavadi je vse, kar potrebujemo za izhodišče, pet vzorcev.

Orodja, kot je Adobe Color CC, olajšajo vnaprej določitev palete

Večina blagovnih znamk mora vsebovati primarno ali poudarjeno barvo ter nekaj nevtralnih ali kontrastnih tonov, da bi jo lahko pohvalili. Ne potrebujemo 15 odtenkov enega tona, še posebej na začetku. Bolje je, da začnete z majhnimi in kasneje dodate senčilo ali dva.

Slike

Kako vključimo slike v uporabniški vmesnik, v veliki meri določa kontekst vsebine. Če imamo okvirno predstavo o tem, kaj je to, lahko za svoje slike ustvarimo izhodišče s spremenljivkami glede na razmerje, velikost, obliko in zdravljenje. Morda bomo ugotovili, da tega ne potrebujemo toliko.

Omejitev naših spremenljivk slike bo zagotovila boljšo skladnost in dolgoročno olajšala upravljanje s slikami. Enako velja za ikonografijo.

Koliko različic razmerja in velikosti slik dejansko potrebujemo?

2. Zgodnje ustvarjanje vodnika za slog

Ko projekt UI konceptualno raste, postaja vedno bolj pomembno ustvariti in vzdrževati vodnik po slogu ali knjižnico vzorcev. Tako se bodo oblikovala načela oblikovanja, ki bodo pomagala obsegu projekta, ohranjanju ritma in doslednosti. Če predhodno definiramo spremenljivke, jih je dobro dokumentirati. Prihodnje odločanje bo s stilskim vodnikom lažje kot brez enega.

Glede na projekt je oblikovanje stilskega vodnika razkošje in precej pogosto namenjeno nadaljnji uporabi. Zato se večina vodičev po slogu sestavi v zadnjem trenutku ali po zaključku projekta in to je še vedno dobra praksa. Medtem ko je za post-racionalizacijo in utemeljitev stilski vodnik za pomoč pri bodočem oblikovanju in razvoju veliko, lahko dejansko pomaga pri krepitvi zvestobe v zgodnjih fazah konceptualizacije.

Ustvarjanje osnovnega stilskega vodnika že na začetku ne bo samo vzpostavilo načel za zmanjšanje oblikovalskih odločitev, ampak bo pomagalo tudi kot razvoj infrastrukture in nadaljnje izboljšanje načelnikov.

Izdelava enega na začetku še ne pomeni, da mora biti popolna - daleč od tega. Slogi se tako ali tako bolj razvijajo v zgodnjih fazah in večji kot projekt postane bolj jasen in bolj mejne postajajo.

3. Modularna prioriteta in prilagoditev

V modularno zasnovanih sistemih oblikovanja, kot je Atomic Design Brad Frost, je mogoče oblikovati postavitev iz specifičnih ključnih področij. Moduli postanejo ponovno uporabni v različnih postavitvah. Vmesniki se obravnavajo kot sistemi in ne strani, glavni del procesa pa je oblikovanje in razvoj, ki temelji na vzorcu.

To je odlična metodologija in omogoča oblikovanje uporabniškega vmesnika veliko bolj obvladljiv, a da bi bil bolj učinkovit, moramo dati prednost ključnim področjem in prilagoditi vse ostalo okoli njih. To bo zagotovilo vidno skladnost.

Določite ključna področja

Naš dizajn se mora vrteti okoli pomembnih delov. Prednost vsakega področja določa njegova vsebina ali funkcionalnost znotraj vmesnika in je v bistvu ključ do uganke.

Najprej se osredotočimo na pomembna področja, nato pa zmanjšujemo oblikovalske odločitve, saj se morajo naslednja območja upogniti in prilagoditi obstoječemu okolju.

Osredotočite se na ključna področja

Ko so opredeljena območja z visoko prioriteto, gre za super osredotočenje na kritične dele in njihovo pripravo. Ideja je zagotoviti, da so intuitivni in izpolnjujejo vse zahteve, preden prilagodijo manj pomembna področja.

4. Naj bo delo za vse

Tisočletja si oblikovalci prizadevajo narediti eno stvar - učinkovito komunicirati. Nenehno izumljamo in izpopolnjujemo načine za boljšo vizualno in slišno komunikacijo s publiko.

Z nenehnim povečanjem dostopa do informacij od najširšega možnega občinstva je treba nujno povečati dostopnost čim večjemu številu ljudi.

Dostopnost je blagoslov v preobleki

Gostinska ponudba širšemu občinstvu zveni kot več dela, zato je skušnjava dostopnost videti kot oviro za inovacije. Vendar pa je skladnost z najnovejšimi standardi lahko prikrivanje, zlasti če postanejo druge narave.

Primeri tega v oblikovnem smislu lahko vključujejo, da potrebujemo minimalno velikost pisave na kopiji telesa ali veliko kontrast med kopijo in ozadjem ali večja povezljiva območja na napravah z dotikom.

Ne gre samo za invalide

Dostopnost ni samo zadovoljevanje invalidnosti, kot to nekateri nakazujejo, ampak tudi uporabnikom starejših naprav in brskalnikov, ki ne podpirajo vseh najnovejših funkcij in izboljšav. Zavedanje teh standardov in njihovo upoštevanje bo seveda zmanjšalo oblikovalske odločitve.

5. Uporaba preizkušenih in preizkušenih vzorcev

Dejstvo je, da uporabniki menijo, da so vmesniki intuitivni, ko ustrezajo sto pogostim oblikovalskim vzorcem, ki so jih prevzeli z leti prakse in razstave. Takoj, ko se začnemo odvajati od značilnih plesni in teptati nova tla, bomo morda našli čas, da nov vzorec postane popolnoma intuitiven za množice.

Obstajajo čas in kraj za ustvarjanje izvirnih vzorcev uporabniškega vmesnika, vendar se ne smemo izogibati običajnim tehnikam - uspešne so z razlogom.

Srebrna podloga nas manj skrbi za ponovno izumljanje in se osredotočamo na estetiko. Še vedno je mogoče ustvariti izvirno delo na podlagi ustaljenih vzorcev.

Bolj ko se spoznamo in vključimo uspešne vzorce oblikovanja, manj moramo izbirati kot oblikovalci. Ne razmišljamo nujno o tem, kaj bi lahko delovalo, ampak kaj bo delovalo.

Končna opomba

Nekateri od teh pristopov morda ne bodo močno zmanjšali našega razmišljanja in odločanja ali izboljšali naše zasnove z veliko mejo. Če pa jih združimo skupaj, pa tudi, če dobimo dobre povratne informacije na poti, lahko bistveno lažje oblikujemo boljši uporabniški vmesnik.

Sledi mi na tviterju