MVP開発プロセスをマスターするための4つのステップ

公開: 2022-07-22

スタートアップ製品チームは、多くの場合、厳しい予算と期限に直面しています。リソースが限られているため、ユーザー、フィードバック、機能のリクエストなしで新製品を構築する必要があります。これらの課題に精通している製品設計者として、私はこれがどれほど難しいかを知っています。

幸いなことに、不確実性を管理し、ユーザーに焦点を合わせ、時間と予算内で製品を提供する方法があります。それがMVPフレームワークです。最小限の実行可能な製品は、コアユーザーの問題を解決するのに十分な機能を備えた製品の起動可能なバージョンです。 MVPは、設計/開発プロセスにかかる労力を減らしながら、製品チームがターゲットオーディエンスについてより多くを学ぶのに役立ちます。また、設計者が早い段階で仮定をテストできるようにすることで、リスクを軽減します。

この投稿では、MVP開発プロセスをマスターするための4つの重要なステップを共有します。このアプローチを視覚化するために、GrubhubやUberEatsのようなフードデリバリーアプリを設計します。

ステップ1：PRDを使用してMVPを定義する

MVP開発プロセスの最初のステップは、製品要件ドキュメントを使用して、製品の目的、機能、機能、および動作を定義することです。 PRDは、プロジェクトの唯一の正しい情報源であり、製品チームをユーザーの問題に合わせて調整します。以下を含める必要があります。

目的（問題ステートメント）。
アイデア情報（ユーザーペルソナ、ユーザーストーリー、叙事詩）。
分析（仮定、制約、および成功の指標）。

フードデリバリーアプリPRDは次のようになります。

目的

問題文

問題ステートメントは、製品が解決しようとしている実際のユーザーの問題を定義します。 1文以内で、製品の目標を明確に理解する必要があります。

例：「お腹を空かせた顧客を、注文をできるだけ早く届けることができる素晴らしいレストランにつなげる必要があります。」

アイデア情報

ユーザーペルソナ

ユーザーペルソナは、ユーザーのタイプを表し、一連の固有のアクションを実行する架空のキャラクターです。各ペルソナは、問題ステートメントで定義された課題の解決に貢献します。

私たちのフードデリバリーアプリのペルソナは次のとおりです。

レストラン経営者をリックします。
配達員のダンテ;
顧客のクロエ; と
サビタサポートエージェント。

MVP設計でペルソナを使用すると、チームはエンドユーザーを理解して共感できるため、ニーズに合わせて設計をターゲットにすることができます。

ユーザーストーリーと叙事詩

ユーザーストーリーは、ペルソナが製品とどのように相互作用し、製品の最終目標の1つを達成するかについての簡単な説明です。たとえば、Rick the Restaurateurの場合、「顧客が注文[コンテキスト]を行ったときに、通知を受けて注文の詳細[アクション]を確認し、30秒以内に確認して応答できるようにしたい[目標]。"

MVP開発プロセスのユーザーペルソナとユーザーストーリーテンプレート。テンプレートには、ペルソナアバター、名前、役職、およびユーザーストーリーが含まれています。テンプレートのいずれかの側に追加のテンプレートが表示され、色あせたアバターが表示されます。 — ユーザーペルソナとユーザーストーリーを作成すると、製品チームがターゲットオーディエンスについてさらに学ぶのに役立ちます。明確で、焦点を絞った、実用的なユーザーストーリーは、ユーザーのニーズに関する設計上の決定を促進するのに役立ちます。

エピックは、ユーザーストーリーの大きなグループであり、小さなストーリーに分割できます。私たちのフードデリバリーアプリの叙事詩は次のとおりです。

食事を注文します;
不足しているアイテムの報告。
配信エクスペリエンスの評価。と
アイテムを返します。

分析

仮定

仮定は、製品が何をするか、またはユーザーがどのように振る舞うかを私たちが期待することです。例：DantetheDeliverymanはレストランの営業時間中に働くと想定しています。ただし、彼のスケジュールとレストランの営業時間は互換性がない可能性があります。

制約

制約は、考えられる製品の制限の概要を示しています。例：セルの受信状態が悪いということは、顧客のクロエが注文のステータスに関する最新情報を受け取れないことを意味します。

PRDの前提条件と制約に対処することで、プロセスの早い段階でそれらに取り組み、ユーザーのエクスペリエンスを向上させることができます。

成功指標

MVPのパフォーマンスを測定するには、エンゲージメント、解約率、セッション期間などの実用的な成功指標が不可欠です。これらのメトリックを開発することで、元の製品コンセプトを検証し、開発プロセスをガイドすることができます。

フードデリバリーアプリには、次のものが含まれています。

ダウンロード数。
サインアップの割合。
アプリでの時間。

ステップ2：MVPの情報アーキテクチャを整理する

MVP設計プロセスの次のステップは、セクション、ページ、機能など、アプリのデジタルコンテンツにラベルを付けて整理することです。このプロセスの結果は情報アーキテクチャ（IA）と呼ばれ、次の2つの部分に分けることができます。

製品のコンテンツを定義する。と
コンテンツの階層を決定します。

その上にいくつかのアイコンが浮かんでいる正方形の迷路。アイコンは、左から順に、棒グラフ、携帯電話、山、電子メールシンボル、地球、設定シンボル、および音量シンボルです。下向きの緑色の矢印が各アイコンの下に表示されます。迷路のすぐ右側には、青い「仕上げ」アイコンがあります。迷路は、最小限の実行可能な製品フレームワークで情報アーキテクチャを定義することを表しています。 — 情報アーキテクチャを定義することは、直感的なナビゲーションを備えたコンテンツ豊富なアプリを構築するための鍵です。

アプリのコンテンツを定義する

製品のコンテンツ（写真、音楽、テキスト、ビデオなど）を定義するために、まずトレンド、競争、およびターゲットオーディエンスを調査します。次に、コンテンツタイプ間のドットを接続するために、ブランチ、トピック、およびサブトピックを含む「迅速で汚い」マインドマップを作成します。マインドマッピングは、すべてのコンテンツを1か所で視覚化し、関連トピックをリンクするのに役立ちます。

アプリのマインドマップには次のものが含まれます。

メニュー、注文ログ、および顧客データベースページのサブトピックを含むレストラントピック。
メニューのサブトピックは、食べ物や飲み物のオプション、および特別オファーで構成されています。

コンテンツ階層を決定する

次に、コンテンツの表示方法、つまりコンテンツ階層を決定する必要があります。コンテンツを注文するための優れた方法は、ユーザーがトピックを論理グループに整理して、カードを並べ替えることです。これにより、IAは、製品チームの想定ではなく、ユーザーの期待に従って編成されます。

カードソートを実行するには：

製品のメインコンテンツを表すトピックを選択してください。
ユーザーと一緒にトピックをグループに整理します。
各グループにユーザーのラベルを付け、各決定の背後にある理論的根拠について話し合います。
追加のユーザーで最初の3つの手順を繰り返します。
結果を分析し、グループ間の共通のパターンを探します。これは、製品設計者が製品のユーザーフローを理解するのに役立ちます。

ステップ3：ワイヤーフレームとプロトタイプを作成する

ワイヤーフレームを作成する

コンテンツを定義して整理したら、ワイヤーフレーミングツールを使用してアプリの基本的なUIレイアウトを構築できます。 MVPワイヤーフレーミングには多くの利点があります。つまり、物事を無駄なく保ちながら製品を視覚化できるということです。

フードデリバリーアプリでは、2つの段階でワイヤーフレームを作成します。

サイズや配置など、各画面のレイアウトをスケッチします。
ヘッダーとフッター、コンテンツブロック、メニューなど、基本的なUIコンポーネントライブラリを作成します。これらのUIコンポーネントは、ワイヤーフレームを忠実度の高いプロトタイプに変換するまで、プレースホルダーとして機能します。

これで、アプリの基本的なレイアウトと機能を視覚化するためのワイヤーフレームができました。

MVP設計用のモバイルUIライブラリコンポーネントの選択。上から下へ、行：「FoodApp」というテキストとハンバーガーメニューを表示する青いモバイルヘッダー、検索バーと青い検索アイコン、青い「今すぐ注文」ボタンとフィルターアイコン、ドロップ-「選択」というテキストを表示するダウンメニューと2つのトグルスイッチ。 — 忠実度の低いワイヤーフレームには、通常、製品の基本的なコンテンツ、レイアウト、および要件が含まれています。これらは簡単に作成でき、設計を繰り返すたびにすばやく調整できます。

ユーザーによるテスト

私たちのMVPプロセスには、潜在的な摩擦点を早期に特定して修正するために、「測定、学習、繰り返し」のユーザーテストアプローチが含まれます。

たとえば、フードデリバリーアプリでは、ユーザーがアプリのフィルターを適用して食べ物の種類、価格、距離を調整していないようです。理由を理解するために最も多くのフィードバックを収集するために、モデレートされていないテストとモデレートされたテストの2種類のテストを実行します。

1. Mazeを使用した定量的データのモデレートされていないテスト：特定のタスクでのユーザーのパフォーマンスを測定することにより、モデレートされていないテストは、定量的データによる間接的なユーザビリティ評価を提供します。このタイプのテストの利点は？問題に対する適切な統計的フィードバックが得られ、その問題への対応に影響を与える可能性のある「ランダムな」結果はありません。

たとえば、Mazeのクリックファネルは、フィルター画面での急激なドロップオフと、このタスクの低い完了率を示しています。ユーザーがフィルターに問題を抱えていることがわかります。ただし、モデレートされていないテストでは、それがフィードバックの範囲になります。

2. Userfeelを使用した定性的データのモデレートテスト：ユーザーがタスクを完了する方法を理解するためにユーザーを観察し、フォローアップの質問をすることにより、モデレートテストは定性的データを通じて直接的なユーザビリティ評価を提供します。このタイプのテストの利点は？タスクのどの側面に問題があるかを正確に把握しています。

たとえば、Userfeelの記録は、フィルターがどのように機能するかを理解し、特定の問題がどこにあるかを特定するのに苦労しているユーザーを明らかにします。たとえば、フィルターテキストが小さすぎて読みやすさが制限されます。

この集合的なフィードバックを使用して、ワイヤーフレームを反復処理し、よりユーザーフレンドリーなフィルター機能を構築できます。

忠実度の高いプロトタイプを開発する

ワイヤーフレームMVPが検証されたら、インタラクティブなプロトタイピングエクスペリエンスにアップグレードします。基本的なワイヤーフレーミングとは対照的に、高忠実度（hi-fi）プロトタイプは、ピクセルパーフェクトなUIデザインとアニメーションを活用し、外観と機能が最終製品にはるかに近くなっています。それらを使用して、重要な視覚的肯定を推測し、MVP設計に関連するリアルタイムのフィードバックを収集できます。

次の方法で、ワイヤーフレームをインタラクティブなプロトタイプに変換します。

カラーグラデーションやパレット、タイポグラフィなど、UIのブランディングを微調整します。
スクロール、タブ、マイクロインタラクションなどの高度なアニメーションを適用します。

これは、フードデリバリーアプリのFigmahi-fiプロトタイプがどのように見えるかの例です。

ステップ4：完全な設計QA

最後に、プロトタイプをクリックして次のことを確認することにより、すべてが期待どおりに表示され、スムーズに実行されることを確認します。

私たちのMVPは、最初の製品コンセプトに共鳴します。
ユーザーフローは自然に感じます。
すべてのユースケースが検討されています。
すべての開発バグが修正されました。

次に、残りの問題を要約して、品質保証チケットとして開発チームに通知します。これらのチケットは、MVPを開始する前の1〜2週間のクールダウン期間で対処できます。

MVP開発フレームワークで設計プロセスを強化する

スタートアップ製品開発の世界では、設計リソースが不足しています。 MVPプロセスは、設計者が予算を浪費することなく、ユーザーフレンドリーな製品を時間どおりに構築して発売するのに役立ちます。

この4ステップのMVPフレームワークは、製品設計をユーザー中心に保つのに何度も役立ちました。自分でテストしてみてください。そうすれば、デザイン開発プロセスでユーザーに優先順位を付けることができます。