Užitečné Wireframing a Prototyping Nástroje - Roundup
Koncept globalizace zasáhl svět neustálou tvořivostí a představivostí mezi lidmi od mládeže až po starší. Soudě podle skutečnosti, že tvořivost vytváří příležitosti v oblasti marketingu, jsou v seznamu rozhodně wireframing a prototyping. Jedná se o nástroje, které nejen vaše webové stránky se zdají být pěkné a elegantní, ale také přitahuje.
V návaznosti na náš Roundup jsme použili řadu užitečných nástrojů pro wireframing a prototypování. Na základě mých vlastních zkušeností s rozhovorem s lidmi pracujícími na designu uživatelských zkušeností vím, že pro každého není žádný nástroj, takže bychom vám dnes rádi představili některé z dostupných možností.
Wireframing a Prototyping: Stručně řečeno
Wireframing je opravdu skvělý způsob, jak vám pomoci se zpracováním počátečního rozvržení a návrhu vašeho webu (nebo vašich klientů). To znamená, že můžete přijít s řadou různých konceptů, aniž byste museli investovat obrovské množství času nebo peněz do každého konceptu. Můžete dělat jak nízké věrnosti (náčrtky, opravdu), tak vysoké věrnosti drátových modelů, otestovat je jedním z nástrojů použitelnosti, které jsme naposledy uvedli, a zjistit, co bude pro vás nejlepší design,
Prototypování znamená vytvoření skutečné, funkční verze webu pomocí speciálního prototypovacího nástroje. Používá stejnou navigační strukturu a rozvržení jako vaše konečné místo, takže můžete snadno sledovat, jak uživatelé pracují s novým designem, který jste vytvořili. Použití nástrojů pro vytváření prototypů je opravdu rychlý a snadný způsob, jak získat živé stránky pro vás nebo vaše klienty, se kterými si můžete zahrát, a poskytuje dobrý přehled o tom, co bude výsledná stránka podobná..
Mnoho z těchto nástrojů může dělat wireframing a prototyping, takže jsme je nerozdělili do různých sekcí. Nebojte se zeptat, zda si nejste jisti, co dělá. Přečtěte si seznam užitečných nástrojů a nezapomeňte nám v komentářích sdělit, zda existují nějaké skvělé nástroje, které jsme zmeškali..
20+ Užitečné nástroje
Omnigraffle
Tento nástroj je určen pouze pro Mac, ale pokud máte Mac, je to super snadné použití. Má spoustu velkých zdrojů k dispozici, a vypadá velmi pěkně taky. (99,95 USD - 199,95 USD)

Axure
Axure je jedním z nejpopulárnějších nástrojů pro rychlé prototypování a má velmi velké následky. Je to velmi mocný nástroj, který má dobrou komunitu kolem něj. Běží na Windows i Mac. ($ 589)

Drozd
Mockingbird je elegantní webová aplikace pro tvorbu drátových modelů. Umožňuje snadno přidávat odkazy mezi dokumenty, takže uživatelé mohou získat více interaktivních zkušeností. Skvělá věc je, že můžete také spolupracovat s ostatními uživateli. Vzhledem k tomu, že nepoužívá blesk, můžete jej dokonce použít na svém iPhonu nebo iPadu. (Zdarma - $ 85 / měsíc)

Balsamiq Mockups
Balsamiq Mockups je aplikace Adobe Air, takže běží na počítačích Mac, Windows a Linux. Je to aplikace s velkým množstvím funkcí a silnou komunitou kolem ní. No, stojí za to se podívat. (79 USD)

HotGloo
Hotgloo je další webová aplikace, která je určena pro online spolupráci. Má řadu různých nástrojů pečených pro sestavení řady různých typů webových stránek. Nemohu popřít, je to taky pěkné. (Zdarma - $ 48 / měsíc)

Tvořivě
Kreativně obsahuje jak webovou aplikaci, tak verzi pro stolní počítače a integraci s aplikacemi Google. To vám umožní přetáhnout rozhraní, takže můžete nastavit návrhy rychle, jak chcete, a funkce spolupráce podle aplikací taky. (Zdarma - 75 USD)

FlairBuilder
FlairBuilder je další z aplikací Adobe Air, kterou můžete spustit na jakékoli platformě, kterou se vám líbí. To dělá jak wireframing a prototyping, a dokonce má modul pro vaše iPhone aplikace. Šikovný. (99 USD)

Mockflow
Mockflow má jak webovou tak i stolní verzi. Má svůj vlastní obchod, takže můžete získat řadu dalších šablon a tlačítek přidat k těm, které přicházejí s aplikací. (Zdarma - 69 USD ročně)

WireframeSketcher
WireframeSketcher je desktopová aplikace, která vám umožní načrtnout drátové modely a vytvořit interaktivní prototypy. Má k dispozici velkou knihovnu ovládacích prvků uživatelského rozhraní, takže můžete vytvářet různé návrhy v poměrně dobrém čase. (75 USD)

Justinmind
Justinmind je rychlý prototypovací nástroj s verzí Mac i Windows. Poté, co jste vytvořili své návrhy, můžete je exportovat do HTML a otestovat nebo sdílet s kýmkoli. (495 USD)

Origramy
Původně se nepovažoval za nástroj pro wireframing, ale jistě za dobrou časovou alternativu pro ty časy, kdy budete potřebovat srazit rychlý drátový model.. (Volný, uvolnit)

Uvolněte se
Osobně je moje nejoblíbenější Wirify. Je to bookmarklet, který vám umožňuje generovat drátové modely z libovolného webu. Bezplatná verze vám umožní prohlížet si je online (a můžete vždy zachytit snímky z nich), nebo pokud si koupíte nějaké kredity, pak můžete drátové modely exportovat do Omnigraffle, Balsamiq, SVG nebo Visio. Je to opravdu skvělý nástroj! (Free nebo Pro - cena se liší)

Simulify
Simulify má jak webové, tak desktopové vydání (aplikace Adobe Air). Má funkce pro spolupráci a umožňuje sdílet své návrhy online s kýmkoli. (Free - $ 99 / měsíc web, 80 dolarů desktop)

JustProto
JustProto, jak název napovídá, je rychlý prototypovací nástroj. Dodává se s knihovnou užitečných prvků, které můžete vytáhnout do jakéhokoli designu, možností spolupráce a živého náhledu, aby vás vaši klienti mohli vidět v reálném čase.. (Zdarma - 99 USD / měsíc)

Napkee
Napkee spolupracuje s Balsamiq Mockups, abyste mohli rychleji exportovat své návrhy do HTML nebo Flexu. Pokud jste fanouškem Balsamiq, je to opravdu velmi užitečný nástroj. (49 Kč - 79 USD)

ForeUI
ForeUI umožňuje rychle sestavit makety a proměnit je v živé simulace, které můžete publikovat na webu. Je to rychlý a snadný způsob, jak můžete vy nebo vaši uživatelé získat představu o tom, jaké by mohly být vaše živé stránky. ($ 99 +)

Jumpchart
Jumpchart je velmi pěkná aplikace, která umožňuje nejen sestavit drátové modely a prototypy, ale také umožňuje exportovat je do formátu HTML, a pokud platíte za jeden z vyšších plánů, bude podporovat také export WordPressu.. (Zdarma - $ 50 / měsíc)

Protoshare
Protoshare vám umožní spolupracovat s klienty, vytvářet interaktivní prototypy rychleji a má pěkné rozhraní drag and drop. Někteří velcí klienti taky, pokud to je to, co jste v. ($ 29 - $ 179 / měsíc)

iPhoneMockup
Jedná se o bezplatný a velmi jednoduchý nástroj pro vytváření rychlých iPhone wireframes. Pokud máte představu o tom, na čem byste chtěli pracovat, nebo co si chcete představit, je to nástroj pro vás. Zkus to! (Volný, uvolnit)

Lumzy
Ačkoli Lumzy nevypadá, že by byl nějakou dobu aktualizován, ale stojí za to zmínit se jako bezplatná alternativa. To vám umožní dělat makety, prototypování, a má řadu různých funkcí spolupráce. (Volný, uvolnit)

Pidoco
Pidoco vám umožní vytvářet drátové modely, prototypy, spolupracovat s klienty a dokonce mít zabudovanou základní funkčnost testování funkčnosti. ($ 9 - $ 99 / měsíc)

Tak co teď?
Doufejme, že se po přečtení tohoto příspěvku cítíte inspirováni a máte představu o tom, jak vám může pomoci wireframing a prototyping. Po vytvoření vašich návrhů můžete pokračovat a otestovat je se všemi nástroji použitelnosti, které jsme uvedli.
Pokud chcete získat více informací o wireframingu a prototypování, uvedli jsme níže uvedené užitečné odkazy.
- Průvodce po Wireframing (papermashup.com)
- Webové stránky drátového modelu (Wikipedia)
- Jak vyvinout účinný prototyp (newfangled.com)
Máte nějaké jiné aplikace, které byste doporučili? Jaký je váš oblíbený nástroj? Dejte nám vědět v níže uvedených komentářích.