プロトタイプテンプレート
製品プロトタイプを作成し、ユーザビリティテストを実施して、関係者からのフィードバックを集めます。
プロトタイプテンプレートについて
プロトタイプは、製品のリアルタイムモックアップです。プロトタイプの作成は、ウェブサイトやアプリの構造、ユーザーの流れ、ナビゲーションの詳細（ボタンやメニューなど）を最終的なビジュアルデザインのような詳細を決めずに定義するのに役立ちます。
クリックスルーモデルを使用したプロトタイピングにより、製品やサービスのユーザーエクスペリエンスを可能な限り現実に近い形でテストできます。試作品の設計は、製品やサービスの構築を決定する前に行われ、早期に障害を見つけることでコストを節約します。通常は、矢印やリンクで接続された一連の画面やアートボードのように見えます。プロトタイプは、システム内の一般的な方法やパスをナビゲートするのに役立ちます。
チームは、プロトタイプを使用してデザインコンセプトのユーザーフレンドリーさを実際にどの程度把握できるかを確認できます。
リアルなソフトウェアを模倣して、ユーザーのコンテキストとタスクフローを理解します。
ユーザーのシナリオ、ニーズ、ペルソナをテストし、証明するためのシナリオを作成する
ユーザビリティテスト段階で詳細な製品フィードバックを集める
プロトタイプは、ユーザーのニーズを定義するための協力的かつ反復的な方法です。高忠実度の段階では、プロトタイプがユーザーリサーチとビジネス目標を一致させます。忠実度の低い段階では、プロトタイプがチームの時間とコストを節約します。
プロトタイプ テンプレートを使用するタイミング
チームは、設計プロセスのプロトタイプおよびテスト段階でユーザーについてさらに学ぶためにプロトタイプを使用します。これらの2つのステージでは、製品やサービスの縮小版を実験的に作成し、それらをテストして、最適な解決策を洗練していきます。
プロトタイプは、チームが抽象的なアイデアではなく、具体的な成果を考えるよう促します。
高精度のプロトタイプは、実際の製品に限りなく近い外観と操作感を持つインタラクティブなテンプレートであり、ステークホルダーの関与と承認を得るためのツールとして使用できます。完成品に似たプロトタイプは、ユーザーがデザインとどのようにインタラクションし、感じ取るかに関して、チームが自信を持つのに役立ちます。
リアルなプロトタイプ テンプレートは、チームがより正確なフィードバックを収集するのにも役立ちます。これにより、チームは開発プロセスの初期段階で障害や非現実的な期待に対処することができます。
自分のプロトタイプを作成する
プロトタイプは貴重なユーザーの洞察を迅速かつ簡単に得る方法です。進捗を維持するために、テストの目的を忘れずに、ユーザーのニーズを考慮してプロトタイプを構築しましょう。Miro のプロトタイプテンプレートを使えば、自分のプロトタイプを簡単に作成できます。
始めるには：
1. デザインコンセプトを定義する
チームでさらに発展させるアイデアを選びましょう。ストーリーボードを検討する。その仕組みを大局的に理解し、更に良いことに、それをチームに説明しましょう。
2.ユーザーフローを計画する
製品やサービスにおけるユーザーとの可能なインタラクションや、それらの間のつながりを今すぐマップし始めることができます。プロトタイプの計画段階は、どのようなインタラクションが可能かを問う時間でもあります。製品やサービスはユーザーにとってどこからどこまでを指すのか？ユーザーが答えようとしている質問は何ですか？どのような前提を立てていて、それをどのように検証しようとしていますか？
3. すべての画面を作成して接続しましょう
メインのインタラクション画面をすべてワイヤーフレーム化します。メニュー、ボタン、記号、画像などのナビゲーション要素を追加します。 作成したマインドマップに従って、リンク、ホットスポット、スクロール機能、エンドポイントを導入することで、要素をインタラクティブにし始めましょう。プロトタイプをテストするには、プレゼンテーション モードに切り替えるか、PDF ファイルとしてエクスポートすることができます。
4. ユーザーや関係者と共有する
解決しようとしている問題を抱えているユーザーを対象にユーザビリティテストを実施します。学びながら繰り返し検討する中で、ビジネス関係者に早期のフィードバックを求めるために共有可能な簡潔なメモを作成してください。これは社内目的での学習を文書化し、ビジネス目標を達成するために進捗状況を追跡します。
How do you create a prototype?
Creating a prototype can be as simple as sketching your design and user flow by hand or made more realistic for user testing by using prototype tools. Miro’s Prototype Template allows you to create a prototype that resembles the finished product, which will help you collect more accurate feedback during the user testing phase.
What makes a good prototype?
A good prototype should mimic the real-world functionality of the app or website that you are designing and show you how different areas link to one another. The prototype should help you better understand the user experience and identify where adjustments may be needed based on feedback. A good prototype design will give you confidence in how users will interact with and feel about the end product.
アプリワイヤーフレーム テンプレート
活躍するシチュエーション:
UX デザイン, ワイヤーフレーム
アプリの作成を開始する準備はできましたか？機能する様子やユーザーがどのように操作するかを想像するだけではなく、ワイヤーフレームにそれを示させてください。ワイヤーフレームは、各画面の基本レイアウトを作成するための手法です。ワイヤーフレームを作成すると、理想的にはプロセスの早い段階で、各画面がどのような役割を果たすかを理解し、重要なステークホルダーからの合意を得ることができます。これにより、デザインやコンテンツを加える前に、時間とコストを節約できます。ユーザーのジャーニーを考えることで、より魅力的で成功する体験を提供することができます。
忠実度の低いプロトタイプテンプレート
活躍するシチュエーション:
デザイン, デスクリサーチ, ワイヤーフレーム
ローフィデリティプロトタイプは、製品やサービスの実用的な初期ビジョンとして機能します。これらのシンプルなプロトタイプは、最終製品とほんの少しの機能を共有しています。幅広いコンセプトをテストし、アイデアを検証するのに最適です。低忠実度プロトタイプは、プロダクトやUXチームが製品やサービスの機能を研究するのに役立ち、迅速な反復とユーザーテストに焦点を当てて、将来のデザインに役立てます。スケッチやコンテンツ、メニュー、ユーザーフローのマッピングに重点を置くことで、デザイナーと非デザイナーの両方がデザインやアイデア出しのプロセスに参加できるようになります。リンクされたインタラクティブな画面を作成するのではなく、低忠実度のプロトタイプはユーザーのニーズ、デザイナーのビジョン、および関係者の目標の整合性に関する洞察に焦点を当てます。
リモートデザインスプリント
活躍するシチュエーション:
デザイン, デスクリサーチ, スプリント計画
デザインスプリントは、4日から5日にわたってプロトタイプを設計、反復、テストする集中的なプロセスです。デザインスプリントは、行き詰まった作業プロセスを打破し、新たな視点を見つけ、ユニークな方法で問題を特定し、迅速にソリューションを開発するために実施されます。Google が開発したデザインスプリントは、特定の問題にチームが合意し、複数の解決策を生み出し、プロトタイプを作成しテストしたうえで、短期間でユーザーからフィードバックを得るために作られました。このテンプレートは、ビジネス重視のデザインコンサルタントである JustMad により元々作成され、世界中の分散型チームによって活用されています。
iPhone アプリ テンプレート
活躍するシチュエーション:
UX デザイン, デスクリサーチ, ワイヤーフレーム
スマートフォン ユーザーの驚異的な割合が世界中で iPhone を選んでおり、既存顧客や見込み顧客の中にも含まれています。そして、これらのユーザーはアプリを単純に愛しています。しかし、iPhone アプリをゼロからデザインして作成するのは、非常に手間のかかる困難な作業です。ここではありません—このテンプレートを使うと簡単です。デザインをカスタマイズし、インタラクティブなプロトコルを作成して、コラボレーターと共有し、チームでイテレーションを重ね、最終的にお客様が気に入る iPhone アプリを開発できます。
オンライン スケッチ テンプレート
活躍するシチュエーション:
UX デザイン, デスクリサーチ, デザイン思考
有望なアイデアを全速力で進める前に、どのように機能するか、また目的をどれだけ達成できるかを知るために、高い視点から見てみましょう。それが、スケッチの役割です。このテンプレートは、プロトタイプの初期段階における強力なリモート コラボレーション ツールを提供します。ウェブページやモバイルアプリのスケッチ、ロゴのデザイン、イベントの計画のいずれでも活用できます。その後、スケッチをチームと簡単に共有し、変更するたびに各段階を保存することができます。