Drátový model uživatelského rozhraní je vizuální reprezentace návrhu uživatelského rozhraní (UI), která nastiňuje základní strukturu a rozvržení webové nebo mobilní aplikace. Je to maketa s nízkou věrností nebo kostra konečného návrhu, která ukazuje umístění různých prvků návrhu, jako jsou tlačítka, nabídky, formuláře a obrázky, na obrazovce.
Drátové modely uživatelského rozhraní jsou důležité z několika důvodů:
Drátové modely uživatelského rozhraní se nejlépe používají v raných fázích procesu návrhu. Návrháři obvykle začínají vytvořením několika drátových modelů s nízkou věrností, aby prozkoumali různé možnosti rozvržení a iterovali návrh na základě zpětné vazby od zúčastněných stran. Jakmile je vybrán konečný design, vytvoří se věrnější drátěné modely nebo makety, které poskytují více detailů a lepší pocit z konečného produktu. Tyto drátové modely jsou pak použity jako reference vývojovým týmem během implementační fáze.
Drátový model uživatelského rozhraní obvykle obsahuje následující prvky:
Při navrhování rozvržení nové stránky nebo předělání stávající stránky je důležité držet se systému mřížky. Rozdělte svůj drátěný model do mřížky a ujistěte se, že vaše obrázky, text a výzvy k akci do mřížky dobře zapadají. To neznamená, že všechna aktiva budou mít stejnou velikost, znamená to, že budou vzájemně proporcionální.
Podívejte se na všechny mezery, které máte mezi částmi textu nebo tlačítky. Teď to zdvojnásobte. Vždy je lepší mít mezi odstavci nebo obrázky více místa, než aby vypadaly stísněně. Uživatelé nebudou odrazováni spoustou prázdného místa (v rozumných mezích), ale rychle se budou cítit zahlceni a zmateni obrázky naskládanými na sebe.
Otestujte svou stránku se skutečnými uživateli. Pamatujte, že váš tým pro návrh, technologii a vývoj produktů vás může dostat jen tak daleko. Musíte naslouchat skutečné zpětné vazbě uživatelů a sledovat jejich akce prováděné s vaším novým schématem uživatelského rozhraní. Je pro uživatele těžké najít určité tlačítko? Udělejte to větší. Je obrázek pro uživatele notebooků příliš velký? Udělejte svou stránku responzivnější. Otestujte svou stránku a podle toho ji iterujte.
Ano, každý může vytvořit drátový model uživatelského rozhraní. Je však důležité mít na paměti, že drátové modely jsou kritickou součástí procesu návrhu a vyžadují základní pochopení principů návrhu uživatelského rozhraní a osvědčených postupů.
Ne, drátové modely uživatelského rozhraní mají obvykle nízkou věrnost a neobsahují prvky konečného vizuálního designu, jako je podrobná typografie, barevná schémata nebo prvky značky. Mohou však obsahovat základní vizuální podněty, které poskytují obecný smysl konečného směru návrhu.
Počet iterací drátových modelů uživatelského rozhraní závisí na složitosti projektu a požadované úrovni detailů. Návrháři obvykle vytvoří několik drátových modelů s nízkou věrností, než se rozhodnou pro konečný návrh, a poté vytvoří drátové modely nebo makety s vyšší věrností, aby poskytli více detailů. Není neobvyklé, že designéři opakují design během celého procesu vývoje.
