プロトタイプ テンプレート
製品プロトタイプを作成し、ユーザビリティテストを実施して、関係者からのフィードバックを集めます。
プロトタイプ テンプレートについて
プロトタイプは製品のライブモックアップです。プロトタイプの構築ウェブサイトやアプリの構造、ユーザーフロー、ナビゲーションの詳細（ボタンやメニューなど）を定義するのに役立ち、ビジュアルデザインのような最終的な細部にこだわることなく実施します。
クリックスルー モデルを使用してプロトタイプを行うことにより、製品やサービスのユーザーエクスペリエンスを実際のものに限りなく近い形でテストできます。プロトタイプデザインは、製品やサービスの構築を決定する前に行われ、早期に障害を見つけることでコストを削減します。通常、一連のスクリーンやアートボードが矢印やリンクで接続されているように見えます。プロトタイプは、システムの最も一般的な経路やパスをナビゲートするのに役立ちます。
プロトタイプを使用して、デザインコンセプトのユーザーフレンドリーさを実際に確認できます。
実際のソフトウェアを模倣することで、ユーザーコンテキストとタスクフローを理解する。
ユーザーシナリオ、ニーズ、ペルソナをテストし、証明するためのシナリオを作成する。
ユーザビリティテストフェーズで詳細な製品フィードバックを収集する。
プロトタイプは、ユーザーのニーズを定義するための共同作業で反復的な方法です。高忠実度ステージでは、プロトタイプはユーザーリサーチとビジネス目標を調和させます。低忠実度ステージでは、プロトタイプはチームの時間とコストを節約します。
プロトタイプ テンプレートを使用するタイミング
チームはデザインプロセスのプロトタイピング段階とテスト段階で、ユーザーについてより多くを学ぶためにプロトタイプを使用します。これらの2つの段階では、製品やサービスの縮小版を実験的に作成し、それらをテストすることで、可能な限り最良のソリューションを洗練します。
プロトタイプは、抽象的なアイデアではなく、具体的な成果を考えるようにチームを促します。
高忠実度プロトタイプ－可能な限り実際の製品に近い外観と操作感を持つインタラクティブなテンプレート－は、ステークホルダーの関与と賛同を得るためのツールとして使用できます。完成品に似たプロトタイプは、ユーザーがデザインとどのように相互作用し、どのように感じるかについて、チームの自信を高めるのにも役立ちます。
リアリスティックなプロトタイプ テンプレートは、チームがより正確なフィードバックを収集するのに役立ちます。これにより、開発プロセスの初期段階で障害や非現実的な期待に対応できるようになります。
独自のプロトタイプを作成する
プロトタイプ作成は、貴重なユーザーインサイトを得るための迅速で簡単な方法です。計画通りに進めるためには、何をテストしているのかを忘れずに、ユーザーのニーズを考慮してプロトタイプを構築しましょう。Miroのプロトタイプ テンプレートを使用すれば、自分のプロトタイプは簡単に作成できます。
始めるには:
1. デザインコンセプトを定義する
チームと一緒に開発を進めるアイデアを選びましょう。考慮する点: ストーリーボード作成全体像を把握し、その仕組みを理解するだけでなく、チームに説明することができます。
2. ユーザーフローを計画する
今から、製品やサービスに対する可能なユーザーインタラクションと、それらのつながりをマッピングすることを始められます。プロトタイプの計画フェーズは質問を投げかけるのにも適した時期です。何が可能ですか？製品やサービスはユーザーにとってどこから始まりどこで終わるのか？ユーザーが解決しようとしている質問は何か？仮定していることと、それを確認したい点は？
3. すべての画面を作成し、接続する
メインのすべてのインタラクション画面のワイヤーフレームを作成します。メニュー、ボタン、記号、画像などのナビゲーション要素を追加します。作成したマインドマップに従い、リンク、ホットスポット、スクロール機能、エンドポイントを導入して要素をインタラクティブにします。プロトタイプをテストするにはプレゼンテーション モードまたは PDF ファイルとしてエクスポートする。
4. ユーザーやステークホルダーと共有する
解決しようとしている問題を抱えているユーザーに対してユーザビリティテストを実施します。学びを得て繰り返し実行する中で、早期のフィードバックを得るためにビジネス関係者と共有できる簡潔なメモを作成してください。これは内部目的のために学びを書き記し、進捗を追跡してビジネス目標を達成する手助けをします！
プロトタイプを作成するにはどうすればいいですか？
プロトタイプの作成は、手描きでデザインとユーザーフローをスケッチするだけのシンプルな方法から、ユーザーテスト用にプロトタイプツールを使用してより現実的な形に作成するまで、多様なアプローチが可能です。ミロのプロトタイプテンプレートを使用すると、完成品に似たプロトタイプを作成でき、ユーザーテストフェーズでより正確なフィードバックを収集するのに役立ちます。
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 デザイン, デスクリサーチ, デザイン思考
有望なアイデアを全速力で進める前に、どのように機能するか、また目的をどれだけ達成できるかを知るために、高い視点から見てみましょう。それが、スケッチの役割です。このテンプレートは、プロトタイプの初期段階における強力なリモート コラボレーション ツールを提供します。ウェブページやモバイルアプリのスケッチ、ロゴのデザイン、イベントの計画のいずれでも活用できます。その後、スケッチをチームと簡単に共有し、変更するたびに各段階を保存することができます。