ローファイプロトタイプテンプレート
高レベルのデザインコンセプトを検証可能なものにしましょう。
ローファイプロトタイプテンプレートについて
ローファイプロトタイプは、製品やサービスの機能性を検討するために、製品開発チームや UX チーム が迅速なイテレーションとユーザーテストに焦点を当てて、将来のデザインに反映させるためのワイヤーフレームです。ウェブページやアプリ画面のブループリントとして使えるワイヤーフレームテンプレートをお探しですか?それなら、ローファイプロトタイプがお勧めです。
コンテンツ、メニュー、ユーザーフローをスケッチしたマッピングに重点を置くことで、デザイナーとノンデザイナーの両方がデザインとアイデア出しのプロセスに参加することができます。リンクされたインタラクティブな画面を作成する代わりに、ローファイプロトタイプは、ユーザー ニーズ、デザイナー ビジョン、関係者の目標の一致についてのインサイトに焦点を当てています。
ローファイプロトタイプの詳細については引き続き以下をお読みください。
ローファイプロトタイプとは?
ローファイプロトタイプとは、製品またはサービスの実用的な初期ビジョンとして機能します。これらのシンプルなプロトタイプは、最終製品と一部の機能しか共有していません。大まかなコンセプトの検証やアイデアの妥当性を確認するのに最適です。
また、ローファイプロトタイプは静的なスライドを一枚ずつスクリーンに写していくようなプレゼンテーションにもよく使われます。
各スクリーンは、スケッチやワイヤーフレームで構成され、シンプルなモノクロのイラストが描かれています。複雑なディテールの代わりに、各フレームにはダミーコンテンツやラベルが用意されています。
ローファイプロトタイプの活用方法
ローファイプロトタイプは、ワークフローやコンバージョンパスから、ビジュアル要素やウェブサイト エンゲージメントにいたる、デザイン要素ごとの検証に最適です。
プロダクトマネージャーや UX デザイナーは、次のような場合にローファイプロトタイプを使用することができます。
製品テスト段階で行う設計変更を容易にします
ユーザーに、デザインではなく機能に対する率直なフィードバックを求めることができます
アイデアが機能しない場合に、デザインを手早く書き換えます
スケッチが翌日に届くようなことはないので、関係者からの生の声を聞くことができます
ローファイプロトタイプは、デザイン思考を求める声やリーンスタートアップ手法(チームがイテレーションする早期検証や最低限実行可能な製品ソリューションなど)の台頭と、ユーザー中心設計の協調性と応答性の高いアプローチによって一般的になっています。
ローファイワイヤーフレームの使い方
独自のローファイプロトタイプは簡単に作成することができます。Miro のワイヤーフレームツールは、ローファイワイヤーフレームを作成し、共有するには最適なキャンバスです。まずは、ローファイプロトタイプテンプレートを選択し、以下の手順に従って独自のローファイプロトタイプを作成しましょう。
目標を定めましょう。ユーザーに見せるコア機能を決定します。付箋に、ローファイプロトタイプに含める予定のコア機能を 2、3 件リストアップします。
ユーザーとリソースに基づいてメソッドを定義します。ローファイプロトタイプにどの程度の詳細を含めるかは、次の 2 つの質問に対する答えによって決まります。どのようなタイプのユーザーがこのプロトタイプを試用するか(そして、どのようなフィードバックを彼らに期待するのか)。どのようなツールとリソースが利用可能なのか。
Adobe XD で作業している場合、Adobe XD プラグインを使用してアートボードを Miro のボードに追加し、Miro を使ったデザイン中にチームとコラボレーションすることができます。
プロトタイプを実行しましょう。形や機能についてはあまり気にしないでください。ユーザーにテストしてもらいたいアイデアを出すことに集中しましょう。
プロトタイプをテストしましょう。ユーザーにプロトタイプ プロジェクトの目的を理解してもらい、指摘をもらいましょう。テストユーザーが読めるように、プロトタイプのワイヤーフレームと一緒に短いウェルカム画面またはガイドを作成することもできます。一般的なフィードバックを求めることもできますし、知覚、反応、認識、競争上の優位性、利用目的の検討にプラスになるようなフィートバックを求めることもできます。
プロトタイプのテスト段階から学び、それを繰り返しましょう。ユーザーフィードバックを集めて、その中から共通するものを見つけます。これらのインサイトを KJ 法で分析することによりパターンや類似性を見いだすことができます。必要に応じて、このユーザーとのテスト段階を繰り返すことできます。ユーザーフィードバックを取り込んだら、ローファイプロトタイプの作成に移行します。
Miro にはローファイプロトタイプを含む多数のワイヤーフレームテンプレートをご利用いただくことが可能です。プロトタイプの設計にこのワイヤーフレームを活用しましょう!
▼ 関連ページ ワイヤーフレームとは?作り方やおすすめのツールを紹介
Azure 需要予測テンプレート
活躍するシチュエーション:
ソフトウェア開発, 図表作成
Azure 需要予測図は、需要予測のアーキテクチャを示し、データ消費や、コスト、予測結果を簡単にイメージすることができます。Azure は、リモートストレージ、データベースホスティング、一元管理などのクラウドベースサービスを提供するために設計された Microsoft のクラウドコンピューティングプラットフォームです。Azure は、AI やモノのインターネット(IoT)などの新機能も提供します。
iPhone アプリテンプレート
活躍するシチュエーション:
ワイヤーフレーム, UX デザイン, モックアップ
世界中のスマートフォンユーザーの大多数が iPhone を所有しており、 iPhone アプリを日常のように使用しています。あなたの既存顧客や潜在顧客にもそういったユーザーが多数いることでしょう。しかし、iPhone アプリをゼロからデザインし、開発することは、非常に困難で労力のかかる作業です。しかし、Miro iPhone アプリテンプレートを使用することにより、そのような作業を効率化することができます。デザインのカスタマイズ、インタラクティブなプロトコルの作成、共同開発者との共有、チームによるイテレーションを可能にし、最終的に顧客から愛されるような iPhone アプリを開発することができます。
オンラインスケッチテンプレート
活躍するシチュエーション:
UX デザイン, デスクリサーチ, デザイン思考
期待できるアイデアを用いて本格的に取り組む前に、高レベルから考え、それがどう機能し、どれくらい目標に合っているかを把握しましょう。それを行うのがスケッチです。このテンプレートは、ウェブページやモバイルアプリのスケッチ、ロゴの設計、イベントの計画など、プロトタイプの初期段階に適した強力なリモートコラボレーションツールです。スケッチをチームと簡単に共有し、それを変更したものをベースとして作り上げる前に、各段階のスケッチを保存することができます。
オンラインスケッチテンプレート
活躍するシチュエーション:
UX デザイン, デスクリサーチ, デザイン思考
期待できるアイデアを用いて本格的に取り組む前に、高レベルから考え、それがどう機能し、どれくらい目標に合っているかを把握しましょう。それを行うのがスケッチです。このテンプレートは、ウェブページやモバイルアプリのスケッチ、ロゴの設計、イベントの計画など、プロトタイプの初期段階に適した強力なリモートコラボレーションツールです。スケッチをチームと簡単に共有し、それを変更したものをベースとして作り上げる前に、各段階のスケッチを保存することができます。
オーディエンスペルソナテンプレート
活躍するシチュエーション:
リサーチ, UX, マーケティング, 製品開発, デザイン
オーディエンスペルソナペルソナテンプレートを使用して、人口統計、興味、目標などを把握し、効果的なマーケティングや製品開発を行いましょう。
狩野モデルテンプレート
活躍するシチュエーション:
デスクリサーチ, プロダクト管理, 優先順位付け
製品の成功は、その製品が提供する機能とお客様に与える満足度によって決まります。では、どの機能が最も重要なのでしょうか?狩野モデルがその判断を手助けします。狩野モデルは、ある機能がもたらす満足度と実装コストを比較して、全機能に優先順位を付けるシンプルで強力な手法です。このテンプレートを使えば、標準的な狩野モデル(2 軸(満足度と機能性)と、魅力、性能、無関心、当たり前という 4 つの値による象限)を作成できます。