プロトタイプ作成時の8つのミス

8 Common Prototyping Mistakes

プロトタイプの作成は、デザインのアイデアを検証するための最良の方法の一つです。プロトタイプの作成に「完璧」な方法はありませんが、デザイナーが犯しがちな間違いがあります。これらのミスは、プロトタイプの適合性に影響を与え、デザインプロセスを遅らせる可能性があります。ここでは、プロトタイプ作成における8つの一般的な間違いと、それを回避するためのヒントをご紹介します。

Mistake #1: 明確な目標を持たずにプロトタイピングを行う

プロトタイピングの最初の間違いは、何を達成しようとしているのか、明確な目標を持たずにプロトタイピングプロジェクトを始めることです。プロトタイプは新しいウェブサイトのテストに使うのか、それともチェックアウトフローなどの特定のフローのテストに使うのか。ステークホルダーは誰になるのか?タイムラインは?このゴールは、プロトタイピングのプロセス全体を導く北極星のような役割を果たし、プロジェクトが軌道修正されるのを防ぎます。さらに、優れたゴールは、成功がどのようなものか、それをどのように測定するかも定義します。SMARTなどのフレームワークを利用して、プロトタイピングプロジェクトが明確な目標を持つようにしましょう。

Mistake #2: プロトタイピングが早すぎる

多くの場合、デザイナーは目指すデザインソリューションの明確なイメージを持つ前に、プロトタイピングプロセスに突入します。プロトタイピングツールを開いて、デザインソリューションが勝手に形になると思い込んでしまうのだ。問題は、プロトタイピングツールを使うと、デザイナーはハイレベルなデザインコンセプトではなく、レイアウトや配置などのディテールに集中してしまうことです。

アイデア出しのプロセスを省略したり、急いだりすると、最初に思いついたデザインソリューションに固執してしまい、それが最良のものではない可能性があります。このような失敗をしないために、以下のことを心がけてください:

  • デザイン思考を用いて、複数のデザインソリューションをブレインストーミングしてから、プロトタイプ化するものを選ぶ。最良の結果を得るために、プロダクトマネージャーなどの社内の関係者をこのプロセスに参加させる。
  • ラピッドプロトタイピングを行う場合でも、さまざまなデザインソリューションのスケッチ、モックアップ、またはワイヤーフレームを作成する。
  • プロトタイプを作成する前に、主要なページや画面をそれぞれスケッチしたり、ワイヤーフレームを作成したりしましょう。そうすることで、プロトタイプの作成に費やす時間を減らすことができます。

 

Mistake #3: 誤ったプロトタイピングツールの使用

プロトタイピングツールを選ぶ際、まず最初に考えるべきことは、自分が求める忠実度のレベルです。しかし、多くのデザイナーは、自分が使いこなせるプロトタイピングツールや、会社が提供するプロトタイピングツールを使用してしまいます。そのため、コードベースではなく、イメージベースのアプローチになってしまい、ツールが提供する忠実度のレベルに合わせてプロトタイプを作成することになります。 

忠実度の低いプロトタイプが必要な場合は、ホワイトボードやペンと紙を使ってペーパープロトタイプを作成することができます。しかし、本物のように見えて、本物のようにインタラクティブなハイフィデリティ・プロトタイプが必要な場合は、UXPinが最適な選択です。高度なインタラクション、変数、ステートを使用して、実物のようなプロトタイプを簡単に作成することができます。

どのプロトタイピングツールを選ぶにしても、そのツールがあなたの目標に沿っていることを確認してください。忠実度の低いプロトタイプで十分なのに、忠実度の高いデジタルプロトタイプを作成したり、その逆を行ったりしてはいけません。

Mistake #4: 実際のデータではなく、プレースホルダーのテキストや画像を使う 

プロトタイプは、できるだけ最終製品に近いものでなければなりません。Lorem Ipsumのようなプレースホルダーテキストを使用すると、製品のテストバージョンであるかのような印象を与え、ユーザビリティテストのプロセスを中断させてしまいます。既存のコンテンツを利用するか、ライティング部門に依頼して、ラピッドプロトタイプ用のコピーやコンテンツを提供してもらいましょう。

UXPinには、名前、都市、画像などのデータが組み込まれており、プロトタイプを本物のように見せることができます。ストックイメージを探したり、Lorem Ipsumを使ったりするために多くの時間を費やす必要はありません。また、同様にデータをインポートすることもできます。

Mistake #5: インタラクティブ性を重視しない

優れたプロトタイプは、単純なページ遷移だけではありません。リアルなユーザー体験を提供する必要があるのです。プロトタイプを作成する際には、最終的なデザインと同じように、ユーザーが操作するとユーザーインターフェースが反応するようにしてください。

インタラクティブなプロトタイプを作成しないと、拡張可能なメニューの動作や条件付きナビゲーションの流れなど、機能性に関するフィードバックを得る機会を逃してしまいます。インタラクティブ機能は、特にモバイルアプリケーションで使用する場合、スタートアップ企業に競合他社に対する優位性をもたらします。さらに、完全にクリック可能なプロトタイプは、デザインの引き継ぎや開発プロセスを容易にします。

Mistake #6: プロセスの後半でフィードバックを求める

プロトタイプを次のレベルに引き上げるための最良の方法の一つは、プロセスを通してさまざまな人にフィードバックを求めることです。プロトタイプを他のデザイナーに見せて、フィードバックを求めましょう。また、開発者や製品デザインチームからもフィードバックをもらい、彼らの直感的な反応を測ることができます。

フィードバックを取り入れるのが遅すぎたり、費用がかかりすぎたりするまで、サイロの中で作業をするというプロトタイピングでよくある失敗を避けましょう。最良の結果を得るためには、フィードバックを次のプロトタイプのイテレーションに変更するために使用し、頻繁にフィードバックを求めるようにしましょう。

Mistake #7: プロトタイプに執着しすぎる

一日の終わりに、プロトタイプの目的の一つは、単にアイデアをテストして検証を得ることです。しかし、デザイナーの中には、プロトタイプに執着しすぎて、完璧でなければならないと考えてしまう人がいます。そのため、プロトタイプに多くの時間と労力を費やすオーバープロトタイピングになってしまうのです。もしあなたが夢中になりやすいのであれば、プロトタイピングのワークフローを、すべてのベルやホイッスルを追加するのではなく、最小限の実行可能なインタラクションをデザインすることに集中してください。

Mistake # 8: 失敗で落胆する

ユーザーテストやステークホルダーからのフィードバックの後、あなたのデザインソリューションは検証されるか無効になるかのどちらかです。これはがっかりすることですが、失敗と見なすべきではありません。プロトタイピングとは、アイデアや仮定をテストすることであり、そのすべてが検証されるわけではありません。むしろ、次のプロトタイプを改善するための学習機会として捉えてください。

プロトタイピングの失敗を避ける

プロトタイプの作り方に特定のベストプラクティスはありませんが、時間とお金を無駄にしてしまうミスがあります。これらの一般的な間違いを避けることで、有用なユーザーフィードバックを得ることができるプロトタイプを、時間と予算内で作成することができます。UXPinのプロトタイピングツールを使って、実物そっくりのプロトタイプを作成しましょう。

Still hungry for the design?

UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.

Start your free trial

These e-Books might interest you