プロトタイプは、開発に時間とお金を投資する前に、あなたのアイデアを探求し、機能の背後にある意図や全体的な設計コンセプトをユーザーに示 プロトタイプは、紙の図面（低忠実度）から、完全に機能するサイト（高忠実度）へのいくつかのコンテンツのクリックスルーを可能にするものまで、何でも
プロトタイプのメリット
サイトを開発した後に変更するよりも、開発プロセスの早い段階で製品を変更する方がはるかに安いです。 そのため、プロセスの早い段階でプロトタイプを構築することを検討する必要があります。 プロトタイピングを使用すると、Webサイトの計画と設計中にユーザーからのフィードバックを収集できます。
Nielsen
は、ユーザーエクスペリエンスの最大の改善は、できるだけ早くユーザビリティデータを収集することから来ていることを発見しました。 彼は、実装が完了するまで待つよりも、コードが書かれる前に変更を加える方が安いと指摘しています。
スケッチとプロトタイプの違い
スケッチ、ワイヤーフレーム、プロトタイプの違いは必ずしも明確ではありませんが、意図に違いがあります。 Bill Buxtonは、彼の著書”Sketching User Experiences”の中で、違いを説明するのに役立つ記述子のリストを提供しています:
| スケッチ | プロトタイプ |
|---|---|
| 刺激的な | 教訓的な |
| 探索 | 絞り込み |
| 質問 | 回答 |
| 仮 | 特定 |
| 非コミッタ |
Tracy Leporeは、視覚的に違いをさらに定義しています スケッチからデザインへの連続体を示すデザインが通信しようとしているものとの関係、フェーズ間の反復の量、およびデザイ
高忠実度と低忠実度のプロトタイピング
低忠実度と高忠実度のプロトタイピングの使用と、プロトタイプがデザインの最終バージ どちらも、ユーザビリティの問題を見つけることにおいて基本的に同等であることが判明している（Walker et al2002）。 そうは言っても、どのオプションがあなたのプロジェクトに最適かを決定しようとするときに考慮すべきことがあります:
- 忠実度の低いプロトタイプは、多くの場合、紙ベースであり、ユーザーとの対話を許可しません。 それらはプリントアウトに一連の手描きの実物大模型から及ぶ。 理論的には、低忠実度のスケッチを作成する方が速くなります。 低忠実度のプロトタイプは、革新と改善を誘発するのに役立つ代替設計ソリューションの早期可視化を可能にするのに役立ちます。 このアプローチのさらなる利点は、ラフスケッチを使用するときに、ユーザーが変更を提案することをより快適に感じることができるということです。
- 高忠実度のプロトタイプはコンピュータベースであり、通常は現実的な（マウス-キーボード）ユーザーの操作を可能にします。 忠実度の高いプロトタイプを使用すると、ユーザーインターフェイスの真の表現にできるだけ近づけることができます。 忠実度の高いプロトタイプは、真の人間のパフォーマンスデータ（タスクを完了するまでの時間など）を収集し、実際の製品をクライアント、管理者などに
紙のプロトタイプを作成する
紙ベースのプロトタイピングは、予備的なサイト情報アーキテクチャ、設計、およびコンテンツについてのフィードバックを得るための最も簡単な方法です。 紙のプロトタイプは簡単に作成でき、紙、はさみ、付箋だけが必要です。
作成したWebページごとに一枚の紙を使用し、ユーザビリティテストでそれらを試してみてください。 ユーザーは、情報を検索するためにクリックする場所を指定し、その画面を表示するようにページを変更します。
このプロセスは、設計プロセスの早い段階でフィードバックを収集し、迅速に変更を加え、初期設計を改善するのに役立ちます。
- インターフェイススケッチ、シナリオ、コンピュータプロトタイプがステークホルダー会議をどのように構成するかのケーススタディJohanson and Arvola
- M.Walker,L.Takayama and J.A.Landay,High-fidelity or low-fidelity,paper or computer? Webプロトタイプをテストするときの属性の選択,Proceedings of the Human Factors and Ergonomics Society46th Annual Meeting,September29–October4,2002,Baltimore,USA,HFES,Santa Monica(2002),pp.661-665.
- 紙のプロトタイプはソフトウェアのプロトタイプと同様に動作します
