Mysli menej. Dizajn lepší.

Podpora lepšieho pracovného postupu v návrhu používateľského rozhrania prostredníctvom zvládnuteľného rozhodovania a procesu myslenia.

Dobre navrhnuté používateľské rozhranie je výsledkom radu kľúčových rozhodnutí, ktoré nielenže robia zážitok intuitívnym, ale aj esteticky príjemným pre používateľa. Zefektívnením rozhodovacieho procesu sa tým umožní ľahší pracovný tok a vyššia pravdepodobnosť dosiahnutia optimálneho výsledku.

Čím viac možností je k dispozícii v procese navrhovania, tým viac myslenia sa vyžaduje na vykonanie a dokonalosť.

Americký psychológ Barry Schwartz napísal v The Paradox Of Choice, že odstránenie rozhodnutí môže výrazne znížiť úzkosť. Tvrdil, že by sme mali mať normy a kritériá, ale nemusíme sa obávať možnosti, že by mohlo byť niečo lepšie. Bolo to v kontexte spotrebiteľov, ale domnievam sa, že sa to týka aj rozhodnutí o dizajne.

Stratégia maximalizácie nemá byť v skutočnosti perfekcionistom, ale robiť najpriaznivejšie rozhodnutia, ktoré spoločne vytvárajú optimálny zážitok.

1. Obmedzujúce premenné

Ak vezmeme do úvahy všetky potenciálne premenné, aby sme vytvorili koncept vysokej vernosti a existuje ich veľa, je zrejmé, že ich musíme čo najskôr obmedziť a definovať. Zníženie množstva dostupných možností uľahčí rozhodovanie.

Na základe skúseností je ľahšie predpovedať, ako obmedzovanie určitých skupín premenných má multiplikačný účinok v celej kompozícii.

Zníženie výberu nekoreluje so znížením originality. Náš predpoklad je, že vytváranie konceptov okolo preddefinovaných pravidiel je obmedzením, ale ako dizajnéri si môžeme vytvoriť vlastné pravidlá a mať nad nimi úplnú kontrolu.

Mierka a medzera

Každý aspekt dizajnu používateľského rozhrania by sa mal točiť okolo systému, ktorý podporuje rytmus a pomáha udržiavať konzistentnosť v mierke a priestore pri raste projektu. Jeden taký systém, ktorý rád používam, je modulárna stupnica, ktorá môže uľahčiť mierku z ľubovoľného pomeru na meranie alebo nastavenie veľkosti prvku alebo negatívneho priestoru v kompozícii.

Po výbere pomeru môže modulárna stupnica uľahčiť definovanie mierky a rozstupov

Aj keď môže znížiť premenné v mriežke, typografii, vertikálnom rozstupe a celkových rozmeroch rozloženia na zvládnuteľnú úroveň, poskytuje aj príjemnú estetiku a rytmus. Navrhovanie používateľského rozhrania je oveľa jednoduchšie.

mreže

Gridové systémy sú vynikajúce na to, aby obmedzili organizáciu obsahu v horizontálnej rovine a aby sa nerozmýšľali o používateľskom rozhraní. Mriežka sa však často vyberá bez prílišného premýšľania, aby bola univerzálna. Väčšina návrhárov si neuvedomuje, že je lepšie vytvoriť mriežkový systém, ktorý je založený na obsahu.

Mriežkový systém zníži premenné v usporiadaní

To v ideálnom prípade znamená vopred jasné porozumenie obsahovým scenárom vopred, takže to vyobrazí, ako lepšie obslúžiť obsah z konkrétnej mriežky. Porozmýšľajte o obchodných obmedzeniach s existujúcimi dielami a sprievodcami značkami, ako je logo s konkrétnymi pravidlami a požiadavkami na medzery alebo možno aj reklamy s konkrétnymi pevnými jednotkami.

Druh obsahu je tiež faktorom. Existuje veľký rozdiel medzi navrhnutím rozloženia pre obchod, publikáciou správ alebo blogu alebo jednoduchou úvodnou stránkou. Rozloženie, ktoré je náročné na obrázky a na slovo. Mohlo by byť užitočné porozumieť vzorom skenovania očí a ich vplyvu na vizuálnu hierarchiu.

Čím viac pochopíte obmedzenia podnikania a obsahu vopred, tým ľahšie bude vybrať si mriežkový systém a robiť rozhodnutia o rozložení.

typografie

Tvrdím, že typografia je najdôležitejším aspektom návrhu používateľského rozhrania, pretože môže tvoriť až 95% webu a byť hnacou silou komunikácie.

Zatiaľ čo systémy, ako je modulárna stupnica, sa dajú použiť na veľkosť a vedenie, môžu sa obmedziť aj rodiny písiem a štýly. Používateľské rozhranie by nikdy nemalo prekročiť dve rodiny a pár váh. Pravidlá sa môžu rozšíriť aj na spôsob riešenia prípadov odôvodnenia a titulu.

farba

Palety sa ľahko zapaľujú. Malý rozsah odtieňov môže viesť k vytvoreniu dostatočného a konzistentného vizuálu. Zvyčajne potrebujeme iba päť políčok.

Nástroje ako Adobe Color CC uľahčujú preddefinovanie palety

Väčšina značiek by mala obsahovať základnú alebo prízvukovú farbu a niekoľko neutrálnych alebo kontrastných odtieňov, ktoré ju dopĺňajú. Nepotrebujeme 15 odtieňov jedného tónu, najmä na začiatku. Je lepšie začať malú a vylepšiť odtieň alebo dva neskôr.

snímky

Spôsob, akým začleňujeme obrázky do používateľského rozhrania, je do značnej miery určený kontextom obsahu. Ak máme hrubú predstavu o tom, čo to je, môžeme pre naše obrázky vytvoriť východiskový bod s premennými na pomer, veľkosť, tvar a ošetrenie. Možno zistíme, že ich nepotrebujeme.

Obmedzenie našich obrazových premenných vynúti lepšiu konzistenciu a z dlhodobého hľadiska uľahčí spravovanie obrazových aktív. To isté platí pre ikonografiu.

Koľko odchýlok v pomere a veľkosti obrázkov skutočne potrebujeme?

2. Predchádzajúce vytvorenie sprievodcu štýlom

Pretože koncepčné rozhranie používateľského rozhrania rastie koncepčne, je čoraz dôležitejšie vytvárať a udržiavať sprievodcu štýlmi alebo knižnicu vzorov. Týmto sa ustanovia princípy dizajnu, ktoré pomôžu projektovej mierke, udržiavajúc rytmus a konzistentnosť. Ak vopred definujeme premenné, je dobré ich dokumentovať. Budúce rozhodovanie bude jednoduchšie so sprievodcom štýlom ako bez neho.

V závislosti od projektu je vytvorenie štýlového sprievodcu luxusom a často je určené na budúce použitie. Z tohto dôvodu sa väčšina sprievodcov štýlom zostaví na poslednú chvíľu alebo po dokončení projektu, a to je stále osvedčený postup. Ale existuje veľa post-racionalizácie a zdôvodnenia štýlového sprievodcu, ktorý má pomôcť pri budúcom návrhu a vývoji, ale v skutočnosti môže pomôcť vybudovať vernosť v počiatočných fázach konceptualizácie.

Vytvorenie základnej príručky štýlu hneď na začiatku nielenže včas zavedie zásady na zníženie rozhodnutí o návrhu, ale tiež pomôže ako infraštruktúra pri vývoji a rozširovaní hlavných princípov v budúcnosti.

Vytvorenie jedného na začiatku neznamená, že musí byť kompletné - ďaleko od neho. Štýly majú tendenciu sa vyvíjať v počiatočných fázach ešte viac a čím väčší je projekt, tým sú hranice jasnejšie a pevnejšie.

3. Priorita a prispôsobenie založené na moduloch

V modulárnych návrhových systémoch, ako je atómový dizajn Brada Frosta, môže byť rozloženie formulované z konkrétnych kľúčových oblastí. Moduly sa stávajú opakovane použiteľnými v rôznych rozloženiach. Rozhrania sa považujú za systémy a nie za stránky, pričom návrh a vývoj založený na vzoroch tvoria veľkú časť procesu.

Je to vynikajúca metodika, vďaka ktorej je dizajn používateľského rozhrania omnoho lepšie zvládnuteľný, ale aby sme ju zefektívnili, musíme uprednostniť kľúčové oblasti a prispôsobiť všetko ostatné okolo nich. To zase zaistí vizuálnu koherenciu.

Identifikujte kľúčové oblasti

Náš dizajn by sa mal točiť okolo dôležitých častí. Priorita každej oblasti je určená jej obsahom alebo funkciou v rozhraní a je v podstate kľúčom k hádanke.

Zameraním sa na dôležité oblasti najskôr znižujeme rozhodnutia týkajúce sa dizajnu, pretože nasledujúce oblasti sa musia ohýbať a prispôsobiť sa zavedenému prostrediu.

Zamerajte sa na kľúčové oblasti

Keď sa určia oblasti s vysokou prioritou, ide o super zameranie na kritické časti a dokončenie ich dokončenia. Cieľom je zabezpečiť, aby boli intuitívne a spĺňali všetky požiadavky pred prispôsobením menej dôležitých oblastí.

4. Aby to fungovalo pre každého

Po tisíce rokov sa dizajnéri snažili robiť jednu vec - efektívne komunikovať. Neustále objavujeme a vylepšujeme spôsoby lepšej vizuálnej a zvukovej komunikácie s publikom.

S neustále sa zvyšujúcim prístupom k informáciám od najširšieho možného publika je nevyhnutné maximalizovať prístup k čo najväčšiemu počtu ľudí.

Prístupnosť je požehnaním v maskovaní

Stravovanie pre širšie publikum znie ako viac práce a je lákavé vidieť prístupnosť ako prekážku inovácii. Dodržiavanie najnovších noriem však môže byť skrytým požehnaním, najmä ak sa stanú druhou prirodzenosťou.

Príklady toho, čo sa týka dizajnu, by mohli zahŕňať požiadavku, že potrebujeme minimálnu veľkosť písma na kópii tela alebo značné množstvo kontrastu medzi kópiou a pozadím alebo väčšie prepojiteľné oblasti na dotykových zariadeniach.

Nejde len o postihnutia

Zjednodušenie ovládania nie je len problémom so zdravotným postihnutím, ako by si niektorí myslia, ale aj používateľmi so starými zariadeniami a prehliadačmi, ktoré nepodporujú všetky najnovšie funkcie a vylepšenia. Uvedomenie si týchto štandardov a ich dodržiavanie prirodzene znížia konštrukčné rozhodnutia.

5. Používanie osvedčených vzorov

Faktom je, že používatelia považujú rozhrania za intuitívne, keď sa prispôsobia stovkám bežných vzorových vzorov, ktoré absorbovali z dlhoročnej praxe a expozície. Hneď, ako sa začneme lámať od bežných foriem a šliapať po novej pôde, možno bude potrebné, aby sa nový vzorec stal pre masy úplne intuitívnym.

Je čas a miesto na vytvorenie originálnych vzorov používateľského rozhrania, nemali by sme sa však vyhýbať bežným technikám - sú z nejakého dôvodu úspešné.

Striebornou podšívkou je, aby sme sa menej starali o objavovanie a sústredili sa na estetiku. Stále je možné vytvoriť originálne dielo založené na zavedených vzoroch.

Čím viac sa zoznámime a integrujeme úspešné návrhové vzory, tým menej rozhodnutí musíme robiť ako návrhári. Nezvažujeme nevyhnutne to, čo by mohlo fungovať, ale čo bude fungovať.

Záverečná poznámka

Niektoré z týchto prístupov nemusia výrazne znížiť naše myslenie a rozhodovanie alebo výrazne zlepšiť naše návrhy. Ich začlenenie spolu so získaním dobrej spätnej väzby na ceste však môže výrazne uľahčiť návrh lepšieho používateľského rozhrania.

Sleduj ma na Twitteri