4. října 2012

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 
  • 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
  • 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
  • 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

  • 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ářů: