web-dev-qa-db-ja.com

モバイルデバイスUIのモックアップを作成するためのツール

IPhone、AndroidおよびWindows Phone 7デバイスなど)のさまざまな携帯電話用のUIモックアップを作成するのに役立つツールを探しています。これを実行できるアプリケーションはありますか?

26
gyurisc

IPhoneのプロトタイプを作成する場合は、非常に興味深い iPhoneモックアップツール を最近見つけました。

あなたはまた検討したいかもしれません この記事によって提供されるリスト 、それは主題に関して多くのステンシルとツールを持っています。

16
Pam Rdz

良い質問- Balsamiq Mockups が最善の策かもしれません。彼らは組み込みのiPhoneコントロールを持っており、誰かがWindows Phone 7の コントロールを提供してくれました 。また、Nokiaプラットフォームなどにも対応しています。Androidオプションはここにあります。 BalsamiqのMockups To Goブログ Balsamiqコミュニティ。

wireframing および prototyping ツールに従って、Twitterで2つのリストも作成しました。これらの企業がこれらのプラットフォームのサポートを統合しているかどうかを確認するために、以下のことを検討してください。 。ただし、Windows Phone 7はまだリリースされていないため、それらの多くはまだその領域に移行していません。

8
Rahul

Pencil for Firefox ..とAndroidステンシルオーバー Android-ui-utils オープンソースプロジェクト( こちらのブログ投稿 )。

また、Adobe FireworksはUIプロトタイピングに非常に適していると聞いています(インタラクティブなモックと9スライスの形状をサポートしているため)...自分では試していません。

7
Roman Nurik

IPhone(およびiPad)専用のツールがあり、実際にiPhoneで実行されます-Interface

Rahulが指摘したように、Balsamiqは良い選択であり、Axureにも専用のライブラリがあります(少なくともiPhone用です-私は持っていません)残りはチェックされていません)。

5
Dan Barak

WireframeSketcher Eclipseプラグインをリストに追加したいと思います。非常に素晴らしく使いやすいプロトタイピングアプリケーションで、IDEから直接プログラマー以外でも使用できます。

WFSの優れた利点の1つは、画面がXMLファイルとして保存されることです。これにより、バージョン管理システムに画面を簡単に保存し、変更を整理しておくために、それらを比較およびマージできます。

最初は「通常の」アプリケーションのモックアップ用に作成されましたが、一部のユーザーはiPad/iPhone/Androidアプリ用の「ステンシル」と呼ばれるモックアップコンポーネントを提供しています( WFS Mockupgallery を参照)。

2
Baelnorn

私はよくgdocsを使います。私はそれに最も柔軟性があり、慣れています。スケッチを共有、話し合い、共同作業できる方法が気に入っています。例はこちらをご覧ください: Windows Phone 7での2つのステップの選択

1
OneWorld

Fireworksを使用することも、このアプリを試して確認することもできます http://www.fluidui.com/ iPhone専用であり、Androidモックアップの作成専用です。 :)

1
UXgirl

IPhone/iPadの場合、以下を使用します: App Cooker および iMockups

どちらもiPadアプリです。

0
ScottK

ずっとアクセル!私はプロトタイプをモバイルで動作させるために無数の時間を費やしました。私が使用した他のすべてのプログラムの問題は、詳細なフォームを処理しないことです。電話でワークアウトフォームのプロトタイプを作成する必要がありました。 Axureは、画面間を行き来するときにユーザーの選択を「記憶」するフォームを処理できます。 (つまり、ユーザーが「アクティビティ」を選択し、アクティビティのリストが表示された次の画面に移動すると、「実行」を選択し、「実行」が事前に入力された状態で前の画面に戻ることができます。サブアクティビティ、「トレッドミル実行」としましょう。フォームに「実行」と「トレッドミル実行」が入力された状態で、元のフォーム画面に戻ります。他の一部のプログラムはこれをドロップダウンとして処理しますが、もちろんこれは電話で別様に処理されます。 Axureはこれをサポートする唯一のプログラムです。

新しいバージョンのソフトウェアには、プロトタイプのビューペインを調整して、電話で実際のアプリのように見えるようにする設定もあります。モバイル機能である「タップ」のような機能をサポートします。

サイトでは、無料トライアルがあります。モバイルUI要素も含め、サポートされているウィジェットライブラリは多数あります。

私はこのプログラムを強くお勧めします!

0
Christie Day

ここにあなたを助けることができる別のツールがあります iPhone Wireframe Kit-Google Docs

0
vladocar

また、このツールをリソースに追加してください。

IPhone、Windows Phone 7およびAndroidモバイルGUIモックアップ用のDesignerVista 4.0

http://www.designervista.com

0
user3335

私は長い間Fireworksを好んでいましたが、最近、私はOmniGraffleに移動しました(Fireworksが私のMac上で本当にバグが多く遅くなるようになったため)。これまでの選択にはかなり満足しています。ここにいくつかあります iPhoneとiPadのための非常に素晴らしいステンシル OmniGraffleの実際のグラフィックスとグレースケールバージョンの両方を含みます。

通常、グレースケールのワイヤーフレームから始め、本当に必要な場合はグラフィックを追加します。個人的にはグレースケールを使用すると作業が速くなり、ワイヤーフレームは色ではなく機能やナビゲーションの説明に固執します。

0
user3337

いくつかの方法を試しました。コメントとリンクは以下のとおりです。

  • PhotoshopまたはFireworks with this http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/標準的な方法で、レイアウトの微調整に少し時間がかかります。

  • インターフェイス iphone用アプリ時間がかかりすぎますが、プロトタイプとプロダクションにも最適です..

  • Keynote Kungf -基調講演、iOSのプロトタイピング用のPowerPointテンプレート最高のもの、基調講演のとおり多くの手、複数のエクスポートオプション。

0
Yunus

大好き Cacoo ;簡単なワイヤーフレーミングが得意で、iPhone、Androidなどの優れたオプションがあります。他のツールを使ったことがありますが、自分で作成する前や自分の友達と一緒に何かをモックアップするのはこれが一番です。

0
user3358

ほら、たくさんのツールがあります。正しい選択は常に、以前の経験とスキル、そして明らかにタスクのコンテキストに依存します。何を誰に見せたいですか?.

私がお勧めできるリストに加えて:-すべての種類の遷移を調査したい場合は、Adobe Catalyst(またはFlash)を確認してください-後で仕様を作成する必要がある場合、ベンチマークは現在Axure RP6です

実際、何をしたいか、そして誰が成果物のオーディエンスであるかを知っている限り、あなたは何でも持っていて構いません;)

0
Wolo

Rahulの投稿にコメントを追加できないため、バルサミクのカスタムモックアップサイトがここに再配置されることをここで述べます https://mockupstogo.mybalsamiq.com/projects と、Posterousサイトよりもはるかに優れた形式です。

@OneWorldはサブスクライブできます http://mybalsamiq.com 月額12ドル。しかし、デスクトップ版のIMHOを購入する方がよいでしょう。

0
saybeano