Wireframing v Figmě — od skici k interaktivnímu prototypu
Návod jak vytvořit wireframy, které se dají přeměnit na pracovní prototyp bez přepisu. Jsou to ty nejzákladnější kroky, kterými začíná každý dobrý projekt.
Číst článekZáklady UI a UX designu pro komerční webové stránky
Praktické průvodce k tvorbě uživatelských rozhraní, která přesvědčují. Naučte se mapovat cestu uživatele, prototypovat v Figmě a tvořit rozhraní, která fungují.
Praktické články a průvodce
Vybírejte z našich nejnovějších zdrojů o designu a konverzi. Každý článek je zaměřený na to, co opravdu funguje v praxi.
Mapování cesty uživatele — jak pochopit vaši publiku
Metodologie, kterou používáme k tomu, abychom věděli, co uživatel potřebuje. Není to složité — stačí poslouchat a poznamenat si, kde se frustrují.
Číst článek
Vizuální hierarchie — proč pořadí prvků rozhoduje
Návštěvník má pár sekund. Jak se ujistit, že vidí nejdůležitější prvek jako první? Jednoduché techniky, které každý může zvládnout.
Číst článek
Rozhraní zaměřené na konverzi — co opravdu funguje
Jak umístit tlačítko, aby na něj lidé klikli. Jak psát texty, které motivují. Tipy z projektů, kde to fungovalo pro české firmy.
Číst článekZákladní principy dobrého designu
Není potřeba složitá teorie. Tady jsou věci, které vážně fungují a které vidíme v každém dobrém projektu.
Jednoduchost
Čím méně prvků, tím lépe. Uživatel by měl pochopit, co má dělat, bez čtení dlouhého textu.
Konzistence
Stejné prvky se chovat stejně. Tlačítko na jedné stránce se musí chovat stejně jako na druhé.
Prostor a vzdálenost
Bílé místo není ztracené místo. Odděluje prvky, dělá design čitelnějším a lehčeji se používá.
Přístupnost
Design pro všechny. Barvy musí mít dobrý kontrast, tlačítka musí být velkého a text musí jít zvětšit.
Jak začít s designem vašeho webu
1
Poznejte svého uživatele
Zjistěte, co váš uživatel potřebuje a proč přichází na váš web. Nenavrhujte pro sebe — navrhujte pro něj.
2
Nakreslete základní strukturu
Wireframy nejsou o umění. Jsou o tom, aby jste si ujasnili, kde co bude. Papír a tužka stačí.
3
Testujte s reálnými lidmi
Pomeďte si někým podívat se na váš návrh. Kde váhá? Co jej mate? To jsou místa, kde musíte něco změnit.
4
Iterujte a zlepšujte
Design není jednorázová věc. Měříte výsledky, vidíte, co funguje, a opravujete to, co nefunguje.