投稿者: tomotaka@xenon.io

お金を払って利用するサービスに対して消費者がますます厳しい要求をするようになっていることは、周知の事実です。実際、マイクロソフトの最近の調査によると、回答者の55%が前年よりも良いCXを期待していることが明らかになっています。また、34歳以下の顧客については、さらに高い数値を示しており、70%に達しています。

では、「より良い顧客体験」を作るとは、本当はどういうことでしょうか。ユーザーのニーズに合わせて製品を作ることが重要であり、たった一度のよくない経験で、ユーザーは競合他社に寝返ってしまうかもしれないのです。

このようなペースに遅れをとることなく注目の製品を開発するには、製品のプロトタイピングへの取り組みが不可欠です。

本記事では、「プロトタイプとは何か」、「なぜプロトタイプがビジネスに不可欠なのか」、「どのように始めればいいのか」についてお答えします。

では始めましょう！

プロトタイプとは

自分の頭の中で考えていることがなかなか人に伝わりにくかったことはありませんか？そうだとしたら、自分のビジョンを他の人に見てもらえず理解してもらえないのが、どれほどもどかしいかおわかりいただけるでしょう。そんな時は、プロトタイプをデザインして、アイデアを形にするのが一番です。

プロトタイプは、最終製品のサンプルバージョンであり、マーケットの潜在的な可能性を評価するのに役立ちます。これは、MVP（Minimum Viable Product）開発に取り組む前の良い出発点となります。プロトタイプは物理的な製品とデジタル製品の両方で作成できますが、この記事ではデジタルのみに焦点を当てます。

構築できるプロトタイプの種類は主に2つのタイプがあります：

• Lo-Fi（低忠実度）プロトタイプ

Lo-Fiプロトタイプは、デジタルでも手描きでも作成できるシンプルなワイヤーフレームで、詳細や色彩がないため、紙とペンがあればすぐに始められます。Lo-Fiタイプとも呼ばれ、決済やウィッシュリストへのアイテム追加など、基本的な機能やユーザーフロー全体を視覚化するのに適しています。

このようなプロトタイプは、迅速なテストに最適で、デザイナーが一つのビジョンにコミットする前に、フィードバックを集めて製品について議論できるようになります。

• Hi-Fi（高忠実度）プロトタイプ

高忠実度プロトタイプは、デザイナーがあなたのビジョンを忠実に再現したモックアップの作成ができます。Lo-Fiデザインよりもコストがかかりますが、Hi-Fiプロトタイプはカラフルで魅力的であり、リンクやCTAボタンなどのインタラクティブな要素も含まれています。また、正確な機能により、ユーザーやステークホルダーから、より多くの実用的なデータが得られます。

製品プロトタイプを作るべき4つの理由

ここで、プロトタイプ開発がもたらすメリットについて、少し見てみましょう：

1. PMF（プロダクト・マーケット・フィット）の探求

プロトタイプは、ユーザーのニーズを満たさないもののデザインに無駄な時間と費用を費やすことなく、製品の実現可能性を評価することができます。急いで発売するのではなく、プロトタイプを使うことで、一旦立ち止まって、状況を把握し、市場がどのように反応するかを調べることができます。そして、デザインを練り直し、未来を見据えた製品開発に投資することができるのです。

2. ユーザーへの付加価値提供

プロトタイプはユーザーありきであり、ユーザーにとってより良い製品を作るためのものですから（じゃないと使う理由がないですよね？）、デザインは徹底的なユーザーテストにかけられるべきです。ユーザーがどんな人なのか、何を求めているのかを理解せずに、ユーザーを満足させ、かけがえのない経験を与えるといった付加価値は付けられません。あなたが受け取るフィードバックの一つひとつは、それらに正面から向き合うためにどこを改良すべきかを教えてくれるデータなのです。

3. 投資家を惹きつける

新製品のための投資が必要だったら、プロトタイプはその資金確保に不可欠です。投資家は、あなたのデザインの実用版を見たいと思うでしょう。プロトタイプで、企業の主要なステークホルダーから賛同を得るのと同様に、投資家が最終製品をよりよくイメージしやすくなり、はるかに魅力的な製品になります。

4. デザインの絞り込み 

フィーチャークリープ（あるいはミッションクリープ）は本格的であり、コストがかかります。デザインを始めると、あっという間にアイデアに夢中になってしまいますが、プロトタイプを作成すれば、これらの追加機能に対するユーザーの反応や、投資する価値があるかどうかをすぐに判断することができます。ということはつまり、最高のユーザー体験の妨げになるものはすべて削ぎ落とされていかないといけないのです。

プロトタイプ開発に効果的にアプローチするためのヒント

さて、プロトタイプ開発を成功させるにはどうすればいいと思いますか。ここでは、そのヒントをいくつかご紹介します。

初期要求の合意

あなたとあなたのチームが最初に土台を築く時の目標は、アイデアの具体化に必要なものの決定です。MVP開発の下準備は、他のビジネスプロジェクトと同じように扱ってください。

チームと必要なスキルを決めましょう。必要なツールは？従うべき会社のガイドラインはありますか？どのようなインターフェースの設定がありますか？

基本的に、あなたは準備の準備をしているのです。何をするかははっきりしないかもしれませんが、この段階が終わるころには、着手に何が必要か分かるはずです。

何を達成したいかの把握

アイデアの革新、課題の克服、機能強化の実現、すべてプロトタイピングに取り組む大きな理由です。あなたはどんな理由ですか？

あなたの製品で問題を解決するには、以下の特定が必要です：

• 製品プロトタイプの明確な目的：目標はデータ駆動型であり、より広いビジネス目標に沿ったものであるべき
• 誰のためのものなのか：ユーザーかステークホルダーか、あるいはその両方か
• 成功（および失敗）とはどのようなものか
• 何をテストするのか 
• フィードバックの収集方法

次に、このビジョンを伝えなければいけません。プロトタイプはデザインツールであると同時にコミュニケーションツールでもあり、目的を明確にすることで効率が上がります。つまり、チーム全員が自分たちに何が求められているかを理解しているため、作業が重複したり、当初のビジョンに合わせるべく延々と修正したりすることがないのです。可能な限り、主要なステークホルダーを会話や計画段階の早い段階で引き込みましょう。そうすることで、社内の賛同を得やすくなり、反対意見を最小限に抑えることができます。

目的が明確であれば、優先順位を見極め、それを実現できます。

これをプロジェクトマネジメントの三角形でイメージするとよいでしょう。「耐久性」「機能性」「美観」を各ポイントに置いてみましょう。

• プロトタイプにライブデータ、リアルタイムの更新、ワークフロー、コーディングが必要な場合は、【耐久性】を優先しましょう
• プロトタイプが新規または改良された機能とその動作に焦点を当てたものである場合、【機能性】を優先しましょう
• プロトタイプの外観が美しく、ブランディングのガイドラインに適合していなければならない場合は、【美観】を優先しましょう

ここまでくればもうお分かりですね？では、その三角形のどこかに、プロジェクトに不可欠なものに一番近い星をつけることを想像してみてください。その星があなたの優先順位です。

ランディングページデザインを想像してみましょう。その際、最優先されるのは【美観】と【機能性】でしょうが、すべての機能性に対応したことを確認後、より多くのリソースを美観に集中させることになるでしょう。

プロジェクトマネジメントの三角形をガイドに、プロトタイプを始めるベストな方法が見つかるのです。

ワイヤーフレームについて覚えておく

ワイヤーフレームは、デザインプロセスの中核となる部分です。ワイヤーフレームの作成は、ついつい急いでしまいがちであり、ゴールが決まれば、すぐにでもプロトタイプを作りたくなるものです。それはとてもワクワクする瞬間ですが、プロトタイプの作成は、ブレーキをかけることでもあります。どの段階でも、「これは自社の製品にふさわしいか」と問いかけてください。

ワイヤーフレームはさっと作成でき、頭の中で考えているよりもずっとビジネス的な使い方ができます。デザイン推敲のためのガイドとして使用したり、時間を無駄にする前に実行不可能なコンセプトを捨てたりすることができますが、ワイヤーフレームの作成に時間をかけることで、製品開発プロセスのパフォーマンスと効率は向上します。

フィードバックの収集

先にもお話したように、プロトタイピングはユーザーありきです。ユーザーの本音を知ることで、最高の製品のデザインができるのです。正直は最良の政策ですが、傷つく（そして発売が遅れる）かもしれませんが、ユーザーのニーズを満たさない製品を展開するよりも、潜在的なユーザーの手に渡って痛手を負い、そのフィードバックに基づいて行動する方がよいでしょう。

必ず実用的な見解を得るための質問をしてください。ユーザーからのフィードバックを元に、さらに発展させることができる部分を探しましょう。より多くのデータが集まるほど、最終製品はより強力になります。フィードバックの収集法には、以下のようなものがあります：

フォーカスグループ

ユーザーを集めた、オープンな場での彼らの経験についての話し合いです。フォーカス・グループでの会話は、他の方法では語られなかったかもしれない回答を促すことがよくありますが、参加者を慎重に選ぶことが重要です。理想的なのは、全体像を把握するために、ユーザーの多様な面を使うことです。

アンケート

Survey MonkeyやTypeformのようなプラットフォームで、簡単なアンケートを作成してバックエンドでデータを集め、集めたすべてのフィードバックを把握できますが、回答を得るのが最難関の一つです。そこは電子メールやSNSのチャンネルを利用しましょう。アンケートは使い慣れたフォーマットで短めに作成し、テスト終了後にアンケートを送るようユーザーに伝え、返信のないユーザーにはフォローアップを行いましょう。回答率を上げるのにインセンティブを使うのもありです！

電話インタビュー

製品についてのユーザーの話を聞いたり、彼らが使う言葉を聞いたりすることは、ユーザーに関する貴重なインサイトを与えてくれますが、電話で連絡を取るのは簡単なことではありません。まず最初に、試作品について電話で話したいことを予告して、メッセージでチェックインします。その際、予め質問を用意しておくのもいいですが、実際に会話をすることで見えてくることもあるので、そこは臨機応変に対応しましょう。

正しいツールの使用

正しいツールの選択は重要です。誰だって、期待していた性能を発揮しなかったり、ましてや何の役にも立たないようなソフトウェアへの投資などしたくありあませんからね。

UXPin Mergeのようなツールは、コラボレーションと効率化を促すことで、プロトタイピングプロセスを改善することができます。UXPin Mergeをデザインと開発の間のリンクとして考えてみてください。デザイナーは、デベロッパーが製品の構築のために使うのと同じ、完全にインタラクティブな「ライブコード」コンポーネントを使ってプロトタイプを構築します。

そうすることでアイデアと実装が一致して、見たとおりのものができあがるのです。「同じ言葉で話す」ことで、プロジェクトでの連携がずっと簡単になります。

効率性の向上とプロセスの合理化を重視する場合、Mergeでプロダクション コードに基づくインタラクティブな要素でプロトタイプを作成し、製品開発プロセスをスピードアップできます。

さらに、UXPin Mergeはプロトタイプをよりインタラクティブにし、エンドプロダクトとの一貫性を持たせることで、ユーザーテストが改善され、より信頼性の高いデータが得られます。

チームおよびチームを交えての定例会議の開催

プロジェクトを軌道に乗せるのは簡単なことではありません。そのため、全員が目的をきちんと理解し、同じ目標に向かっていることを確認する機会として、チーム内やチームを交えてのミーティングをするといいでしょう。

これは、実際にプロトタイプの開発に携わる者にとって特に重要なことですが、デザイナーとデベロッパーを定期的に集めましょう。もしあなたのチームがすでにMergeのようなツールを使っているなら、デベロッパーがすでに準備したコンポーネントをデザイナーが作業することで、彼らの会話はより簡単で関連性が高くなるでしょう。

MVPの修正にフィードバックを適用する

プロトタイプがユーザーテストを通過したら、次はそのインサイトを実行に移す番です。製品に有益なフィードバックを集めることこそが、プロトタイピングの本質なのです。

フィードバックを検討し、次のステップを決定する際には、これらの修正が全体の目的にどのように合致しているかの考慮が必要です。プロジェクトのタイムラインに影響を与えていませんか？新しい機能が必要ですか？

再度プロトタイプを行った後、新しいバージョンをテストします。このとき、前回と同じユーザーを使うことを忘れないでください。このステップでは、ユーザーにとってなくてはならない製品になるまで、改良、改良、改良の繰り返しです。

まとめ

あなたのアイデアをユーザーにとって目が離せないものにしたかったら、プロトタイプは欠かせません。プロトタイプの開発段階では、ターゲットユーザーをデザインの中心に据え、データに基づく計画と準備に重点を置きます。プロトタイプ開発プロセスをスピードアップし、デザイナーとデベロッパーの連携を円滑にするツールをお探しでしたら、UXPin Mergeをぜひチェックしてみてください。