ペーパープロトタイプについて解説!
ハイテクなデジタルUXデザインの世界においてローファイプロトタイピングを迅速に行う時、未だに紙とペンが使われています。効率性に反して、UXチームはデジタル製品を非デジタルの方法で制作しているのです(付箋紙・ホワイトボード・メモ帳など) 。一方で、ペーパープロトタイプはコラボレーションを促進し、デザイナーが最小限のコストで多くのアイデアを検討できるため、初期のUXデザイン思考プロセスにおいては非常に重要な役割を果たします。 UXPinのデザインシステムを使用すると、UXチームはペーパープロトタイプから忠実度の高いプロトタイプに直接移行でき、デザインプロセスを大幅に加速することができます。気になった方は、14日間無料体験で体験してみて下さい!
ペーパープロトタイプ とは?
ペーパープロトタイピングとは、紙版デジタル製品の「画面」を使って、アイデアを練り、ユーザーフローを設計するプロセスです。ペーパープロトタイプは、インタラクションデザインというよりも、ハイレベルなユーザーエクスペリエンスについてテストします。 機能は無いため低忠実度です。そのため、デザイナーがペーパープロトタイプを外部に公開することはほとんどありません。 主な目的は、情報アーキテクチャをマッピングし、ユーザーフローを可視化することです。 デザインは初歩的なもので、通常は白黒でスケッチされます。コンテンツは限られ、「見出し」と「Call to action」のリンクのみ読みやすいテキストで表示されます。 スワイプやスクロールなどの基本的な機能をシミュレーションするために、厚紙を使ってiPhoneやAndroidのモックデバイスを作ることもあります。このようなモックデバイスによって、デザイナーは自分たちのデザインが携帯電話の中でどのように見えるかを確認することができ、特にモバイルアプリをデザインする場合に役立ちます。 ペーパープロトタイプの主な利点はスピードですが、デザイナーによってはUI Stencilsのようなツールを使って正確で美しい画面レイアウトをデザインすることもあります。( UXPinの祖業は、Web Kitと呼ばれるペーパープロトタイピング製品です。ペーパーパッドとデザインツールの組み合わせで、ペーパープロトタイプをワイヤーフレームに自動的に変換します。)
ペーパープロトタイプ のデジタル化
reMarkableやApple Pencilなどのツールを使えば、物理的な紙による体験・スピードを享受しながらリモートでペーパープロトタイピングができます。 デジタルスケッチツールを使用すると、ペーパープロトタイピングプロセスを加速することができます。デザイナーは、(画面を再描画する必要なく)より迅速に変更を加え、詳細なメモを添付し、完成したプロトタイプをUXPinなどのデザインツールに即座にアップロードして、高忠実度のプロトタイプを構築したり、ワイヤーフレームを作成したりすることができます。 また、ペーパープロトタイプをデジタルで作成することで、紙やプラスチックのゴミを減らすことができ環境にも優しいです。
ペーパープロトタイプのメリット・デメリット
スピードや柔軟性はもちろんですが、ペーパープロトタイプにはいくつかのメリットとデメリットがあります。 ここでは、無料eBookからペーパープロトタイピングの長所と短所を紹介します。
<メリット>
- 迅速な反復 – 1時間以上かけて完成させたデジタルモックアップに対して、5分で完成した紙のデザインは簡単に捨てられます。
- 低コスト – 紙は安価であり、追加のツールやキットを購入してもそれほどコストはかかりません。
- 創造性の向上 – 鉛筆と紙がもたらす自由は、実験と新しいアイデアを生みます。デザインツールはデザインプロセスにおいて重要な役割を果たしますが、デザインの初期段階においては、創造性を阻害する可能性があります。
- チームビルディング – ペーパープロトタイピングは、創造的な環境の中でチームが一丸となれる貴重な機会です。ペンと紙を使っての作業は、絆の形成や同僚との関係強化に役立ちます。
- 最小限の学習曲線 – 誰でもアイデアをスケッチできるため、ペーパープロトタイピングはマーケティング、開発、利害関係者などの他部門を巻き込むのに最適な方法です。
- ドキュメント化 – ペーパープロトタイプ は優れたドキュメントとして機能します。デザイナーは、プロジェクト全体を通して参照できるように、メモやアイデアのアウトラインを作成することができます。
<デメリット>
- ユーザーの反応がない – ユーザーからのフィードバックがないため、あなたのアイデアが上手くいくかどうかを知ることは困難です。ペーパープロトタイプを参加者にテストしたとしても、フィードバックの深みには限界があるでしょう。
- 不正確なフィードバック – UXチーム以外では、ペーパープロトタイプの解釈は難しいため正確で意味のあるフィードバックを多くは期待できないでしょう。UXPinにはあらかじめデザインシステムが用意されているので、デザイナーは忠実度の高い要素を素早くドラッグ&ドロップして、作業用のプロトタイプを素早くデザイン・編集することができます。
14日間のトライアルにサインアップして、UXPinを使用したら紙のデザインコンセプトを、最終製品のように機能する忠実度の高いプロトタイプにどれだけ迅速に変換できます。
ペーパープロトタイプ を行うべきタイミング
GoogleのJake Knappは「ペーパープロトタイピングは時間の無駄」と言いながらも、ペーパープロトタイピングが初期段階のコンセプト作りに有効であることを認めています。 基本的に紙からデジタルに移行した場合、戻る必要はありません。デザイナーによっては、新機能や製品の再設計のためにペーパープロトタイピングに戻ることがあるかもしれません。しかし、その場合でも、紙のプロトタイピングに戻ることは不要かもしれません。
とはいえ、ペーパープロトタイピングは初期段階のコンセプト作りに最適です。そのスピード、手軽さ、シンプルさは、すべてのチーム(非デザイナーを含む)が利用しやすく、デジタルキャンバスでは実現できない実験と創造性を育みます。
ペーパープロトタイプは次のような用途に最適です:
- ブレーンストーミングミーティングやセッション
- 初期の基本的な社内ユーザーテスト
ペーパープロトタイプ 作成における6つのコツ
※目的はアイデアを視覚化し、創造力を発揮させることなので、過度に美しさを追求する必要はありません。
- プリンター用紙と鉛筆/ペンを使用する。罫線やラインパッドは、アイデアを練るよりも行間を描くことに夢中になるため創造性を阻害することが多いのです。
- ウォーミングアップから始める時には、リラックスして流れに乗るために、数枚のスケッチをする必要があります。クレイジーエイトは、同じ画面の多くのバージョンを素早くデザインできる素晴らしいペーパープロトタイピングの手法です。クレイジーエイトを何度も繰り返すうちに、多くのアイデアが生まれてくるはずです。
- プロトタイプモバイルファーストまたはプログレッシブエンハンスメントでは、最小の画面から開始し、ビューポートを拡大しながらレイアウトを調整します(これはモバイルとウェブデザインに当てはまります。コンテンツを優先し、モバイルに適さないデスクトップ用の凝ったレイアウトを避けるため、スケールアップはスケールダウンよりはるかに簡単です。余談ですが、UXPinのAuto Layoutでは、デザインのサイズを自動的に変更し、フィットさせ、埋めることができます。モバイルファーストのデザインに便利な機能です。)
- 1画面(1枚の紙)につき1枚のスケッチに徹します。ペーパープロトタイピングでは、紙片を順番に配置してユーザーフローを作成する必要があります。また、これらを入れ替えたり、新しい画面を追加したりします。1枚の紙に複数の画面があると、このスピードと柔軟性が失われます。
- アイデアを思い浮かべながら反復します。目標は量であり質ではありません。
- ペーパープロトタイプのセッションを成功させるためには、計画が重要です。ペン(黒の細いマーカーが最適)、紙、はさみ、のり、付箋、インデックスカード、テープ、厚紙、その他あなたのプロジェクトに必要だと思われるものを十分に用意することです。ホワイトボードとマーカーは、ユーザーフローのアウトラインを共同で作成するのに適しています。
プロトタイプ の提案法
UX部門以外でのペーパープロトタイプのテストとプレゼンテーションは、常に厄介なものです。利害関係者やユーザビリティの参加者は、何が起こるかを「想像」しなければならないので、混乱したり、あなたが提示しようとしているものから焦点がずれたりすることがあります。 ここでは、ペーパープロトタイプのプレゼンテーションとテストに関するヒントをいくつか紹介します。
- プレゼンター以外に一人、「ヒューマン・コンピュータ」又は「製品シミュレータ」を演じる人を指名する – 「ヒューマン・コンピュータ」又は「製品シミュレータ」を演じる人は、スクロール、スワイプ、異なる画面への移動、その他の機能をシミュレートする。
- リハーサル – プレゼンターと「ヒューマン・コンピュータ」又は「シミュレーター」が同期するためにリハーサルは不可欠です。プレゼンターは、「ヒューマン・コンピュータ」又は「製品シミュレータ」がプレゼンテーションについていけるように良いテンポで作業を進めることができます。
- 標準的なユーザビリティ・テストのベストプラクティスに従う – 最低5人のユーザーでテストし、記録するといったプロセスは現在でも使われています。
以上、ペーパープロトタイプを効果的な場面で効果的に使っていきましょう!