Nástroje pro prototypování GUI

Pokud dneska navrhuji novou aplikaci, tak si to bez prototypování uživatelských obrazovek vůbec nedokážu představit. O to více se divím, že byli dříve časy, kdy jsem byl schopný si vystačit pouze s textem. Což samozřejmě nikdy moc dobře nefungovalo.
Je nutné minimalizovat nejasnosti a nedorozumění mezi vývojovým týmem a zákazníkem, předcházet neočekávanému. Je potřeba mít "něco" nad čím se můžu se zákazníkem bavit ještě dříve než vývojový tým začne programovat, "něco" co mi umožní získat co nejdříve zpětnou vazbu na to, jak to celé má vypadat a fungovat.

Z tohoto pohledu se mi jeví jako ideální drátěné modely (wireframes). Používáme k velké spokojenosti Balsamiq Mockup. Je to nástroj postavený nad flashem, nabízí jak webovou, tak desktopovou verzi, dokonce i pěkný plugin do Confluence a JIRY. Mezi všemi verzemi funguje bezproblémový export/import.

Při výběru jsme prošli a vyzkoušeli hodně nástrojů, na některé z nich přikládám odkaz a krátký komentář.

Balsamiq Mockup

• Nástroj pro rychlý návrh mockup a drátových modelů.
• Desktop aplikace, web aplikace, plugin do dalších systémů (Google Drive, Confluence, JIRA, XWIKI, …)
• Desktop aplikace - 79$ na jednoho uživatele, Web aplikace – od 12$/měsíčně 
  Pluginy – ceny se liší v závislosti na použitém systému a způsobu licencování
• Desktop aplikace – Windows, OS X, Linux, ostatní platformy s podporou Adobe AIR.
  Web aplikace a pluginy – Internetový prohlížeč + Flash 

UXPin

• Komplexní nástroj pro designéry.
• Web aplikace - Internetový prohlížeč
• Předplatné od 7$/měsíčně

Inpreso Screens

• Nástroj pro vytváření kvalitních mockup modelů.
• Desktop aplikace – pro chod aplikace je nutný Adobe AIR
  Web aplikace - Internetový prohlížeč + Flash
• Omezená verze zdarma, předplatné 29$/rok na jednoho uživatele

Lumzy

• Nástroj pro vytváření prototypů. Lze jít nad rámec vytváření drátových modelů a prototypů přidáváním událostí.
• Web aplikace - Internetový prohlížeč
• Zdarma

 GUI Design Studio

• Nástroj pro vytváření návrhů pro prostředí Windows. Lze ho použít k rychlému vytvoření prototypů kreslením obrazovek s využitím standardních Windows prvků a jejich propojením, aby bylo možné následně simulovat chování.
• Desktop aplikace – Windows
• Od 129$ za jednu licenci

Justinmind

• Silný nástroj pro vytváření drátových modelů aplikací.
• Desktop aplikace – Windows, OS X
• Desktop aplikace - Omezená verze zdarma
  Pro verze 495$ za licenci

Pidoco

• Webový nástroj pro rychlé vytváření drátových modelů a prototypů GUI pro web, mobilních a podnikových aplikací. Umožňuje pohodlné testování použitelnosti a inteligentní spolupráci.
• Web aplikace - Internetový prohlížeč
• Předplatné od 9$/měsíčně

Další nástroje a odkazy bez komentářů:

• Pencil Project
• iPlotz
• HotGloo
• fluidIA
• MockFlow
• Google drawings
• OhBoard
• App Sketcher
• Mockup Builder
• DesignerVista
• Mockup tiger
• článek "20 Free Wireframe and Mockup Applications"