プロトタイプを高速化する秘密?当社の専門家チームを信頼してください。

多くの製品アイデアは、「人々はこれを使うだろうか?」という単純な質問から始まります。そのアイデアを実用的なプロトタイプに変えるのは、予想よりも難しい場合があります。チームは、機能の議論、設計の変更、または製品の検証に役立たない部品の構築に多くの時間を費やしすぎることがよくあります。私は、集中的な計画、実用的な設計、着実な開発を通じて、企業が初期のコンセプトから明確でテスト可能なプロトタイプに移行するのを支援します。プロトタイプには、計画されているすべての機能が含まれている必要はありません。主要なユーザー ジャーニーがどのように機能するかを示す必要があります。 ## 製品の目標から始める まず、プロトタイプが何を証明する必要があるかを尋ねます。目標は次のとおりです。 - 予約プロセスをテストする - 投資家に新しいダッシュボードを表示する - ユーザーがモバイル アプリを理解しているかどうかを確認する - ビジネス パートナーにサービス コンセプトを提示する - 完全な開発の前にフィードバックを収集する このステップにより、プロジェクトの焦点が保たれます。ユーザーテスト用に構築されたプロトタイプには、クリック可能な画面が必要な場合があります。技術レビュー用に構築されたプロトタイプには、作業データと基本的なシステム接続が必要な場合があります。適切なアプローチは、答える必要がある質問によって異なります。 ## アイデアを明確なユーザー フローに変える 初期のコンセプトの多くには、機能の長いリストが含まれています。最初のテストでは、ユーザーはそれらのすべてを必要としない可能性があります。私は、アイデアをシンプルなフローに整理するのに役立ちます。 1. 製品を使用するのは誰ですか? 2. 彼らはどのような問題に直面するのでしょうか? 3. 彼らはどのような行動を取るべきですか? 4. 彼らはどのような結果を受け取るべきですか? 5. フローが機能しているかどうかを示すフィードバックは何ですか?実際の例は、クリニックの予約プラットフォームです。最初のプロトタイプでは、患者のサインイン、医師の検索、利用可能な時間枠、予約確認、および予約の詳細のみが必要になる場合があります。支払いツール、ロイヤルティ機能、および複雑なアカウント設定は、メインの予約パスがテストされるまで待つことができます。このアプローチにより、初期のビルドを大規模にしすぎずに、チームにレビューに役立つものが提供されます。 ## 適切なプロトタイプ形式を選択する 目標が異なれば、必要となる詳細レベルも異なります。低忠実度のプロトタイプは、製品の構造をテストするのに役立ちます。単純なレイアウト、大まかな画面プラン、および基本的なナビゲーションを使用する場合があります。忠実度の高いプロトタイプでは、視覚スタイル、応答動作、フォーム、およびインタラクションの詳細を表示できます。ユーザーインタビュー、販売プレゼンテーション、関係者のレビューなどに適している可能性があります。機能プロトタイプには、次のような作業要素が含まれます。 - フォームの送信 - ユーザーのログイン - 検索とフィルタリング - 基本的なデータ ストレージ - API 接続 - アカウントの権限 - デバイスに適したレイアウト クリック可能なデザインで同じ質問に答えることができる場合、完全に機能するシステムを構築することはお勧めしません。プロトタイプを小さくすると、フィードバックが理解しやすくなることがよくあります。 ## 設計と開発の接続を維持する 設計上の決定は開発時間に影響します。開発上の制限も設計を形作る可能性があります。私のチームは作業を開始する前にプロジェクトの両面をレビューします。ユーザージャーニー、画面構造、技術的ニーズ、データフロー、および起こり得るリスクを検討します。これは、詳細の欠落によって引き起こされる後からの変更を減らすのに役立ちます。たとえば、配送サービスでは、ライブ マップ、ドライバーの追跡、顧客メッセージ、注文の更新が必要な場合があります。プロトタイプでは、ライブ追跡システムに接続しなくても、注文プロセスとステータス画面を表示できます。チームは、技術的な作業を追加する前に、顧客がステータス更新を理解しているかどうかをテストできます。このタイプの分離により、プロトタイプが必要以上に大きくなることなく、有用な状態が保たれます。 ## 小さなレビュー ポイントを組み込む チームが段階的にレビューすると、プロトタイプの改善が容易になります。典型的なプロジェクトは次のようなパスをたどります。 - 主要なユーザーと製品の目標を定義する - コア機能を選択する - ユーザー ジャーニーをマップする - 最初の画面構造を作成する - ビジュアル デザインを構築する - 主要なインタラクションを開発する - チームでプロトタイプをレビューする - 少人数のユーザー グループでテストする - フィードバックを記録し、次の変更を選択する 私はフィードバックを元の目標に結び付けておきます。リクエストは便利に聞こえるかもしれませんが、それでもメインのテストの邪魔になります。このようなことが起こったとき、私は、その変更がユーザーが重要なタスクを完了するのに役立つのか、それともチームが何か新しいことを学ぶのに役立つのかを尋ねます。 ## 明確なコミュニケーションを行うチームと協力する スピードは、コミュニケーションを省略することで得られるものではありません。それは混乱を減らすことから生まれます。知っておくべきこと: - チームが何を構築しているか - どの機能が含まれているか - チームがあなたからどのような情報を必要としているか - いつ作業をレビューできるか - フィードバックがどのように記録されるか - 計画された範囲に影響を与える可能性のある変更はどれか 私は、明確な結果のない長い会議よりも、短くて定期的な更新を好みます。共有タスク リスト、シンプルなプロトタイプ リンク、書面によるフィードバックは、全員が足並みをそろえることに役立ちます。また、決定の明確な記録も保持します。これは、複数の人が製品、設計、マーケティング、またはテクノロジーの作業に関与している場合に役立ちます。 ## 完全な開発の前にフィードバックを使用する プロトタイプは、ユーザーが反応できるものを提供します。これにより、機能リストやプレゼンテーションよりも優れたフィードバックが得られることがよくあります。テスト中、私は次のような兆候を探します。 - ユーザーが次のアクションを見つけられない - ラベルが不明確 - フォームが要求する情報が多すぎる - プロセスが予想より長く感じる - ユーザーが製品の結果を誤解する - 要求された機能が主要な問題を解決しない すべてのコメントがデザイン変更を必要とするわけではありません。あるユーザーが別の色を好む一方で、複数のユーザーが同じボタンを見つけられない可能性があります。私は、個人的な好みと、繰り返されるユーザビリティの問題を区別するのに役立ちます。 ## プロジェクトに基づいてツールを選択する ツールは、目標を制御するのではなく、目標をサポートする必要があります。クリック可能なコンセプトにはデザイン ツールで十分かもしれません。 Web フレームワークは、動作する対話を必要とするブラウザベースのプロトタイプに適している場合があります。クロスプラットフォームのアプローチは、コンセプトをモバイル デバイスとデスクトップ デバイスの両方で表示する必要がある場合に役立ちます。選択は次の要素によって決まります。 - プロトタイプの目的 - 予想されるインタラクションのレベル - 利用可能なプロジェクト データ - ターゲット デバイス - 将来の開発の必要性 - チームのスキル - 予算とメンテナンスの必要性 これらの選択を平易な言葉で説明しているので、技術的な背景がなくても実践的な決定を下すことができます。 ## 受け取るもの プロジェクトの成果物は、お客様のニーズに合わせて作成できます。 - ユーザー フロー図 - ワイヤーフレーム - 応答性の高い画面デザイン - クリック可能なプロトタイプ リンク - 基本的な作業機能 - デザイン ファイル - 技術メモ - ユーザー テストの結果 - 次の製品段階の提案された計画 正確な範囲は、開発が開始される前に合意されます。これにより、プロトタイプで何が実証できるのか、また現在のプロジェクトの範囲外に何が残っているのかが明確にわかります。より高速なプロトタイプは、単に完成品の小さいバージョンではありません。これは、アイデアをテストし、弱点を明らかにし、関係者間で共通の理解を生み出すための集中的な方法です。製品チームと協力するときは、構築の背後にある質問、つまりこのプロトタイプから何を学ぶ必要があるかに焦点を当てます。その質問によって、機能、設計、ツール、テスト計画が決まります。これにより、チームは明確な決定をサポートしない画面を構築するのではなく、有用な証拠に時間を費やすことができます。製品のアイデア、対象ユーザー、主な目標を共有します。主要なユーザー ジャーニーに沿ってプロトタイプを形成し、コンセプトからテスト可能な製品までの実際的なパスを定義できます。

製品アイデアの多くは、会話の中で役立つように聞こえます。本当のテストは、人々が動作バージョンを見て、触って、使用できるようになったときに始まります。誰かがアイデアをテストする前に、チームが何週間もかけて計画を磨き上げるのをよく見かけます。その時点までに、主な問題は依然として不明瞭なまま、プロジェクトにはユーザーが必要としない機能が含まれる可能性があります。単純なプロトタイプを使用すると、より少ない時間とより少ないリソースで、これらのギャップを早期に明らかにできます。プロトタイプは完璧である必要はありません。アイデアがどのように機能するかを示す必要があります。 1 つのユーザーの問題から始めます。問題を 1 つの文で書き留めます。「__ であるため、__ を行うためのより簡単な方法が必要です。」これにより、プロジェクトの集中力が維持されます。たとえば、食品配達チームはアプリ全体を再設計する必要がない場合があります。本当の問題は、顧客が注文後に配送指示を簡単に変更できないことかもしれません。この 1 つの問題により、チームは明確な出発点を得ることができます。最小の有用なフローを選択する プロトタイプは、1 つの短いユーザー ジャーニーをカバーする必要があります。 - 製品を開く - 1 つの重要な機能を見つける - 1 つのアクションを実行する - 結果を確認する このフローをサポートしない余分なページ、設定、および機能を削除します。目標は、製品のすべてを表示することではありません。目標は、主な経験が意味があるかどうかを学ぶことです。構築する前にスケッチする 私は通常、紙、ホワイトボード、またはシンプルなデザインツール上の大まかな画面から始めます。この段階では、視覚的な詳細よりもスピードが重要です。いくつかの可能なレイアウトを作成します。並べて比較してください。質問: - 新しいユーザーは次のステップを理解できますか? - メインアクションは見つけやすいですか？ - 各画面は明確な質問に答えていますか? - 何が除去できますか?大まかなスケッチがあると議論が容易になります。チームメンバーは、言葉だけで存在するアイデアについて議論する代わりに、画面を指して変更を提案できます。実際の応答に十分な詳細を構築する フローが明確になったら、メイン画面をクリック可能なプロトタイプに接続します。可能な限り現実的なラベルとサンプルコンテンツを使用してください。 「続行」というボタンだけでは、あまり意味がわからないかもしれません。 「配送指示を保存」というボタンを使用すると、ユーザーはより明確なタスクを得ることができます。プロトタイプでは引き続きサンプル データを使用できます。この段階では、完全なデータベース、支払いシステム、運用コードは必要ありません。少数の対象ユーザーでテストする 製品の対象ユーザーに一致するユーザーを招待します。すべての手順を説明することなく、各人に簡単なタスクを与えます。例: 「明日届く注文の配送指示をどのように変更するかを教えてください。」何が起こるか見てください。一時停止、間違ったクリック、質問、コメントに注意してください。ユーザーは、右のボタンを数秒間探しながら、「これは簡単です」と言うかもしれません。彼らの行動は、多くの場合、丁寧なフィードバックよりも有益な情報を提供します。タスクの後に自由質問をしてください: - ここで何が起こると予想していましたか? ―どのような部分がわかりにくいと感じましたか？ - 何を変えますか？ - これはあなたが説明した問題の解決に役立ちますか?相手を肯定的な答えに誘導することは避けてください。正直な混乱は、チームが間違ったソリューションを構築するのを防ぐことができます。フィードバックを使用して焦点を絞った変更を行う 1 つのコメントの後にすべての詳細を変更しないでください。パターンを探します。複数の人が同じアクションをミスした場合は、レイアウトの修正が必要になる場合があります。ユーザーがフローを理解していても機能に関心がない場合、その製品は弱い問題を解決している可能性があります。主要なタスクをサポートする機能を要求された場合は、それをプロトタイプの次のバージョンに配置します。各テストの短い記録を保持します。 - ユーザーがやろうとしたこと - ユーザーが一時停止した場所 - ユーザーが期待したこと - チームが変更する予定のもの この記録は、個人的な意見と繰り返されるユーザーの行動を区別するのに役立ちます。プロトタイプを超えたタイミングを知る チームが主なユーザー フロー、最大の混乱点、およびまだ回答が必要な質問を理解した時点で、プロトタイプはその役割を果たしたと言えます。次の場合に開発に移行します。 - 中心的な問題がユーザーのフィードバックによって明確にサポートされている - メイン フローが説明しやすい - チームが最初のリリースに必要な機能を知っている - 技術的な制限が確認されている - コストと範囲が現在の計画に適合している プロトタイプは、製品が成功することを証明するものではありません。これは、さらなる作業を開始する前に推測を減らすための実用的な方法です。私は、チームが長い特集ドキュメントよりも、クリック可能な単純なフローから多くのことを得るのを見てきました。彼らは、ユーザーがどこで躊躇するのか、どの言葉が混乱を引き起こすのか、そして最初のリリースでは何を避けるべきかを学びます。アイデアを、人々が使用、テスト、議論できるものに変えます。小さなプロトタイプは、製品全体を一度に構築する必要がなく、チームに明確な道筋を与えることができます。

優れたプロトタイプは、完成したように見える必要はありません。開発に時間とお金を費やす前に、製品に関する適切な質問に答えるのに役立つ必要があります。多くのチームは、洗練された画面、詳細な機能、長い承認サイクルから始めます。発売後、ユーザーが重要なアクションを見つけられない、製品の価値を理解していない、またはより単純な方法を好むことに気づく場合があります。プロトタイプを使用すると、変更が容易な早い段階でこれらの点をテストすることができます。 ## 1 つのユーザーの問題から始めます。まず、「私のユーザーは ______ であるため、______ する必要があります。」という明確な文を 1 つ書きます。例: 「価格と速度のどちらを選択するか迷っているため、ユーザーは配送オプションを比較する必要があります。」このステートメントにより、プロトタイプに焦点が当てられます。一度に 5 つの問題を解こうとすると、ユーザー テストが読みにくくなります。どの問題が製品に最も影響を与えるのかを知らずに、多くのコメントを収集する可能性があります。焦点を絞ったプロトタイプでは、次のような短いタスクをカバーできます。 - アカウントの作成 - 予約の予約 - サービス プランの比較 - ドキュメントのアップロード - 注文ステータスの確認 ## 適切な詳細レベルの選択 紙のスケッチは、構造とフローに関する質問に答えることができます。クリック可能なワイヤーフレームは、人々が画面間をどのように移動するかを示すことができます。忠実度の高いプロトタイプは、レイアウト、文言、視覚的な階層、およびインタラクションの詳細をテストするのに役立ちます。簡単なスケッチで質問に答えられる場合は、詳細なビジュアル デザインは使用しません。便利なルールは次のとおりです。 - アイデアをテストするには低詳細を使用します。 - フローをテストするには中詳細を使用します。 - エクスペリエンスをテストするには高詳細を使用します。これにより、作業が下す必要のある意思決定に関連付けられます。また、後で取り外す可能性があるスクリーンを研磨するリスクも軽減されます。 ## 有用な最短経路をマップする 各画面をデザインする前に、ユーザー ジャーニーを書き留めます。予約サービスの場合、パスは次のようになります。 1. サービスを選択します。 2. 日付を選択します。 3. 価格を確認します。 4. 予約を確認します。 5. 確認メッセージを受信します。 パスには、ユーザーがタスクを完了するのに十分な詳細が含まれている必要があります。追加のメニュー、設定、およびサイド機能は待機することができます。フローを確認するときは、次のことを尋ねます。 - すべての画面がそのタスクをサポートしていますか? - ユーザーは次に何をすべきか知っていますか? - ユーザーは進行状況を失わずに戻ることができますか? - 価格、日付、重要な条件は簡単に見つけられますか? - ユーザーが間違いを犯した場合はどうなりますか?これらの質問により、プロトタイプが顧客に届くまでのギャップが明らかになることがよくあります。 ## 視覚的に磨き​​をかける前に明確なコンテンツを使用してください Lorem ipsum は問題を隠します。製品を反映する短く現実的なテキストを使用します。 「送信」と書く代わりに、「アポイントリクエストを送信」と書くかもしれません。 「オプション A」の代わりに「標準納期 - 3 ～ 5 日」と書くこともあります。透明なラベルは、人々が製品を理解しているかどうかをテストするのに役立ちます。また、レイアウトの問題も明らかになります。 2 つの単語であれば問題なく見えるボタンでも、より長くて便利なラベルを使用すると使いにくくなる場合があります。コンテンツはユーザーの基本的な質問に答える必要があります: - これは何ですか? - ここで何ができるでしょうか？ - 次に何が起こるでしょうか？ - 何を支払いますか? - アクションを変更またはキャンセルできますか? ## 少人数のグループでテストする 基本的なユーザビリティの問題を見つけるために大規模な研究プロジェクトは必要ありません。詳しい指示がなくても、対象者に合った数人に 1 つのタスクを完了してもらうことができます。簡単なセッションには、「来週の火曜日にサービスを予約して、確認後に何が起こると予想されるかを教えてください。」が含まれる場合があります。私は、その人が立ち止まるか、間違ったコントロールをタップするか、助けを求めるか、諦めるかを観察します。画面の説明が早すぎると、将来のユーザーが直面する問題が隠れてしまう可能性があるため、説明は避けます。セッション後、次のことを記録します。 - 試みたタスク - 混乱のポイント - ユーザーが使用した言葉 - 私が期待したアクション - ユーザーがとったアクション - 考えられるデザイン変更 一時停止は有用な証拠です。 「これが最終価格ですか?」といった質問も同様です。画面に十分な情報が表示されない可能性があることが示されています。 ## 製品への影響によってフィードバックを並べ替える すべてのコメントにデザインの変更が必要なわけではありません。人によっては別の色を好む場合があります。メインアクションを見つけられない人もいるかもしれません。これらの問題は同じように注目されるべきではありません。私はフィードバックを 3 つの領域にグループ化します。 タスクの失敗 ユーザーがメイン アクションを完了できません。 タスクの摩擦 ユーザーはタスクを完了できますが、パスが遅いかわかりにくいと感じます。 個人的な好み ユーザーは、タスクの成功に影響を与えない変更を提案します。視覚的な好みの前にタスクの失敗に対処します。これにより、チームは製品の使用に影響する問題に設計と開発の時間を費やすことができます。 ## 短いサイクルで構築、テスト、調整する 私はプロトタイプを最終的な答えではなく、作業中の質問として扱います。 1 つのサイクルは次のようになります。 1. 製品に関する質問を 1 つ特定する 2. テストに必要な画面のみを作成する 3. 対象ユーザーにタスクを完了するよう依頼する 4. アクションとコメントを記録する 5. フローまたはコンテンツを変更する 6. 改訂版をテストする たとえば、財務アプリでは、ユーザーが支出の概要を理解しているかどうかをテストできます。チームは同じ画面の 2 つのバージョンを作成できます。上部では月ごとの合計を使用します。もう 1 つは、最初にカテゴリの詳細を表示します。ユーザー セッションでは、どのレイアウトが「今月のお金はどこに消えた?」という質問に役立つかを明らかにできます。テストでは、どの設計が完璧であるかを証明する必要はありません。どの方向にもっと取り組む価値があるのか​​を示す必要がある。 ## 設計と開発の接続を維持する プロトタイプは、その結果が製品を構築する人々に届けられた場合にのみ時間を節約できます。ユーザーのタスク、テストノート、画面フロー、未解決の質問をデザイナー、開発者、プロダクトマネージャー、サポートチームと共有します。短い引継ぎには以下が含まれます。 - プロトタイプの目的 - テストされたユーザー タスク - 主な摩擦点 - 承認された変更 - まだ証拠が必要な質問 - 現在の範囲に含まれていない詳細 これにより、仮定が減ります。開発者は、ステップが変更された理由を確認できます。サポート チームは、リリース後に発生する可能性のある質問に備えることができます。 ## より多くの作業を生み出す近道を避ける 最も早く見えるアプローチは、多くの場合、ユーザーと話す前にすべてを構築することです。この経路により、弱い流れで研磨された製品が生成される可能性があります。シンプルなクリック可能なプロトタイプのほうが、長い特集ドキュメントよりも優れた方向性を与えることが多いことがわかりました。ドキュメントでは、製品が何をすべきかを説明できます。プロトタイプを使用すると、ユーザーは実際に行うことに対して反応できます。目標は、より多くの画面を作成することではありません。目標は、適切な製品決定を下すために十分な学習を行うことです。強力なプロトタイピング プロセスにより、ユーザーのタスクは小さくなり、質問は明確になり、設計作業に近いフィードバックが得られます。リスクのある部分を早期にテストし、プレーンなコンテンツを使用し、証拠が裏付けるもののみを変更すると、より迅速に行動できます。 lingchao までお問い合わせください: mr.xu@lingchaopcb.com/WhatsApp +8613780181891。

1. Steve Krug、2000 年、Don't Make Me Think: Web ユーザビリティへの常識的なアプローチ 2. Eric Ries、2011 年、The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radively Successful Businesses 3. Jakob Nielsen、1993 年、ユーザビリティ エンジニアリング 4. Jeff Gothelf および Josh Seiden、 2013 年、リーン UX: ユーザー エクスペリエンスを向上させるためのリーン原則の適用 5. クレイトン M クリステンセン、タディ ホール、カレン ディロン、デイビッド S ダンカン、2016 年、顧客のやるべき仕事を知る 6. ドナルド A ノーマン、2013 年、日常のもののデザイン