プロトタイプテンプレート
製品プロトタイプを作成し、ユーザビリティテストを実施して、関係者からのフィードバックを集めます。
プロトタイプテンプレートについて
プロトタイプは、製品のリアルタイムモックアップです。プロトタイプの作成は、ウェブサイトやアプリの構造、ユーザーの流れ、ナビゲーションの詳細(ボタンやメニューなど)を最終的なビジュアルデザインのような詳細を決めずに定義するのに役立ちます。
クリックスルーモデルを使用したプロトタイピングにより、製品やサービスのユーザーエクスペリエンスを可能な限り現実に近い形でテストできます。試作品の設計は、製品やサービスの構築を決定する前に行われ、早期に障害を見つけることでコストを節約します。通常は、矢印やリンクで接続された一連の画面やアートボードのように見えます。プロトタイプは、システム内の一般的な方法やパスをナビゲートするのに役立ちます。
チームは、プロトタイプを使用してデザインコンセプトのユーザーフレンドリーさを実際にどの程度把握できるかを確認できます。
リアルなソフトウェアを模倣して、ユーザーのコンテキストとタスクフローを理解します。
ユーザーのシナリオ、ニーズ、ペルソナをテストし、証明するためのシナリオを作成する
ユーザビリティテスト段階で詳細な製品フィードバックを集める
プロトタイプは、ユーザーのニーズを定義するための協力的かつ反復的な方法です。高忠実度の段階では、プロトタイプがユーザーリサーチとビジネス目標を一致させます。忠実度の低い段階では、プロトタイプがチームの時間とコストを節約します。
プロトタイプ テンプレートを使用するタイミング
チームは、設計プロセスのプロトタイプおよびテスト段階でユーザーについてさらに学ぶためにプロトタイプを使用します。これらの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 アプリをゼロからデザインし、開発することは、非常に困難で労力のかかる作業です。しかし、Miro iPhone アプリテンプレートを使用することにより、そのような作業を効率化することができます。デザインのカスタマイズ、インタラクティブなプロトコルの作成、共同開発者との共有、チームによるイテレーションを可能にし、最終的に顧客から愛されるような iPhone アプリを開発することができます。
オンラインスケッチテンプレート
活躍するシチュエーション:
UX デザイン, デスクリサーチ, デザイン思考
期待できるアイデアを用いて本格的に取り組む前に、高レベルから考え、それがどう機能し、どれくらい目標に合っているかを把握しましょう。それを行うのがスケッチです。このテンプレートは、ウェブページやモバイルアプリのスケッチ、ロゴの設計、イベントの計画など、プロトタイプの初期段階に適した強力なリモートコラボレーションツールです。スケッチをチームと簡単に共有し、それを変更したものをベースとして作り上げる前に、各段階のスケッチを保存することができます。