it-swarm-eu.dev

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:

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á.

53
Rahul

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.

37
DA01

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“).

45
Matt

Drozd

Zjistil jsem, že Mockingbird je jednou z nejjednodušších aplikací pro prohlížeče - http://gomockingbird.com

8
chrisofspades

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.

6
Huijkman

Tužka

Tužka je docela dobrá, na kterou jsem si zvykl. Ne výhradně na webu, ale je to plugin Firefox.

5
LiamGu

Mockflow

Interaktivní agentura mé ženy měla úspěch s:

http://www.mockflow.com/

Rychle začít a přiměřené množství vestavěných ovládacích prvků a obrazovek pro drátové snímky.

3
noluckmurphy

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

enter image description here

2
icc97

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.

http://www.hotgloo.com/

2
512x512

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.

2
SHM

Nadace

Pokud se díváte na řešení HTML/CSS/JavaScript, doporučuji podívat se na http://foundation.zurb.com/

1
Dragan Studios

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

1
john larkin

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ů).

0
Steve Bennett