Jaké jsou skvělé webové prototypovací nástroje?
Hledám seznam webových prototypovacích nástrojů a rád bych si zde jeden vytvořil pomocí demokratického hlasovacího systému StackExchange.
Na webu již existují některé seznamy, zejména tyto:
- Gui Prototyping Tools na c2.com - toto je uživatelsky upravitelná wiki
- Rapid Prototyping Tools na adapivepath.com - seznam spravovaný autorem článku, který již nepracuje pro Adaptive Path
Našel jsem oba z vyhledávání Google "seznam prototyping tools" .
Uživatelské rozhraní StackExchange by mělo být z dlouhodobého hlediska nejlepším formátem pro správu takového seznamu. Pojďme pro relevanci, ne nutně úplnost; úplnost by zahrnovala spoustu odpovědí, včetně málo známých nebo zastaralých nástrojů. Místo toho bych rád viděl seznam současných webových aplikací pro prototypování a hlasy pro každý produkt by se v průběhu času ideálně vyvíjely (např. Balsamiq). bude pravděpodobně začínat na vrcholu dnes, ale za 5 let bychom mohli vidět něco jiného ukázat).
Dělám z toho komunitní wiki, protože je to více dokumentace než objektivně odpovědná.
HTML + CSS + JS
To je do značné míry jedinou možností, pokud se díváte na prototypy s vysokou věrností.
Jsem zastáncem hi-fi (kód it) nebo držet velmi lo-fi (útržkovité aplikace jako Balsamiq).
Pokud nezkoušíte relativně krotké interakce, zjistím, že řešení jako Axure a podobně trochu nebezpečná. Znamená to vysokou věrnost, ale nemůžete dokončit interakce v takových aplikacích do té míry, aby odrážely skutečný uživatelský dojem.
Balsamiq makety
Takže, protože jste to zmínil, přidám na začátek seznamu Balsamiq :)
Webová verze zatím není v plném vydání, ale aplikace pro stolní počítače je celkem šikovná.
Až bude spuštěn, bude produkt existovat zde: stránka projektu webové aplikace Balsamiq
Jinak vždy existuje aplikace pro počítače (na stejné adrese URL, stačí kliknout na odkaz „Aplikace pro počítače“).
Drozd
Zjistil jsem, že Mockingbird je jednou z nejjednodušších aplikací pro prohlížeče - http://gomockingbird.com
Ruční práce
Balsamiq je určitě moje první volba pro načrtnutí nápadů v brainstormingu a úvodních setkáních s klienty. Ale pokud jde o plně funkční prototypy, můj lék volby je vždy Handcraft . Je ideální pro prototypování HTML a nabízí několik skvělých funkčních doplňků pro vytváření interakčních toků, které by za normálních okolností vyžadovaly dovednosti kódování back-end nebo házení věcí dohromady v javascriptu.
Tužka
Tužka je docela dobrá, na kterou jsem si zvykl. Ne výhradně na webu, ale je to plugin Firefox.
Mockflow
Interaktivní agentura mé ženy měla úspěch s:
Rychle začít a přiměřené množství vestavěných ovládacích prvků a obrazovek pro drátové snímky.
Modrý drátový model v Dokumentech Google.
Z tohoto blogový příspěvek od Morten Just vytvořil veřejný Google Drawing , který můžete použít. Nejsem si jistý, proč, ale prázdná šablona nyní zmizela, takže jsem sdílel jsem šablonu, kterou jsem chvíli zkopíroval . Oddálit, pokud nevidíte objekty drátového modelu vlevo.
Obsahuje sadu drátových objektů, které zkopírujete, vložíte a poté změníte velikost makety vpravo.
Pak existuje galerie dokumentů Google lidí, kteří provedli makety pomocí této šablony
Hotgloo
Hotgloo poskytuje základní prototypování, horké odkazy na regiony mezi stránkami, některé funkce s vysokou věrností - na stejné úrovni jako balsamiq; sofistikovanější než zesměšňující pták, ale ne tak schopný jako aplikace pro stolní počítače, jako je axure nebo justinmind.
my.origramy
Děkuji za sdílení! Do seznamu bych přidal službu my.origramy . Je to bezplatná online služba, kterou používám, kdykoli potřebuji vytvořit prototyp webových stránek, myšlenkovou mapu, diagram nebo schéma.
Nadace
Pokud se díváte na řešení HTML/CSS/JavaScript, doporučuji podívat se na http://foundation.zurb.com/
FluidUI
Chtěl bych přidat FluidUI do tohoto seznamu. Právě jsme tento nástroj spustili minulý měsíc. Je webový, navržený tak, aby vám rychle umožnil vytvářet prototypy UI s nízkou i vysokou věrností. Podporuje více platforem, ale můžete nastavit rozměry stránky na cokoli.
Odkaz na to je fluidui.com, ale pokud máte rádi skoky přímo dovnitř a vyzkoušejte to bez vyplňování formulářů a co můžete, můžete tak učinit na http://www.fluidui.com/editor
Gliffy
A co klouzavý ? Právě jsme ho začali používat v mé společnosti, je to mnohem levnější než balsamiq nebo mockingbird a také všestrannější
Je zde http://cacoo.com . Rozhraní je trochu esoterické, ale bezplatná verze je o něco méně restriktivní než některé jiné (25 stránek, 15 uživatelů).