Jednoduchosť
v dizajne
Spojenie použiteľnosti a elegancie je zaťažkávacou skúškou každého grafika. Pochopenie princípu jednoduchosti v dizajne je základom pre toto spojenie. Existujú tri základné techniky ako dizajn zjednodušiť tak, aby bol zároveň elegantný a použiteľný.
- Redukcia dizajnu na podstatné elementy
- Vytvorenie pravidelnosti elementov v dizajne
- Kombinácia elementov
Robte všetko tak jednoduché ako to len ide, ale nie jednoduchšie. – Albert Einstein [1]
Redukcia
Elegantný dizajn nesmie obsahovať zbytočné prvky. Je dôležité disciplinovane odstrániť všetko čo je irelevantné, alebo nadbytočné. Dobrou metódou je spísať, či nakresliť si elementy, ktoré sa chystáte použiť. Pri každom uviesť poznámky o jeho funkčnosti a význame pre dizajn a položiť si otázku či ho skutočne potrebujete. Postup pre redukciu je nasledujúci:
- Určite dôležité kvality, ktoré má dizajn spĺňať. Obyčajne sa kvality definujú krátkym zoznamom prídavných mien.
- Disciplinovane prejdite každým elementom a položte si otázky: Prečo je prvok potrebný? Ako súvisí s definovanými kvalitami dizajnu? (v bode 1.) Bude prvok dizajnu chýbať? Ak nemôžete odpovedať ani na jednu z týchto otázok, prvok odstráňte.
- Pokúste sa odstrániť element aj tak. Čo sa stane? Ak dizajn utrpí na kvalite funkčnosti alebo estetiky, vráťte ho späť. Ak dizajn neutrpí, zvážte odstránenie prvku.
Mapa londýnskeho metra.
Aj keď nie je presná geografická mapa nad zemou, pod zemou je dokonalá. Dizajnér mapy Harry Beck si uvedomil, že pre človeka cestujúceho metrom nie je dôležité vedieť čo je nad zemou. Tento fakt mu umožnil využiť redukciu informácii a vytvoriť mapu, symbol ktorý dnes nosí kdekto na tričku.
Pravidelnosť
Ak už ďalšia redukcia nie je možná, môžete elementy, ktoré vám ostali spravidelniť. Teda určiť si rozoznateľné pravidlo, princíp, alebo rytmus pomocou ktorého prvky upravíte. Ľudské vnímanie oveľa efektívnejšie reaguje na pravidelnosť. Na základe pravidelnosti je človek schopný predpovedať čo nasleduje a tak presúvať pozornosť oveľa jednoduchšie. Pravidelnosť ma taktiež výhodu v estetike, dôkazom je ľudská posadnutosť opakujúcimi sa vzormi.
- Používajte jednoduchú pravidelnú geometriu a jednoduché kontúry. Dobré je vychádzať zo základných tvarov (kruh, trojuholník, štvorec, obdĺžnik).
- Ak je potrebné použiť viac podobných foriem, pokúste sa ich urobiť rovnaké napríklad vo veľkosti, tvare, farbe, orientácii, atp.
- Obmedzte rôznorodosť typografie. Používajte pár veľkostí z jednej, alebo dvoch rodín písiem.
- A nakoniec, ak chcete skutočne využiť silu pravidelnosti, nechajte elementy, ktoré by mali byť výrazné, bez aplikácie pravidiel.
Užívateľ bude každému vybočeniu z pravidelnosti prikladať veľký význam. Problém je, ak takýto prvok nemá byť výrazný. Postupne aplikujte pravidelnosť od elementov s najnižšou prioritou k najvyššej. Využívajte pravidelnosť s rozvahou. S veľkou silou prichádza veľká zodpovednosť.
Kombinácia
Spinka kombinuje funkcie tlaku a uchopenia v jednoduchom kuse skrúteného drôtu.
Autorom dizajnu dnes už transparentného produktu – spinky je nórsky vynálezca Johann Valer, ktorému bol tento dizajn pripísaný v roku 1899.
Kombinácia je jednou z najzaujímavejších a najsilnejších metód aplikácie jednoduchosti. Hľadanie bodov, v ktorých môžete prvky skombinovať tak aby hrali viac úloh je silná metóda na dotiahnutie elegancie do dokonalého stavu. Efektívny dizajn využíva každý element maximálne. Každý formulárový prvok potrebuje nejakú identifikáciu. Nemusí to byť textový popis. Prvky môžu byť identifikované na základe kontextu, v ktorom sa nachádzajú, alebo tým ako vyzerajú. Pozrite si tento príklad:
Odstránenie prebytočnej informácie o popiskoch (vľavo) značne zjednoduší celkový vzhľad a zvýši prehľadnosť (vpravo). Stačilo skombinovať popisky vľavo do popiskov vpravo a ťažiť z kontextov „size“ a „position“ a vzhľadu číselných vstupov pre rozmery. Výsledok je oveľa prehľadnejší a použiteľnejší.
Zopár osvedčených stratégií:
- Znovu si prejdite funkčné úlohy jednotlivých elementov. Táto informácia by mala byť výsledkom už vo fáze redukcie.
- Nájdite situácie, v ktorých viac elementov plní tú istú, alebo podobnú úlohu.
- Pouvažujte nad tým, či úlohu elementu môže plniť priľahlý, či blízky element, aj keď po drobných úpravách.
- Skombinujte redundantné elementy do jedného.
Záhlavie okna v operačných systémoch.
Záhlavie kombinuje niekoľko funkcií súčasne: názov, stav okna, nástroje na prácu s oknom a úchytný bod pre posun okna.
Opäť je potrebné podotknúť, že kombinovanie elementov je dvojsečná zbraň. Je potrebné ju používať s rozvahou. Príliš zložité mapovanie funkčnosti v dizajne je vždy na škodu. Digitálne hodinky s množstvom funkcií, ale len dvomi tlačítkami na ich ovládanie vyžadujú príliš veľa vedomého sústredenia na prácu s nimi. Kombinácia by nemala byť používaná za účelom zmenšenia priestoru, ale za účelom sprehľadnenia a zvýšenia použiteľnosti.
Zdá sa, že dokonalosť sa nedosahuje vtedy, keď už niet čo pridať, ale vtedy, keď sa už nedá nič odobrať. – Antoine de Saint-Exupéry
Zdroje: Designing Visual Interfaces – Kevin Mullet, Darrell Sano [2] a The Design of Everyday Things – Donald Norman [3]
Odkazy z článku
- http://www.quotedb.com/quotes/1360
- http://tinyurl.com/rejnn
- http://tinyurl.com/g5jx2

1. Autor: johno
Tú spinku nechápem. Podľa mňa to nekombinuje dve funkcie. Aká je tlak funkcia? Podľa mňa ako užívateľa je funkcia len uchopenie.
Keď to preženiem tak, to je ako keby si hovoril, že auto kombinuje výbuch s prostriedkom na presun z miesta A do miesta B. Bez výbuchu by motor v aute síce nefungoval, ale pre mňa ako užívateľa auta to jedno. Ja nepotrebujem “funkciu výbuch”, ale “funkciu presun z A do B”.
2. Autor: johno
cohen: Aha, to mi už dáva lepší zmysel. Pochopil som to najprv inak a asi zle.
3. Autor: Havran
Veľmi pekný článok.
4. Autor: matah
Martin: Mohla by byť aj kapitola ”Najčastejšie chyby v designe”. Keď uz poznáme jednoduchosť, mohli by sme vedieť ako ju použit bez chýb.
5. Autor: matah
Martin Cohen: Prepáč je to trochu off topic. Zle som sa vyjadril. Nemyslel som v tomto článku, ale opísať to v nejakom inom. Tento článok je dobrý, je tam opísané všetko, čo tam má byť.
6. Autor: Martin Snížek
Pěkný článek, jen mi vadí, že u něj není datum. Myslím, že tento prvek designu není zbytečný, jedná se o jedno ze zcela zásadních meta dat, která musí mít každý text. Vzhledem k tomu, že svět se mění a texty jsou vždy vztaženy k nějaké době, mohou ztratit na aktuálnosti, a pokud nemají datum, čtenář jim musí méně důvěřovat (nezná jejich časový kontext).
7. Autor: matah
Martin Cohen myslím si, že Martin Snížek má pravdu. Síce to možno táto verzia U-L nemá, ale myslím, že je dátum dôležitý viac ako dátumy a časy v komentároch. Keď si o pár rokov niekto pozrie U-L, bude sa riadiť podľa ehm “starých trendov”? A navyše, je to len o jeden stĺpec v tabuľke viac, tak prečo nie. Btw. dúfam, že si na U*L nezanevrel. Ešte dve poznámočky:
8. Autor: Kvakoš
Velmi pěkný článek, v jednoduchosti je síla, je to tak. Jednoduchých a promyšlených webů je na českém webovém prostoru velmi málo. Obvykle vidíme přeplácanost, zmatení témat, manipulaci, náhradu grafického nápadu sytostí barev a v neposlední řadě technické potíže s dynamickými prvky. není se ale čemu divit, vytvořit kvalitní web po všech stránkách stojí mnoho času a zkušeností a pokrývá to jak tvorbu grafiky, tak také programování a navíc i slohové schopnosti. Když si vezmu, kolik času jsem leckdy spálil na optimalizaci nějaké HTML+CSS-struktury tak, aby ve všech prohlížečích vypadala stejně, více rozumím tomu, že na kreativitu již nezbývá v dnešním časovém deficitu čas.
9. Autor: Monika Mašková
Martin Cohen: díky za článek, považuji ho za velice užitečný :o) Když už se mluví o designu, možná by stálo za to zmínit blízkost (informace, které spolu souvisí dát k sobě), zarovnání (jasné vodící vertikální či horizontální linie), opakování (to asi koresponduje se zmíněnou pravidelností) a kontrast, které mohou výrazně ovlivnit přehlednost a tím použitelnost webu. Jsou to principy, které mnozí tuší, ale je dobré o nich při návrhu použitelného designu vědět a používat je záměrně. Mohu doporučit knížku, kde jsem se o tom dočetla, ale nechci dělat reklamu, takže pouze pokud bude zájem. Nejsem grafik, ale mám na starosti web státní instituce a mým cílem je, aby sloužil k tomu, k čemu má – tj. k snadnému získání jasných a logických informací všem, kdo o to má zájem :o)
10. Autor: crowen
mozes napisat nazov tej knizky prosim?
11. Autor: Rastislav Komara
Velmi zaujimavy a podnetny clanok. Prinutil ma opat sa zamysliet nad sirenim isteho druhu osvety aj medzi aplikacnym “podsvetim” ktore dava pouzitelnemu UI zivot. Principy ktore si tu spomenul sa daju viac ci menej aplikovat na kazdy proces navrhovania. Nie len v UI, ale tiez v systemovej architekture. Aj vo svete navrhu software plati pravidlo ze dobry navrh je ten z ktoreho sa neda nic odobrat. Hlavnym prinosom tohto clanku pre mna je motivacia, motivacia robit odvazne veci.
12. Autor: Hulvat
Nazdar. Mam tu knizku doma, je to od “Robin Williamsovej : Grafická úprava pod vedením profesionálů. velmi zaujímavé čítanie. Dúfam že to nebude považované za reklamu… :-)
13. Autor: crowen
Vdaka, skusim si to pozhanat, ked budem na SVK :-)