it-swarm-eu.dev

Nástroje pro vytváření maket pro UI mobilních zařízení

Hledám nástroje, které mi mohou pomoci vytvořit makety uživatelského rozhraní pro různé mobilní telefony, jako je iPhone, Android a zařízení Windows Phone 7). Existuje nějaká aplikace, která to dokáže?

26
gyurisc

Pokud se chystáte prototypovat pro iPhone, existuje velmi zajímavý nástroj iPhone Mockup Nedávno jsem našel.

Možná byste také měli zvážit seznam uvedený v tomto článk , má na toto téma mnoho vzorníků a nástrojů.

16
Pam Rdz

Dobrá otázka - Balsamiq Mockups může být vaše nejlepší sázka. Mají zabudované ovládací prvky pro iPhone a někdo přispěl ovládací prvky pro Windows Phone 7 . Mají také věci pro platformy Nokia atd. Nejste si jisti možnostmi Android zde. Dávejte pozor na Balsamiqův blog Mockups To Go pro další příspěvky od komunity Balsamiq.

Také jsem na Twitteru vytvořil dva seznamy následující nástroje wireframing a prototyping , které byste měli zvážit, abyste zjistili, zda tyto společnosti integrují podporu pro tyto platformy. Protože se však Windows Phone 7 dosud nespustil, mnoho z nich se do tohoto prostoru dosud nepřesunulo.

8
Rahul

Také se podívejte na tužku pro Firefox .. a Android šablon na více než ) Android-ui-utils open source projekt ( blogový příspěvek zde )).

Slyšel jsem také, že aplikace Adobe Fireworks je velmi dobrá pro prototypování uživatelského rozhraní (patrně s podporou interaktivních simulátorů a 9-řezových tvarů) ... i když jsem to sám nezkusil.

7
Roman Nurik

Je zde vyhrazený nástroj pro iPhone (a iPad), který ve skutečnosti běží na iPhonu - Rozhraní.

Jak Rahul zdůraznil, Balsamiq je dobrá volba a Axure má také vyhrazené knihovny (alespoň pro iPhone - nemám Zbytek jsem zkontroloval).

5
Dan Barak

Chtěl bych přidat do seznamu WireframeSketcher Eclipse plugin. Velmi pěkná a snadno použitelná prototypovací aplikace, kterou mohou používat přímo z IDE i neprogramátory).

Jednou z pěkných výhod WFS je, že obrazovky jsou ukládány jako soubory XML, což umožňuje jejich snadné uložení do systému pro správu verzí a jejich rozlišování a slučování, aby byly změny organizovány.

Přestože byl původně vytvořen pro modelování „běžných“ aplikací, někteří uživatelé přispěli komponentami makety - nazývanými „šablony“ - pro aplikace iPad/iPhone/Android (viz WFS Mockupgallery )).

2
Baelnorn

Často používám gdocs. Jsem nejflexibilnější a zvyklý. Miluji způsob, jakým u můžete sdílet, diskutovat a spolupracovat náčrtky. Například zde: Výběr ze dvou kroků v telefonu se systémem Windows 7

1
OneWorld

Můžete také použít Fireworks nebo můžete vyzkoušet a zkontrolovat tuto aplikaci http://www.fluidui.com/ věnované výhradně pro iPhone a Android pro vytváření maket). :)

1
UXgirl

Pro iPhone/iPad používám následující: App Cooker a iMockups

Oba jsou aplikace pro iPad.

0
ScottK

Axure celou cestu! Strávil jsem nespočet hodin tím, že jsem začal pracovat na prototypu. Problém s každým dalším programem, který jsem použil, je v tom, že nezpracovávají podrobné formuláře. V telefonu jsem musel prototypovat cvičební formulář. Při skákání z obrazovky na obrazovku mohl Axure zvládnout formu „zapamatování si“, kterou si uživatelé vybrali. (tj. když uživatel vybral „aktivitu“ a přejde na další obrazovku se seznamem aktivit, mohl by vybrat „Spustit“ a nechat je odskočit zpět na předchozí obrazovku s „Spustit“ předvyplněnou. Poté si mohli vybrat dílčí aktivita, řekněme „běh na běžeckém pásu“. Poté by se mě vrátilo zpět na obrazovku s původním formulářem s „během“ a „běžeckým během“ naplněným ve formuláři.) Některé jiné programy by to zvládly jako rozevírací nabídku, ale samozřejmě to se na telefonu řeší odlišně. Axure je jediný program, který by to podporoval.

V novější verzi softwaru je také nastavení, které umožňuje upravit náhled prototypu tak, aby vypadal jako skutečná aplikace v telefonu. Podporuje funkce jako 'tap', které jsou mobilní funkce.

Na webu je k dispozici bezplatná zkušební verze. Podporováno je mnoho knihoven widgetů, dokonce i mobilní prvky uživatelského rozhraní.

Důrazně doporučuji tento program!

0
Christie Day

Zde je další nástroj, který vám může pomoci iPhone Wireframe Kit - Google Docs

0
vladocar

Také prosím přidejte tento nástroj do svých zdrojů.

DesignerVista 4.0 pro iPhone, Windows Phone 7 a Android Makety pro mobilní GUI pro Android

http://www.designervista.com

0
user3335

Fireworks jsem upřednostňoval už dlouhou dobu, ale nedávno jsem se přestěhoval do OmniGraffle (protože Fireworks začal na mém Macu opravdu buggy a zpomalovat). Dosud jsem s výběrem docela spokojen. Zde je několik velmi pěkné šablony pro iPhone a iPad , která zahrnuje jak skutečnou grafiku, tak verzi ve stupních šedi pro OmniGraffle.

Obvykle začnete s wireframes ve stupních šedi a přidejte nějakou grafiku, pokud je to skutečně nutné. Osobně pracuji rychleji s odstíny šedé a díky tomu se drátové modely drží popisu a navigace, nikoli barev.

0
user3337

Vyzkoušel jsem několik metod. Komentáře a odkazy jsou následující;

  • Photoshop nebo Fireworks s tímto http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/ Standardní způsob rozladění rozvržení trvá trochu déle!

  • Rozhraní aplikace pro iphone Trvá příliš mnoho času, ale je ideální i pro prototypy a výrobu .. =

  • Keynote Kungf - Keynote, PowerPoint šablony pro prototypování iOS Zatím nejlepší, rychlý, když keynote dá hodně ruky , více možností exportu.

0
Yunus

Miluji Cacoo ; je to moje snaha o jednoduché rámování pomocí drátu a mají skvělé možnosti pro iPhone, Android atd. Použil jsem jiné nástroje, ale tohle bylo pro mě nejlepší, abych si něco vysmál před vytvořením sebe nebo se svými přáteli .

0
user3358

Vidíte, existuje mnoho nástrojů. Správná volba vždy závisí na vašich předchozích zkušenostech a dovednostech a samozřejmě na kontextu vašeho úkolu. Co chcete ukázat a komu.

Kromě seznamu mohu doporučit: - pokud chcete prozkoumat všechny druhy přechodů, podívejte se na Adobe Catalyst (nebo Flash) - pokud potřebujete později vytvořit specifikace, v současné době je měřítkem Axure RP6

Ve skutečnosti můžete použít cokoli, pokud víte, co chcete dělat a kdo je publikem vašich výsledků;)

0
Wolo

Nelze přidat komentář k Rahulinmu příspěvku, takže zde uvedu, že se vlastní stránka maket společnosti Balsamiq přemísťuje zde https://mockupstogo.mybalsamiq.com/projects a je v mnohem hezčí podobě než stránka Posterous.

@OneWorld se můžete přihlásit k odběru http://mybalsamiq.com za 12 $ měsíčně. Ale raději kupujete stolní verzi IMHO.

0
saybeano