私たちは最近、Microsoftの元UXデザイナーであるDarren Bennettに、高忠実度プロトタイピングについてあらゆることを伺いました。この記事では、彼が高忠実度プロトタイピングにどう取り組んでいるのか、具体的には、彼が日々実践している3つの原則について掘り下げていきます。
高忠実度プロトタイピングとは？
高忠実度プロトタイピングは、見た目や使い心地が現実的で、機能性とインタラクション性が高く、完成品とほとんど見分けがつかないプロトタイプを作成するプロセスです。通常は、ProtoPieのようなプロトタイピングツールを使って高忠実度プロトタイプを作成します。
高忠実度プロトタイプは、次の目的で活用できます。
インタラクションデザインのアイデアを生み出す
インタラクションデザインのアイデアを伝える
インタラクションデザインのアイデアを検証する
ユーザーテストを行う
ユーザビリティテストを行う
ステークホルダーから承認を得る
高忠実度プロトタイピングの最大の利点は、高額な開発や実装に移る前に、ミスや改善点を見つけられることです。
それでは、Darren、お願いします…
1. 覚えておいてください：あなたは本物の製品を作っているわけではありません
高忠実度プロトタイピングツール（ProtoPieのようなもの）は非常に高度なので、デザイナーはその機能の多さに思わず引き込まれてしまいがちです。プロジェクトに没頭して、実際の製品を作っているように感じてしまうのも無理はありません。
問題は、その考え方に入ってしまうと、何でも動くようにしたくなってしまうことです。柔軟で、モジュール化され、再利用可能にしたくなりますが、そんなことはまったく必要ありません。プロトタイプは最終成果物ではなく、重要なフィードバックを得て、より効果的に反復するためのものです。私は、機能と見た目が本来あるべき姿になっていることを確認しつつ、できるだけ早くプロトタイプを作るべきだと考えています。
見た目を完璧に仕上げることに時間をかけすぎないでください。十分に信じられる程度にできていればよいのです。デザインプロセスの初期段階では、多くの場合、10個ほどのプロトタイプを作成し、すべてテストし、そのうち8〜9個は次に進む前に捨てるのが仕事です。1つのコンポーネントを作るだけで何日も費やしているなら、開発のスケジュールは当初の予定よりかなり長引いてしまうでしょう。
2. UIデザインより先にインタラクションデザインに取り組む
私はいつも、デザイナーには静的なUI作成ツールではなく、プロトタイピングツールで先に設計することを勧めています。多くのデザイナーは、Sketch、Figma、Adobe XDなどを使うことに慣れています。つまり、主にUIデザインに基づくツールであり、インタラクションデザインに基づくツールではありません。ここでの問題は、設計すべき重要なインタラクションやシナリオを見落としやすいことです。
ゲーム業界を考えてみてください。彼らは、最終的なグラフィックを重ねる前に、すべてがインタラクションの観点でどう作用するのかを見極めようとして、ホワイトボックステストに多くの時間を費やします。残念ながら、デジタル製品デザインの世界では、多くの専門家がこれを逆の順序で行っています。大事なのは、製品が期待どおりに動作することを確実にすることです。高忠実度のビジュアルデザインはその後で構いません。
私はこのミスを、いくつもの異なる企業で見てきました。プロダクトデザイナーやUIデザイナーは、すぐにSketch（あるいは使っている別のツール）で高忠実度のUI作成を始めます。一方でUX担当者は、基本的なワイヤーフレームを使って基本的なアイデアをテストするためのユーザー調査に取りかかります。実際にプロトタイピングを行う段階になると、すでに作成された静的なUIの中に製品の機能を収めるのが難しくなってしまいます。
だからこそ、インタラクションデザインはとても重要なのです。インタラクションデザイナーは、UXとUIをつなぎ合わせ、視覚的なデザイン要素を加える前に、まず製品がどのように動作するかに重点を置く必要があります。
3. 感情的に入り込みすぎない
私は時々、特にキャリアの初期段階にいるデザイナーが、ユーザビリティテストの過程でテスト参加者にプロトタイプを（文字通りではなく、比喩的に！）徹底的にダメ出しされて落ち込んでいるのを目にします。彼らは初期プロトタイプの作成に非常に努力し、美しいアニメーションまで作り上げたのに、ユーザーがそれらを無視し、洗練されたモーションデザインでは悪いUXデザインを補えないことを目の当たりにするのです。
これは前のポイントに戻ります。UIデザインにあまりにも重点を置き、重要な使いやすさの要素をおろそかにすると、どれだけ見た目が良くても関係ありません。プロトタイプは良いフィードバックを得られないでしょう。
だからこそ、デザイナーは自分が作った高忠実度プロトタイプに感情移入しすぎないことが大切です。あくまでプロトタイプにすぎないことを忘れないでください。その唯一の目的は、製品そのものを成功させるために必要な洞察を集める手助けをすることです。
プロトタイピングはプロダクトデザインの道のりにおける重要なステップですが、最終目的地ではありません。ユーザーが「どれだけひどいか」を教えてくれることを前提にプロトタイプを作ってください。この“ネガティブ”なフィードバックを歓迎しましょう。結局のところ、それは素晴らしい製品を作るためのゴールに一歩近づくことなのです。
Darrenからもっと学びたいですか？
Darren、貴重な洞察をありがとうございます。ぜひあなたの原則を、ご自身のプロトタイピングにも活かしてください。Darrenが高忠実度プロトタイピングにどう取り組んでいるのか、またProtoPieを最大限に活用するための彼の主要なヒントやコツをもっと知りたい方は、以下をご覧ください。
ProtoPieを初めて使う方へ
ProtoPieで最初の高忠実度プロトタイプを作成して、Darrenの3つの重要な原則をすぐに実践しましょう。
