Návrhové vzory
Tato část je o návrhových vzorech. Nejedná se o nic jiného, než jen o řešení k často se objevujícím problémům, které musíme jako designéři řešit. Ne vždy je potřeba znovu vynalézat kolo, někdy je lepší použít něco, co je již otestováno na uživatelích a ví se že to funguje.
Když navštívíme webovou stránku, kterou jsme v minulosti ještě nenavštívili, tak si většinou myslíme, že víme kam máme kliknout a jak se na stránkách pohybovat. To může být dáno tím, že jsme v minulosti navštěvovali podobné stránky. Při tvorbě webové stránky je pro uživatele často lepší, když použijeme nějaké standardní návrhové vzory, které se běžně používají. Uživatel tak může naše webové stránky snadněji používat.
Kategorie návrhových vzorů
Návrhové vzory můžeme dělit do 6 kategorií. To se ale mění podle toho, jak se na to díváme. Různí designéři je mohou dělit různými způsoby. Já jsem tu vypsal 6 kategorií, které návrhové vzory dělí na: Data + Input, strukturování obsahu, navigace, pobídka, hierarchie a sociální média. Rozhodně to ale neznamená, že se návrhové vzory dělí jen tímto způsobem.
Data + Input
První kategorií návrhových vzorů je Data + Input. Patří sem například přetahování elementů pomocí myši (Drag and Drop), různý feedback po provedení nějaké akce, a tak dále.
Strukturování obsahu
Návrhové vzory v této kategorii se týkají strukturování obsahu na stránce. Zajišťují, že se uživatelé cítí sebejistě při procházení našich webových stránek. Říkají nám, jak máme obsah rozmístit, aby bylo pro uživatele procházení našich webových stránek co nejintuitivnější.
Navigace
Návrhové vzory nacházející se v kategorii navigace nám říkají, jakým způsobem máme na našich webových stránkách řešit navigaci. Můžeme mít navigaci mezi stránkami třeba v bočním panelu, v hlavičce, a tak podobně.
Pobídka
Návrhové vzory v této kategorii se soustředí na to, aby uživatele motivovali k provedení nějaké akce. Různě uživatele odměňují poté co provede nějakou akci a tak podobně.
Hierarchie
Tyto návrhové vzory slouží k vytváření hierarchie mezi elementy, které na webových stránkách používáme. Můžeme mít například primární tlačítko, sekundární tlačítko, a tak dále.
Sociální média
Do této kategorie spadají návrhové vzory, které se týkají sociálních médií. Tyto návrhové vzory uživatelům nabízejí sdílet obsah a komunikovat s ostatními uživateli.
Výběr návrhového vzoru
Výběr návrhového vzoru není nic složitého. Při jeho výběru jen postupujeme podle těchto čtyř kroků:
- Přijdeme na problémy, které potřebují řešení.
- Analyzujeme jiné webové stránky, které toto řešení našli.
- Prozkoumáme řešení, která jsme našli. Prozkoumáme jak fungují.
- Analyzujeme každé řešení a vybereme to, které se pro náš problém hodí nejvíce.