prototype - ソフトウェアUIのプロトタイプをどのように作成しますか？

Question

ソフトウェアUIのプロトタイプをどのように作成しますか？
あなたの経験は何ですか？
教えていただけませんか。
前もって感謝します！

Answer 1

Balsamiqhttp://www.balsamiq.com/を使用してい ます

それは素晴らしいです。

Answer 2

ペンと紙またはホワイトボード。モックアップは、最終製品のルックアンドフィールから合理的に離婚することをお勧めします。インタラクションと仕事を完了するために必要なクリック数について話し合う間、紙のモックアップを変更するのは非常に高速であり、これがほぼ完成した最終製品を表していないことはすべての関係者にとって明らかです。
数年前、私はプロジェクトに参加しました。このプロジェクトでは、イベントの流れをシミュレートするためのコードが背後にある、非常に詳細なGUIモックアップを作成しました。ソフトウェアのユーザーにフィードバックや入力をしてもらうのは素晴らしかったです。それは、ユーザーが私たちを期待していた場所に常に遅れをとっていたため、プロジェクトにとって絶対的な悪夢でした。
何よりも悪いことに、その使い捨てコードの一部はリリースされた製品に含まれることになり、後で維持するのは悪夢でした（元々それを構造化することはあまり考えられていませんでした）それは使い捨てであり、ユーザーはその動作を見て、これは、システムの主要部分のロジックの事実上の実装になりました）。ユク。

Answer 3

VisualStudioでHTMLページを作成します。これは簡単にDreamweaver、FrontPage、NotePad++である可能性があります。私にとって、これには、モックアップが終了するまでにCSSとhtmlがほぼ完成するという利点があります。通常、成果物を作成する予定のツールまたはテクノロジでプロトタイプを作成する方が簡単で生産性が高くなります。

Answer 4

NetBeans IDE、QtCreator IDE、またはXcode IDEにあるようなGUIエディタを使用して、すべてのGUIイベントのハンドラを実装せずにGUIモックアップを作成できます。その後、このGUIを評価し、場合によっては再設計することができます。GUIが正常に見えるようになったら、イベントを適切に処理できます。

Answer 5

私はUIを実行するためにツールの組み合わせを使用しました。静的なルックアンドフィールが私がテストしているものである場合、私は紙とホワイトボードのスケッチの組み合わせを使用します。これらはすばやく実行でき、より詳細な設計に取り掛かると簡単に破棄されます。「HamishSmith」が言ったように、モックアップと最終製品をある程度分離する必要があります。

デザインの双方向性をテストしたいときは、以前に紙のモックアップを使用しましたが、PowerPointを使用することを好みます。これは、ボタンのページの紙のスケッチを常に表示するよりも、ユーザーがアプリケーションを操作するためのより良い方法を提供します。それらをに連れて行き、特定の機能がどのように機能するかを説明します。PowerPointスライドのボタンまたはリンクをクリックすると、実際のアプリケーションでそのボタンが表示される場所に対応するスライドに移動するように設定しました。

現在、Expression Blendの一部であるMicrosoftのSketchFlowで遊んでいますが、それはかなり印象的です。私はそれをあまり遊んだことがないので、それがもたらす可能性のある制限についてはまだ気づいていません。また、Balsamiqを試してみましたが、これも良いアプリケーションのようですが、制限を見つけるのに十分なほど使用していません。PowerPointの代わりにインタラクティブ性テストにのみ使用していることを明確にしておきたいのですが、静的モックアップは紙とホワイトボードで行うのが最適だと思います。

Answer 6

最近、プロジェクトでhttp://www.guuui.com/issues/02_07.phpにあるvisioアドインを使用しました。プロジェクトには60ほどのページが含まれているため、画面の描画が非常に簡単になりました。