ローファイプロトタイプテンプレート
高レベルのデザインコンセプトを検証可能なものにしましょう。
ローファイプロトタイプテンプレートについて
ローファイプロトタイプは、製品やサービスの機能性を検討するために、製品開発チームや UX チーム が迅速なイテレーションとユーザーテストに焦点を当てて、将来のデザインに反映させるためのワイヤーフレームです。ウェブページやアプリ画面のブループリントとして使えるワイヤーフレームテンプレートをお探しですか?それなら、ローファイプロトタイプがお勧めです。
コンテンツ、メニュー、ユーザーフローをスケッチしたマッピングに重点を置くことで、デザイナーとノンデザイナーの両方がデザインとアイデア出しのプロセスに参加することができます。リンクされたインタラクティブな画面を作成する代わりに、ローファイプロトタイプは、ユーザー ニーズ、デザイナー ビジョン、関係者の目標の一致についてのインサイトに焦点を当てています。
ローファイプロトタイプの詳細については引き続き以下をお読みください。
ローファイプロトタイプとは?
ローファイプロトタイプとは、製品またはサービスの実用的な初期ビジョンとして機能します。これらのシンプルなプロトタイプは、最終製品と一部の機能しか共有していません。大まかなコンセプトの検証やアイデアの妥当性を確認するのに最適です。
また、ローファイプロトタイプは静的なスライドを一枚ずつスクリーンに写していくようなプレゼンテーションにもよく使われます。
各スクリーンは、スケッチやワイヤーフレームで構成され、シンプルなモノクロのイラストが描かれています。複雑なディテールの代わりに、各フレームにはダミーコンテンツやラベルが用意されています。
ローファイプロトタイプの活用方法
ローファイプロトタイプは、ワークフローやコンバージョンパスから、ビジュアル要素やウェブサイト エンゲージメントにいたる、デザイン要素ごとの検証に最適です。
プロダクトマネージャーや UX デザイナーは、次のような場合にローファイプロトタイプを使用することができます。
製品テスト段階で行う設計変更を容易にします
ユーザーに、デザインではなく機能に対する率直なフィードバックを求めることができます
アイデアが機能しない場合に、デザインを手早く書き換えます
スケッチが翌日に届くようなことはないので、関係者からの生の声を聞くことができます
ローファイプロトタイプは、デザイン思考を求める声やリーンスタートアップ手法(チームがイテレーションする早期検証や最低限実行可能な製品ソリューションなど)の台頭と、ユーザー中心設計の協調性と応答性の高いアプローチによって一般的になっています。
ローファイワイヤーフレームの使い方
独自のローファイプロトタイプは簡単に作成することができます。Miro のワイヤーフレームツールは、ローファイワイヤーフレームを作成し、共有するには最適なキャンバスです。まずは、ローファイプロトタイプテンプレートを選択し、以下の手順に従って独自のローファイプロトタイプを作成しましょう。
目標を定めましょう。ユーザーに見せるコア機能を決定します。付箋に、ローファイプロトタイプに含める予定のコア機能を 2、3 件リストアップします。
ユーザーとリソースに基づいてメソッドを定義します。ローファイプロトタイプにどの程度の詳細を含めるかは、次の 2 つの質問に対する答えによって決まります。どのようなタイプのユーザーがこのプロトタイプを試用するか(そして、どのようなフィードバックを彼らに期待するのか)。どのようなツールとリソースが利用可能なのか。
Adobe XD で作業している場合、Adobe XD プラグインを使用してアートボードを Miro のボードに追加し、Miro を使ったデザイン中にチームとコラボレーションすることができます。
プロトタイプを実行しましょう。形や機能についてはあまり気にしないでください。ユーザーにテストしてもらいたいアイデアを出すことに集中しましょう。
プロトタイプをテストしましょう。ユーザーにプロトタイプ プロジェクトの目的を理解してもらい、指摘をもらいましょう。テストユーザーが読めるように、プロトタイプのワイヤーフレームと一緒に短いウェルカム画面またはガイドを作成することもできます。一般的なフィードバックを求めることもできますし、知覚、反応、認識、競争上の優位性、利用目的の検討にプラスになるようなフィートバックを求めることもできます。
プロトタイプのテスト段階から学び、それを繰り返しましょう。ユーザーフィードバックを集めて、その中から共通するものを見つけます。これらのインサイトを KJ 法で分析することによりパターンや類似性を見いだすことができます。必要に応じて、このユーザーとのテスト段階を繰り返すことできます。ユーザーフィードバックを取り込んだら、ローファイプロトタイプの作成に移行します。
Miro にはローファイプロトタイプを含む多数のワイヤーフレームテンプレートをご利用いただくことが可能です。プロトタイプの設計にこのワイヤーフレームを活用しましょう!
▼ 関連ページ ワイヤーフレームとは?作り方やおすすめのツールを紹介
データフロー図テンプレート
活躍するシチュエーション:
フローチャート, ソフトウェア開発, 図表作成
特に複数のコンポーネントがある場合、どのプロセスでも、非常に複雑になることがあります。データフロー図(DFD)テンプレートを使用して、プロセスの詳細を把握しましょう。DFD は、データフロー内のすべてのコンポーネントやシステム全体の要件を、簡単に視覚的に表現することができます。これはグロースチーム、データ分析者、プロダクトチームに最もよく使用され、複雑さに応じて 0、1、2 の 3 つのレベルのいずれかを使用して作成されます。このテンプレートを使用すれば、プロセスに最適な DFD を簡単に構築することができます。
3 時間のブランドスプリントテンプレート
活躍するシチュエーション:
スプリントプランニング, ワークショップ, マーケティング
顧客が自社ブランドを信仰する以前に、チームが信じなければなりません。そこで、ブランドスプリントが驚異的な力を発揮します。Google Ventures のチームが普及させたブランドスプリントは、自社ブランドに関するさまざまなアイデアを分類し、価値やオーディエンス、特性、ミッションステートメント、ロードマップなど、ブランドの基礎となるビルティングブロックと方向性を合わせます。新たにブランドを立ち上げる場合でも、既存のブランドをリニューアルする場合でも、ブランドスプリントは会社の命名やロゴのデザイン、デザイナーの採用やマニフェストの作成などのトリガーイベントを行うのに適しています。
実例マッピングテンプレート
活躍するシチュエーション:
図表作成, マッピング, プロダクト管理
有意義な方法で製品を更新するには、問題点を認識し、機能を追加して、必要な改善を行い、ユーザーの立場に立つ必要があります。実例マッピング(またはユーザーストーリーマッピング)では、複数部門間のチームが、さまざまな状況におけるユーザーの行動を特定することで、ユーザーの視点を提供することができます。こうしたユーザーストーリーは、組織がスプリント計画のために開発計画を作成する、または顧客にとって有益なものになるよう必要最小限の機能を定義するに最適です。
リーン UX キャンバステンプレート
活躍するシチュエーション:
デスクリサーチ, プロダクト管理, ユーザーエクスペリエンス
何を、何のために、誰のために構築していますか?これらは、有名な企業やチームを成功に導くための全体像の質問であり、リーン UX はその答えを見出すのに役立ちます。このツールは、プロジェクトの調査、設計、計画の段階で特に役に立ちます。これを使用すると、素早く製品を改善し、ビジネス上の問題を解決できるため、顧客中心の製品の実現につながります。このテンプレートを使用すると、8 つの主要要素(ビジネス上の問題、ビジネスの成果、ユーザーと顧客、ユーザーのメリット、ソリューションのアイデア、仮説、仮定、実験)を中心に構成されたリーン UX キャンバスを作成することができます。
Kubernetes アーキテクチャ図テンプレート
活躍するシチュエーション:
図表作成, ソフトウェア開発
Kubernetes アーキテクチャ図テンプレートを使用して、コンテナ化されたアプリケーションをより適切に管理し、アプリのデプロイメント、管理、拡張性を次のレベルに引き上げます。このテンプレートを使用すれば、稼働中のダウンタイムを防ぎ、よりアジャイルなアプリの制作が可能になります。Kubernetes アーキテクチャテンプレートはプロセスの各ステップを視覚化するため、アプリのデプロイメントにおいて改善が見込めます。まずはお試しいただき、このテンプレートの能力をご体験ください。
AWS Chef Automate アーキテクチャ テンプレート
活躍するシチュエーション:
図表作成, ソフトウェア開発
AWS Chef Automate アーキテクチャ テンプレートは、AWS Chef フレームワークを視覚的に表します。各種クラウド ソリューションを簡単に追跡し、運用タスクをこれまでにないスケールで自動化します。