user-interface - 顧客とのGUIのプロトタイピング

Question

顧客と一緒に最初のGUI機能のプロトタイプを作成するときは、ペン/紙の図面を使用するか、ツールを使用して何かをモックアップして表示する方がよいでしょうか。

ツールで生成された設計に対する反論は、顧客がGUI全体の高レベルの機能ビューを取得するのではなく、モックアップの低レベルの詳細に集中できる場合があるというものです。

score 16 · Accepted Answer

常に最初に紙または紙のようなモックアップから始めます。バックエンドが完全に中空のときに完全性の印象を与えるという罠にはまりたくないでしょう。

洗練されたプロトタイプまたはピクセルパーフェクトな例では、デザインが強調されすぎています。わかりやすいスケッチを使用すると、色、写真、その他の文体の問題ではなく、必要な機能やコンテンツについて話し合うことができます。プロジェクトの後半でその議論の時間があるでしょう。

ジェフは、コーディングホラーの記事UI- FirstSoftwareDevelopmentでペーパープロトタイピングについて説明しています。

「ビデオを見る！」をクリックします。Twitter.comにリンクして、CommonCraftのアイデアに関する興味深い見解をご覧ください。

score 13 · Accepted Answer

Javaの"Napkin Look & Feel"は、プロトタイピングに最適です。まるでナプキンに描いたかのように見える、実際に機能するクリック可能なアプリです。このスクリーンショットをチェックしてください：

ナプキンのルックアンドフィール

真剣に、それはどれほどクールですか？

score 5 · Accepted Answer

クライアントと一緒に座って、Mockupscreensのようなツールを使用し、インタラクティブに UI を開発することをお勧めします。Napkin LAF よりも優れている点は、コーディングや、実際にはあらゆる種類の開発ツールを必要としないことです。

score 5 · Accepted Answer

バルサミクをチェック

「これは機能的なアプリではありません」というナプキンビューを非常にうまく処理し、使いやすいです。

オンラインで試すことができるフル機能のデモがあり、追加のボーナスとして、XML をクライアントに電子メールで送信できます。ライセンスを取得しなくても、XML を微調整して再生し、電子メールで返信することができます。

score 3 · Accepted Answer

ペンと紙の描画とそれから何を得ることができるかを詳しく説明しているペーパープロトタイピングと呼ばれる本があります。それには多くの利点があると思います。特に、非常に早い段階で（そして簡単に）、多くの労力をかけずに最終結果を変更してから、右足で始めることができるということです。

score 2 · Accepted Answer

基本的な紙のバージョンは、最初のモックアップに行く方法です。「本物の」モックアップを行うと、機能しないモックアップだとお客様に説明しても、うまくいかないと混乱してしまうのが私の経験です。

結論：可能な限りシンプルに保ちます。それが紙に書かれている場合、顧客がそれを実際の製品と混同することはありません。

score 2 · Accepted Answer

WireframeSketcherは、デスクトップ、Web、およびモバイルアプリケーション用のワイヤーフレーム、モックアップ、およびプロトタイプをすばやく作成するのに役立つツールです。スタンドアロンバージョンとEclipseIDEのプラグインの両方として提供されます。ストーリーボード、コンポーネント、リンク、ベクターPDFエクスポートなどの特徴的な機能があります。サポートされているIDEには、Aptana、Flash Builder、Zend Studio、RationalApplicationDeveloperがあります。

_{（出典：wireframesketcher.com）}

score 2 · Accepted Answer

最初のドラフトでは、方眼紙 (グリッドが印刷されたもの) と鉛筆を使用することを好みます。方眼紙は、プロポーションを維持するのに役立ちます。クライアントと私が結論に達したら、鉛筆は退色しやすいので、通常はペンで図面を記入します。

実際にデジタル原型を作る段階になったら、手描きの原型をスキャンして背景のテンプレートとして使います。私にとってはかなりうまくいくようです。

score 2 · Accepted Answer

紙/ホワイトボード/白い壁から始めるのが一番いいと思います。

基本構造ができたら、ワイヤーフレームステンシルを使用して Visio に移動できます。

または、タブレット PC または Wacom タブレットでDenim (初期段階の Web サイトおよび UI デザイン用の非公式ツール) を使用して、GUI を設計し、HTML Web サイトとして実行することもできます。

score 1 · Accepted Answer

最近、Windows アプリを使用して顧客向けのアプリケーションのプロトタイプを作成しました (最終的なインターフェイスは Web サイトに統合する必要があります)。

最初はこれが最後のバージョンになると思っていたので、コントロールの表示方法から私が使った言葉 (用語など) まで非常に厳しい批判をするようになり、機能自体について話し合う前に会議の時間が終了しました。

その議論は何日も続き、最終的なアプリケーションではなくモックであるため、すべての入力を歓迎しますが、最初に機能に集中する必要があり、その後、ルックアンドフィールと用語の問題。

そのミーティング以来、私はいつもプロトタイプとモックアップを恐れています...おそらく、代わりにvisioで作られたものを彼らに与えるべきだったでしょう.

score 0 · Accepted Answer

ForeUIを試すことができます。さまざまなスタイルのプロトタイピングが可能です。さらに、インタラクティブなプロトタイプを作成してブラウザーで実行することもできます。

score 0 · Accepted Answer

インストール以外のブラウザーベースのツールについては、 draft-itを試すことができます

無料です。Gmail アカウントをお持ちの場合は、登録は必要ありません。

インタラクティブ/ステップバイステップまたはスライドショーのプロトタイプを作成します。リンクを送信するだけで、選択した誰とでもプロトタイプを共有できます。

私たちのために働く...

user-interface - 顧客とのGUIのプロトタイピング

12 に答える 12

Related

Reference