6つのステップでユーザビリティテストを実施する方法

設計テストは、人々に役立つ優れた製品を構築するのに役立ちます。

ユーザーテストは、製品テスト、デザインテスト、ユーザビリティテスト、デザイン検証など、多くの名前で知られています。これは、実際のシナリオで実際のユーザーを使用してデザインをテストする非常に重要なプロセスに関するものです。 ユーザーの懸念やユーザビリティの問題を深く理解すると、それらを修正するのが上手になります。

ユーザー中心の設計哲学の一部であるユーザーテストは、設計者の仕事の最も重要な側面の1つです。 見事なビジュアル（表面）だけではありません。 それは問題を効果的に解決することです。 テストを繰り返し、設計を何度も繰り返すことによってのみ達成できるもの。 これは、何が機能し、何が機能しないかについての貴重な洞察を得るための優れた方法です。

設計が適切に機能し、すべての仮定と仮説が検証されていることを確認したいと思います。ユーザーによるテストは、私の設計プロセスの最も重要なステップの1つになっています。

ユーザーテストは、誰かがアプリやサイトを操作しているときに肩越しに見守るようなものですが、途中で質問をしたり、探索したい方向にナッジしたりすることができます。 それほど高価でも難しいことでもありません。 残念ながら、十分な設計/製品チームがそれを行っていません。

ユーザビリティテストの理由と、テストを正常に実行するための6つの基本的かつ重要なステップについて説明します。

なぜテストするのですか？

UXコミュニティには、「あなたはユーザーではありません」という古い格言があります。

私は最初のユーザーテストの経験を決して忘れません。 2か月間、私はWebアプリケーションのプロトタイプを微調整するために一生懸命働きました。 私はそれを完璧にしたかったのですが、それがうまくいくと素朴に、恥ずかしがらずに確信していました。 私はもっ​​と間違っていたはずがない。 他の多くのデザイナーと同じように、私は自分の作品に夢中になりました。

私がテストした最初の人は、2番目のステップの後で混乱しました。そして、一気に私の幻想は破壊されました。 私は荒廃しました。

その日、私は5回のテストセッションを行いました。 結局、自分が思っていたほどのデザイナーではなかったのではないかという事実を受け入れざるを得ませんでした。

翌日、洗練されたプロトタイプを、前日のユーザーテストから得た洞察に基づいて、新しく改善された設計コンセプトを表すクイックインタラクティブワイヤーフレームに置き換えました。 結果は印象的でした。初心者のユーザーでも、かなり複雑なアプリケーションを使用できました。

その最初のテスト経験は、デザイナーとしての私に大きな影響を与えました。今では、すべてのデザインをテストしています。 それは常に価値があり、私はいつも間違ったことに驚いています。

完成品よりもクイックプロトタイプでミスをする方が明らかに良いです。 悲しいことに、多くの企業は、テストされていない仮説やアプリケーションに莫大な金額を投資しています。

間違った設計上の決定は、完成品で非常に明白になります。不必要な間違いは、莫大なコストで修正する必要があります。 テストされていないアプリケーションを展開するための最終的なコストは莫大です。

ユーザーテストの6つの基本要素

適切なユーザーテストプロセスを実行するには、次の手順を実行する必要があります。

• プロトタイプを作成する
• テスト計画を考え出す
• 人を募集する（対象ユーザー）
• 適切な場所を見つける
• テストをモデレートする
• テスト結果を文書化する

プロトタイプの作成

プロトタイプは、設計コンセプトをテストするために構築された製品の初期モデルであり、通常は機能が制限されています。 複製または学習するもの。 プロトタイプを作成する方法は複数あり、オフラインソフトウェアやオンラインアプリなど、多くのツールがあります。

さまざまな状況に応じて、さまざまな忠実度とアプローチが適切です。

非常に基本的な方法があります。紙にスケッチを描き、写真を撮り、AdobeExperienceDesignなどのツールを使用してそれらを結合します。 これは、デスクトップアプリとモバイルアプリの両方で実行できます。

または、インタラクティブなワイヤーフレームを作成することもできます。InVisionなどのオンラインプロトタイピングツールでワイヤーフレームをつなぎ合わせます。

私は複数のバリエーションを作成し、同じプロジェクトに対していくつかの完全に異なるプロトタイプを作成します。 それらを組み合わせた後、どれが最適かを決定します。 多くの場合、彼らと一緒に仕事を始めると、最初のプロトタイプを作成したときに思いもよらなかった解決策を見つけます。

私の最初のプロトタイピングツールはAxureRPでした。 非常に複雑で、習得するには約6か月かかります。 ただし、数日で基本を学び、簡単なインタラクティブなプロトタイプを作成できます。

また、InVisionやUXpinなどのソリューションも試しました。 それらはWebベースで革新的であり、はるかに安価です。 これらはAxureほど機能が豊富で柔軟性がありませんが、はるかに簡単に使用できます。 プロトタイプをクライアントやチームメンバーと簡単に共有することもできます。

最近、マーベルが私の選択したツールになりました。 これは優れたモバイルおよびWebアプリケーションであり、プロトタイプの作成と共有が非常に簡単であり、便利なSketchプラグインも備えています。

そこには多種多様なプロトタイピングツールがあります。 これが素晴らしい比較サイトです：http：//www.prototypr.io/prototyping-tools。

テスト計画をまとめる

テストの計画を立てることが重要です。 そうしないと、多くの時間を無駄にすることになります。 基本的なレベルでは、計画の概要は次のとおりです。

• テストされているもの（機能、機能、タスク）
• 測定方法（特定の領域でのテストの成功率または失敗率）

公共交通機関のルートプランナー向けにモバイルアプリをテストしているとしましょう。 私はこのアプリの3つの主要な機能を設計しました。それは、旅の計画、チケットの注文、座席の予約です。

私は、通常バスでどこにでも移動するターゲットユーザーのグループを念頭に置いています。 テストセッションでは、詳細を調べて、特定の機能がユーザーフレンドリーであるかどうか、つまり「見た目」（ユーザーにとって明らか）で使いやすいかどうかをユーザーから調べます。

テスト計画を作成し、プロトタイプを調べて、いくつかの質問を書き留めます。 例えば：

• ユーザーは自分の旅を効果的かつ迅速に計画できますか？
• 彼らは簡単にチケットを注文できますか？
• 彼らは席を予約することができますか？

15人がテストに参加することに同意したとしましょう。 セッションを開始する前に、5つの列を持つスプレッドシートを作成します。

• 列1：参加者の名前、
• 列2〜4：テストするアプリの3つの機能、
• 列5：参加者が特定の機能の使用に苦労している場合、私はそれをメモし、混乱の理由を書き留めます。

このスプレッドシートを使用して、プロトタイプの成功を評価できます。 15人が3つの機能をテストすると、45（15x3）のタスクになります。 人々が38のタスクを達成した場合、私は85％の成功率を持っています。

採用担当者、別名「ユーザー」

既存の顧客と一緒にプロジェクトに取り組んでいる場合、採用は簡単なはずです。 営業チームまたは利害関係者に連絡し、顧客との連絡を取ります。

小規模な個人プロジェクトまたは社内プロジェクトの場合は、ターゲットオーディエンスに該当するFacebookの友達に連絡してみてください。 また、連絡先への紹介を依頼することもできます。 チームの他のメンバーも同じことができます。 単に「あなたに親切」になりたくない、つまり、彼らが見るすべてのもののようになりたいと思わない公平な参加者を見つけることが重要です。 テストから実際に価値を引き出すには、良いか悪いかにかかわらず、偏りのないフィードバックが必要です。

大規模なプロジェクトで外部クライアントを使用している場合は、usertesting.com、validately.com、clicktale.com、verifyapp.comなどのサービスを使用することをお勧めします。

潜在的なユーザーを募集するときに、探しているものを説明するのが難しい場合があります。 ユーザーテストへの参加は、ほとんどの人にはなじみがありません。 私のリクエストは通常​​次のようになります。

「ねえウォルト！ あなたが本当に忙しいのは知っていますが、30分ほど時間を割いて、私が取り組んでいるプロジェクトを手伝ってくれることを願っています。 公共交通機関の旅程計画アプリです。 あなたがバスで頻繁に旅行することを知っています、そしてあなたがそれをどのように使うかを見たいです。」

少なくとも3〜5回のテスト（リモートまたは対面）を行うのが最善です。 これで、最初の反復に十分な資料が得られるはずです。 あなたがそれを集めることができるならば、あなたは参加者に彼らの参加の見返りにコーヒー/お茶と軽食、ギフトカード、または会社からの割引コードを提供することができます。

テストの間に30〜45分の休憩を入れてテストをスケジュールすることをお勧めします。 悪い角度から設計にアプローチし、次のテスターが到着する前にその場で最大の問題を修正できることに気付くかもしれません。 テストは集中的であり、次のラウンドの前に、調査結果を収集し、メモを取り、リラックスするための息抜きも必要になります。

適切なテスト場所を見つける

ボディーランゲージや緊張やため息などの微妙な信号を読んだり、苦労しているために顔を作っている人などを捕まえることができるので、直接テストすることをお勧めします。 これは、彼らが何かについて混乱していないかどうかを尋ねる機会です。

さらに、人々は対面での設定中に集中する傾向があります。 SkypeまたはHangoutを介してリモートテストを行っている場合、それらは気が散ってしまい、物事がすり抜ける可能性があります。

気を散らすことや中断する機会が最も少ない、互換性のある待ち合わせ場所を見つけることが重要です。 あなたは人々がテストに集中し続けることができる設定を見つける必要があります。

参加者をクライアントのオフィスに連れて行かないようにしたいと思います。企業環境によって、参加者が閉じ込められているように感じられ、監視されているように感じる可能性があると考えられます。 どちらも彼らの家の人々を訪問することは最適な状況ではありません。 ペット、子供、または家族がテストユーザーの気を散らす可能性があります。

私の意見では、カフェは完璧な環境です。 音楽が流れていて、いい匂いがして、コーヒーがみんなを警戒させます。 個人的なコミットメントや注意散漫から離れて、被験者はリラックスする傾向があります。また、テストプロセスで、実際のシナリオにいるかのように感じるのに役立つことがよくあります。

外でテストすることもできます！ バスの旅の計画のプロトタイプを見ながら一緒にバスに乗るなど、潜在的なユーザーを実際の状況に応じて正確な設定にしたい場合があります。

テストの実行

テストの品質は、テストを適切に実行し、効果的にコミュニケーションする能力（「テストのモデレート」と呼ばれます）に大きく影響されます。 これは、準備とテスト計画の出番でもあります。これまでに何もテストしたことがない場合は、パートナーまたは家族とのプレッシャーのないランスルーをいくつかお勧めします。

尋ねる質問の種類を練習してください。そうすれば、テストをより効果的に実行できるようになります。

タスクを完了するための無制限の時間で、暖かく居心地の良い環境ですべてをテストするのは間違いです。 ユーザーにコンテキストを提供し、実際の状況でアプリを使用していることを想像してもらいます。たとえば、運動、通勤、買い物などです。

時間を割いてあなたを助けてくれた参加者に感謝することも重要です。 これらのユーザーフィードバックセッションを行う理由は、最高のユーザーエクスペリエンスを実現するために、サイト/アプリ/プラットフォームのユーザビリティを最適化することに熱心だからです。

彼らがテストされているものではないことを彼らに伝えるようにしてください。 デザインです。

リモートテストを行う場合は、画面記録ソフトウェアを使用して記録します。 直接会う場合は、ビデオカメラまたはオーディオレコーダーを使用してください。 あなたはあなたがどれだけ逃したかに驚かれることでしょう！

セッションを記録することで、メモを取る必要がないため、よりリラックスできることがわかります。 良好な関係を確立し、参加者にとってテストを快適にすることに集中することができます。 後で記録からすべてを文書化できます。

録音は内部目的でのみ機密情報であり、録音を視聴するのはあなただけであることを被験者に必ず伝えてください。

MacOSユーザーは、QuickTimeを使用して画面をキャプチャできます。 Screenflick（$ 29）を使用しています。 画面とWebカメラを同時に記録し、記録をトリミングして、結果を非常にうまくエクスポートできます。 iOSで利用できるアプリもいくつかあります。

ユーザーのニーズ、行動、目標、および欲求不満についての真の洞察を得るために、ユーザーを導かない自由形式の質問をします。 ここではいくつかの例を示します。

• そこで少しためらいに気づきましたが、何があなたを止めましたか？
• このボタンは何をするつもりだと思いますか？
• この製品の最も魅力的な点は何ですか？
• この製品を使用する上で最も難しい部分は何ですか？
• この商品に意外なことや思いがけないことはありましたか？
• この製品を改善するために何ができるでしょうか？
• 何が欠けている可能性がありますか？ 他に何を見たいですか？
• それがどのように機能するかについて、あなたは何が好き/嫌いですか？
• この製品はどのように役立つと思いますか？
• 今日この商品を使いますか？
• なぜ誰かがこの製品を使うと思いますか？

テスト結果の文書化

先に述べたテストドキュメントのスプレッドシートから、調査結果を1ページの短いレポートにまとめてまとめます。 これは、人々に最も問題を引き起こした問題に集中するのに役立ちます。 改善が必要な領域はすぐに明らかになります。 通常、私のテスト成果物は次のもので構成されます。

• メモ付きのスプレッドシート
• オーディオ録音
• スクリーンレコーディング
• ウェブカメラからのテスト参加者の記録

テストが適切に文書化されたら、それをさらに調査して、次の反復をガイドすることができます。 利害関係者とのテスト結果を使用して、次の設計上の決定をバックアップすることもできます。

テストを受け入れて楽しんでください。 楽しいですよ！

結論として、2つのことを覚えておいてください。

1. 経験則：プロトタイプの作成に90分以上かかる場合は、やりすぎです。
2. テストの成功率が90％を超えたら、テストを停止します。 これで、アプリ/サイト/プラットフォームは非常に使いやすく、「便利」になるはずです。 MVPタイム！

この記事の冒頭で、私は最初のテストの結果が私を壊滅させたと言いました。 それは私自身の能力に対する私の信頼を揺るがしました。 その時、試行錯誤がプロセスの自然な部分であることに気づきました。 専門家が間違いを犯さないというのは真実ではありません。 専門家はそれらからすばやく学び、反復ループを短縮し、プロセスの設計を完成させます。

設計者の方へ：テストプロセスをお楽しみください。これにより、設計が改善されます。 実際のシナリオで実際のユーザーとできるだけ早くアイデアをテストしてください。 実際のユーザーが製品をどのように使用しているかを観察することで得られる洞察は貴重です。 すべての反復は重要な前進です。

クライアントへ：設計者にテストなしでプロジェクトを終了させないでください。 コードの最初の行を記述する前に、製品を評価する機会を最大限に活用してください。 1週間余分にかかり、もう少し費用がかかる場合がありますが、最終的には節約でき、それを行うことで100倍の利益を得ることができます。

•••

Toptal Designブログでさらに読む：

• eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）
• 製品設計における人間中心の設計の重要性
• 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
• モバイルインターフェースのヒューリスティック原則
• 予測的デザイン：魔法のユーザーエクスペリエンスを作成する方法