web-dev-qa-db-ja.com

既存の製品で紙のプロトタイピングを使用する方法

紙のプロトタイピングは、新製品の初期の段階で非常に強力なツールであり、UXを解決して迅速に反復するのに役立ちます。

ただし、既存の製品で作業していて、機能の小さな変更をテストしたり、フォームにフィールドを追加したり、機能のレイアウトを変更したりする場合は、オプションとして紙のプロトタイピングを検討する必要があります。反復をテスト/ビルドするより良い方法はありますか...

参考までに:これは、毎週、無駄のないスタートアップとユーザーテストの実験を使用するスタートアップの内部です。

6
Jay

プロトタイピングを行う正しい方法はありません。人々は、紙のプロトタイプから忠実度の高いPhotoshopモックアップに至るまで、最も快適に感じています。それはすべて、それらを実行する人とそのスキルと好みに依存します。

私の通常の方法は:

  1. 新製品であるか既存製品でのイテレーションであるかに関係なく、常に紙/ホワイトボードのスケッチから始めます。ツールについて考えない自由を与えてくれるので、問題に集中できます。
  2. 勝者のアイデアがあると思ったら、それをインタラクティブなワイヤーフレームに移動します。これは、最初のユーザーテストにも使用します。
  3. プロジェクトにとって最も意味のある方法でインターフェイスを構築し、より多くのユーザーテストを行います。
  4. 完了するまでステージ間を繰り返します。

あなたは人々の間で多くの変化を見つけるでしょう。ただいくつかの異なることを試してみて、自分にとって最も効果的なものを決めてください人xまたは人yが行う方法をコピーするのではなく、.

4
JohnGB

目標は、できるだけ迅速かつ正確にフィードバックを取得することです。

紙のプロトタイピングは迅速なフィードバックのための優れたツールですが、常に最速の方法であるとは限りません。

最速の方法を選択してください。

いくつかの例:

  • 既存のインターフェースがない場合は、紙のプロトタイピングにジャンプします。それは何かを構築するよりも速くなるでしょう。

  • 私は漠然と正気な開発セットアップでビルドWebアプリを持っています。新しいフォントの選択とヘッダーのレイアウトが使用法にどのように影響するかをテストしたいと思います。アプリの開発ブランチにCSSを追加することは、既存のアプリを紙にモックアップするよりもほぼ確実に高速になります

  • 構築済みのWebアプリを持っているので、ページ上で新しいスタイルのインタラクションを試してみたいと思います。これには、開発にかなりの時間を費やす必要がありますが、既存のアプリを紙の上でモックアップするのは少し面倒です。私は両方を少し行い、既存のアプリから数ページを印刷してから、それらの上に新しいインタラクションを紙でプロトタイプ化して、コンテキストを提供します。

3
adrianh

最初のステップは、紙にアイデアをスケッチすることです。自分が悪いアーティストだと思っても、それで止められないでください。紙のプロトタイプはアートではなく、アイデアを簡単に提示することです。

スケッチブックとペンを取り、紙にアイデアを書き込もう。より視覚的にするために、すべてのページに電話のテンプレートが付いたスケッチブックを使用するか、そのようなテンプレートをダウンロードして印刷できます。これにより、アプリがデバイス画面でどのように表示されるかを明確に把握できます。

アプリのすべての画面をスケッチして、構造を明確にすることが重要です。製品に多くの画面が含まれている場合-1つのページに表示して、接続を追加します。

ペンと紙のスケッチは、インタラクティブなプロトタイプのドラフトにすぎません。したがって、この段階では、詳細な設計ではなく、重要なアイテムとその配置にもっと注意を払う必要があります。未来のアプリやウェブサイトのUIが今生まれています。

写真の他に、プロジェクトに役立つ追加情報をスケッチできます。購入者のペルソナ-製品を使用するために支払う潜在的なクライアントについて説明してください。アプリケーション、その手順、および印象について、考えられるユーザージャーニーを説明してください。また、小説を書いているわけではないので、完璧な文章を目指しないでください。紙のプロトタイプは、あなたの考えをそのまま視覚化したものです。

なぜ紙のプロトタイプが良いのですか?

まず、いつでもどこでも作成できます。電車で旅行する、犬を散歩する、朝のショーを見る-思いがけないアイデアがあなたを襲います。メモ帳とペンがあれば、最初のプロトタイプを完全に装備できます。そうでない場合は、他の利用可能な材料を確認してください。多分あなたは最も近いKFCからいくつかのナプキンをつかむことができます。

第二に、紙のプロトタイプを作成する方法を知るために、プログラミングや設計の背景を必要としません。あなたの将来の製品の理解は十分です。

第三に、プロトタイプの費用はほとんどかかりません。アプリの最初のモデルをスケッチするために、高価なデバイスやプロトタイピングツールは必要ありません。プロトタイプを作成するために誰かに料金を支払う必要はありません。はい、それはあなたに少し時間がかかりますが、私を信じて、あなたは実際に何を開発者に説明するのにはるかに多くの時間を費やすでしょう。

少し創造性があれば、紙のプロトタイプをインタラクティブにすることができます。

最初の紙のプロトタイプが完成したら、それを他の人に見せ始めることができます。あなたのアイデアを視覚的に表現することは、あなたのチームに参加する可能性のある志を同じくする人々を見つけるのに非常に役立ちます。

0