Uživatelské rozhraní vždy jako první
Vždy navrhněte uživatelské rozhraní než se pustíte do programování. Příliš mnoho aplikací začíná od programování a to je špatně. Programování je nejsložitější komponentou v procesu tvorby webové aplikace, je nejtěžší ho změnit, předělat.
Design je oproti programování lehký, papír snese všechno, HTML také. Pokud začnete designem, zůstanete flexibilní. Pokud začnete programováním, míříte k extra nákladům
Design je to, co vidí Vaši uživatelé. Pokud necháte design na konec, budou v něm díry, nebude dostatečný.
Když začínáte s designem, máte možnost si průběžně klást a odpovídat na otázky typu: dává to smysl? Je to jednoduché? Řeší to problém? To přispívá k dobré průběžné revizi.
Začněte epicentrem designu
Začněte od jádra stránky a designujte ven. Design od epicentra se soustředí na esenci stránky. V začátcích designu ignorujete navigaci, taby, patičku, barvy, logo a další. Místo toho se soustředíte na důležité části obsahu stránky.
Design od epicentra vám umožňuje pochopit to důležité v samém začátku. Důležité jako první, ostatní posléze. Výsledkem bude přívětivější a použitelnější vzhled pro vaše uživatele. Navíc to umožňuje začít dialog mezi designérem a developerem od samého začátku vývoje.
Tři stavy řešení
Vždy designuje pro 3 stupně – normální, prázdnou a error stránku. Pro každou stránku vždy navrhněte 3 stavy – normální stav, kdy stránka je plná reálných dat, prázdný stav – kdy aplikace je ještě před vložením dat a error stav kdy došlo k chybě.
Prázdný stav
Ignorovat design prázdného stavu aplikace je jeden z největších omylů, kterého se můžete dopustit. Prázdný stav dělá první dojem vaší aplikace.Uživatelé se pro aplikaci rozhodují podle vzhledu v prázdném stavu. Pokud se Vám nepodaří tento stav kvalitně navrhnout, lidé neví o co přicházejí, protože přicházejí o všechno.
Co by měl prázdný stav zahrnovat?
- Rychlé tutoriály
- FAQ
- Nastavit očekávání a zmenšit frustraci a zmatení – zobrazením příkladu naplněného stavu
- Kontext před konzistentností
Prezentujte jen to, co je potřeba. Dejte uživatelům jen to, co potřebují a ve chvíli, kdy to potřebují. Je důležitější být přesný než konzistentní.
Inteligentní inkonzistence je budoucností, konzistence je minulostí. Konzistence byla užitečná v době desktopového software, v době webových aplikací už ne.
Copywriting je design uživatelského rozhraní
Když popisujete své uživatelské rozhraní, vžijte se do svých uživatelů, přemýšlejte jako oni. Dobrý copywriting je součást dobrého designu. Případy, kdy design není doplněn copywritingem jsou opravdu výjimečné. Ikony se jmény, pole formuláře s příklady, tlačítky s popisem, instrukce krok za krokem.
Jedno rozhraní
Administrátorské funkce zabudujte do veřejného rozhraní. Administrátorské rozhraní v kvalitě často silně pokulhává za veřejným rozhraním. Pokud chce udržovat 2 rozhraní, obě budou trpět. Méně designu o který se musíte starat se vyplatí.