Wireflow
Wireflow je nástroj, který spojuje vzhled obrazovek s tokem uživatelských akcí – a dává tak logiku celému návrhu.
Wireflow je vizuální pomůcka, která spojuje návrhy obrazovek s mapou průchodu uživatele aplikací. Díky tomu pomáhá wireflow pochopit, jak bude aplikace nebo web fungovat ještě dřív, než se cokoli začne programovat. Umožňuje ukázat, jak se mezi obrazovkami přechází, co se stane po kliknutí a kde může uživatel narazit na problém.
Nejčastěji se wireflow používá na začátku návrhu. Právě v té chvíli pomáhá odhalit chyby v logice, chybějící kroky nebo slepá místa, která brzdí tok. Je to jednoduchá, ale velmi účinná forma plánování. Návrhář, vývojář i zadavatel díky němu hned vidí, co je na čem závislé.
Velkou výhodou je, že wireflow se snadno sdílí a vysvětluje. Nemusíte se trápit dlouhými prezentacemi. Stačí ukázat jednoduchý plán obrazovek, které jsou propojené šipkami podle toho, co uživatel dělá. Díky tomu se rychle zjistí, jestli návrh dává smysl.
Na rozdíl od složitých prototypů je wireflow rychlý a jednoduchý. Přesto ukáže základní logiku celého produktu. A právě tu často přehlédneme, když se soustředíme jen na vzhled nebo funkce. Wireflow nás nutí přemýšlet nad tím, co se skutečně děje, když uživatel aplikaci používá. A to je základ úspěšného návrhu.
Pokud máte rychlý vývoj a pracujete s propracovaným design systémem, může být wireflow také posledním designérským podkladem, než se pustíte do programování. Když na to přijde, wireflow můžete nakreslit i bez sofistikovaných designérských nástrojů – úplně postačí flipchart, tabule nebo tužka a papír. Jen si pak nezapomeňte udělat fotodokumentaci.
(Obrázek v upoutávce: Kateřina Čápová)