ローファイプロトタイプテンプレート
高レベルのデザインコンセプトを検証可能なものにしましょう。
ローファイプロトタイプテンプレートについて
ローファイプロトタイプは、製品やサービスの機能性を検討するために、製品開発チームや UX チーム が迅速なイテレーションとユーザーテストに焦点を当てて、将来のデザインに反映させるためのワイヤーフレームです。ウェブページやアプリ画面のブループリントとして使えるワイヤーフレームテンプレートをお探しですか?それなら、ローファイプロトタイプがお勧めです。
コンテンツ、メニュー、ユーザーフローをスケッチしたマッピングに重点を置くことで、デザイナーとノンデザイナーの両方がデザインとアイデア出しのプロセスに参加することができます。リンクされたインタラクティブな画面を作成する代わりに、ローファイプロトタイプは、ユーザー ニーズ、デザイナー ビジョン、関係者の目標の一致についてのインサイトに焦点を当てています。
ローファイプロトタイプの詳細については引き続き以下をお読みください。
ローファイプロトタイプとは?
ローファイプロトタイプとは、製品またはサービスの実用的な初期ビジョンとして機能します。これらのシンプルなプロトタイプは、最終製品と一部の機能しか共有していません。大まかなコンセプトの検証やアイデアの妥当性を確認するのに最適です。
また、ローファイプロトタイプは静的なスライドを一枚ずつスクリーンに写していくようなプレゼンテーションにもよく使われます。
各スクリーンは、スケッチやワイヤーフレームで構成され、シンプルなモノクロのイラストが描かれています。複雑なディテールの代わりに、各フレームにはダミーコンテンツやラベルが用意されています。
ローファイプロトタイプの活用方法
ローファイプロトタイプは、ワークフローやコンバージョンパスから、ビジュアル要素やウェブサイト エンゲージメントにいたる、デザイン要素ごとの検証に最適です。
プロダクトマネージャーや UX デザイナーは、次のような場合にローファイプロトタイプを使用することができます。
製品テスト段階で行う設計変更を容易にします
ユーザーに、デザインではなく機能に対する率直なフィードバックを求めることができます
アイデアが機能しない場合に、デザインを手早く書き換えます
スケッチが翌日に届くようなことはないので、関係者からの生の声を聞くことができます
ローファイプロトタイプは、デザイン思考を求める声やリーンスタートアップ手法(チームがイテレーションする早期検証や最低限実行可能な製品ソリューションなど)の台頭と、ユーザー中心設計の協調性と応答性の高いアプローチによって一般的になっています。
ローファイワイヤーフレームの使い方
独自のローファイプロトタイプは簡単に作成することができます。Miro のワイヤーフレームツールは、ローファイワイヤーフレームを作成し、共有するには最適なキャンバスです。まずは、ローファイプロトタイプテンプレートを選択し、以下の手順に従って独自のローファイプロトタイプを作成しましょう。
目標を定めましょう。ユーザーに見せるコア機能を決定します。付箋に、ローファイプロトタイプに含める予定のコア機能を 2、3 件リストアップします。
ユーザーとリソースに基づいてメソッドを定義します。ローファイプロトタイプにどの程度の詳細を含めるかは、次の 2 つの質問に対する答えによって決まります。どのようなタイプのユーザーがこのプロトタイプを試用するか(そして、どのようなフィードバックを彼らに期待するのか)。どのようなツールとリソースが利用可能なのか。
Adobe XD で作業している場合、Adobe XD プラグインを使用してアートボードを Miro のボードに追加し、Miro を使ったデザイン中にチームとコラボレーションすることができます。
プロトタイプを実行しましょう。形や機能についてはあまり気にしないでください。ユーザーにテストしてもらいたいアイデアを出すことに集中しましょう。
プロトタイプをテストしましょう。ユーザーにプロトタイプ プロジェクトの目的を理解してもらい、指摘をもらいましょう。テストユーザーが読めるように、プロトタイプのワイヤーフレームと一緒に短いウェルカム画面またはガイドを作成することもできます。一般的なフィードバックを求めることもできますし、知覚、反応、認識、競争上の優位性、利用目的の検討にプラスになるようなフィートバックを求めることもできます。
プロトタイプのテスト段階から学び、それを繰り返しましょう。ユーザーフィードバックを集めて、その中から共通するものを見つけます。これらのインサイトを KJ 法で分析することによりパターンや類似性を見いだすことができます。必要に応じて、このユーザーとのテスト段階を繰り返すことできます。ユーザーフィードバックを取り込んだら、ローファイプロトタイプの作成に移行します。
Miro にはローファイプロトタイプを含む多数のワイヤーフレームテンプレートをご利用いただくことが可能です。プロトタイプの設計にこのワイヤーフレームを活用しましょう!
▼ 関連ページ ワイヤーフレームとは?作り方やおすすめのツールを紹介
実例マッピングテンプレート
活躍するシチュエーション:
図表作成, マッピング, プロダクト管理
有意義な方法で製品を更新するには、問題点を認識し、機能を追加して、必要な改善を行い、ユーザーの立場に立つ必要があります。実例マッピング(またはユーザーストーリーマッピング)では、複数部門間のチームが、さまざまな状況におけるユーザーの行動を特定することで、ユーザーの視点を提供することができます。こうしたユーザーストーリーは、組織がスプリント計画のために開発計画を作成する、または顧客にとって有益なものになるよう必要最小限の機能を定義するに最適です。
ストーリーボードテンプレート
活躍するシチュエーション:
デザイン思考
Miroのストーリーボードテンプレートを活用して、カスタマージャーニーを解き明かしましょう。使用される様々なシナリオを想像して、製品やサービスの向上につなげることができます。
サイトマップテンプレート
活躍するシチュエーション:
ダイアグラム作成, 開発
Miroのサイトマップテンプレートを活用して、サイトの階層構造をシンプルかつ視覚的に分かりやすいマップで作成しましょう。構造を整理することで、ユーザーが使いやすいウェブサイトを構築することができます。
UX リサーチリポジトリテンプレート
活躍するシチュエーション:
UX デザイン, ユーザーエクスペリエンス
顧客視点での UX リサーチを実施しましょう。UX デザイナーからプロダクトマネージャーまで、UX リサーチリポジトリテンプレートを使用することで、誰でも顧客インサイトの共有を行うことができます。
プレゼンテーションテンプレート
活躍するシチュエーション:
プレゼンテーション, 教育
キャリアのある時点で、プレゼンテーションを行う必要があるかもしれません。通常、プレゼンテーションは、トピックを説明する画像、文章、図を含む付属のスライド資料を使って話すことになります。このプレゼンテーションテンプレートを使用することで、プレゼンテーションの計画を立てるストレスから解放され、効果的で視覚的に魅力的なスライドを簡単に作成することかできます。プレゼンテーションテンプレートは、オーディエンスの集中力や意欲を高めるサポートをすることで、負担を取り除くことができます。シンプルなツールを使用して、スライド資料をカスタマイズし、チームとスライドを共有して、フィードバックを得て、コラボレーションすることができます。
ローファイワイヤーフレームテンプレート
活躍するシチュエーション:
Desk Research, Product Management, Wireframes
ウェブサイトやアプリの開発初期段階では、製品の「大まかな」全体像を用意して、チームで確認しながら概要を話し合うことを推奨します。ローファイワイヤーフレームテンプレートならそれを可能にします。設計会議でこの大まかなレイアウト(ナプキンに描いたスケッチのデジタル版とお考えてください)があれば、チームやプロジェクトの関係者は素早くそれが顧客ニーズにマッチしているかを判断することができます。Miro では会議や、ワークショップ、プレゼンテーション、評価会議の最中にワイヤーフレームのテンプレートを簡単に使用することができます。