0
0

More than 1 year has passed since last update.

Google UXデザイン:ペーパー・プロトタイプ

Last updated at Posted at 2022-11-17

はじめに

わたしがGoogle UX Design Crtificateで得られた素晴らしい体験を、特に重要だと思われるポイントを小さく分割して、わかりやすく簡潔に紹介していきます。

興味があれば、ぜひ Google UX Design Certificateを受講してみてください。

これまでの振り返り

ワイヤーフレームからプロトタイプへの移行

プロトタイプとは、実際に製品全体を構築することなく、その機能を実証する製品の初期モデルのことです。プロトタイプは、ステークホルダーや潜在的なユーザーに、あなたのアイデアの可能性を示すものです。あなたのチームが多大な時間とお金を投資する前に、ユーザーはプロトタイプと対話し、フィードバックを提供することができます。

ワイヤーフレームからプロトタイプに移行する際、最も大きな違いは

『インタラクティブ性、つまりある画面から別の画面へクリックする機能』

です。

ローファイ(低抽象度)・プロトタイプには、紙のものとデジタルのものがあります。

  • 紙の場合、インタラクティブ性は、人間がコンピュータとして動作し、リアルタイムでデザインを手動で変更することができます。
  • デジタルの場合、インタラクティブ性は、ワイヤーフレームがつながっていて、送信ボタンなどのワイヤーフレームの特定の部分をクリックすると、次のワイヤーフレームに移動することができます。

ペーパー・プロトタイプ

メリット

  • ペンと紙さえあれば、安価に作ることができます。
  • 迅速なイテレーションを可能にします。紙とペンを使うだけなので、さまざまなアイデアのペーパープロトタイプを素早く作ることができます。
  • 作成が低負担であることです。デジタルプロトタイプは作るのに時間がかかるので、それを完全に破棄する必要がある場合、苦痛になります。
  • 正直なフィードバックを促します。ペーパープロトタイプはあまり洗練されていないので、チームメイトやユーザーがより快適に批判できるようになります。
  • 共同作業で作成します。台所に料理人が多すぎるということはありえません。

デメリット

  • 紙のプロトタイプを解釈するのは難しいかもしれません。ペーパープロトタイプを試したユーザーが、実際の製品がどのようなものかを想像するのは、かなりの想像力が必要です。
  • ペーパープロトタイプは、実際に会ってテストすることしかできません。ペーパープロトタイプをテスト場所に持っていき、人がコンピュータの代わりとなって、リアルタイムに手動でデザインを変更しなければならないのです。
  • ペーパープロトタイプは、遠隔地にいるチームと一緒に作るのが難しいということです。

どんなとき役立つ?

  • ペーパープロトタイプは、ブレインストーミングの際に作成するのに適しています。複数のアイデアを素早く描き、それらのアイデアを比較することができます。
  • 初期の製品アイデアをユーザーとテストするために、ペーパープロトタイプを作るのもよいでしょう。
  • デザイナーがワイヤーフレームやプロトタイプを作るとき、さまざまな道を歩むことができることを指摘しておきます。例えば、紙のワイヤーフレームを完成させたら、そのままローファイなデジタルプロトタイプに移行するのが最適だと分かるかもしれませんし、アプリやウェブサイトがすでに確立されている場合など、紙をまったく使わず、すべてをデジタルで構築する場合もあります。すべては、あなたが取り組んでいるプロジェクトの種類と、あなたとあなたのチームにとって何がベストなのかによります。

ペーパー・プロトタイプの作成

この例では、犬の散歩アプリのペーパープロトタイプを作成します。

では、このワイヤーフレームをインタラクティブな低忠実度のプロトタイプにするにはどうすればいいのでしょうか?それは、手際よくやるしかありません。プロトタイプをインタラクティブにするために、私はハサミを手に取り、すべての画面をこのように切り取ります。切り絵の出来上がりです。

さて、スクリーンと携帯電話のアウトラインができたところで、それらをインタラクティブにするにはどうしたらよいでしょうか?

ここから紙芝居を行います。

これで完成です。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0