💬 Design Term ＃デザイナー英語 – #Slackで簡単、インハウス・ユーザビリティ・テストをする方法。

ユーザビリティ・テストとは

アプリをダウンロードした時に、「使いやすいな」「見やすいな」と思うものとそうでないものがあると思います。これはユーザー・エクスペリエンスまたインターフェースのデザインに関わっています。より良いUX、UIをデザインするために必要な調査方法の一つが、「ユーザビリティテスト」なのです。

ユーザビリティテストでは、その特定の人たちに実際にサイトを利用してもらい、使いやすさは、また問題点などを見つけだします。

👉デザイナーが自分の作ったプロダクトをチェックしようと思っても、どうしても個人的な視点から見てしまうことが多々あります。客観的に物事を捉えるには、どうしても「ユーザビリティテスト」必要になってきます。

1. 簡易型ユーザビリティ・テストとは

一言で、ユーザビリティ・テストといっても、色々な種類があります。最も気軽に行えるユーザビリティ・テストが『簡易型』と呼ばれる方法です。

外部のユーザーに依頼するユーザビリティ・テストはコスト、また時間がかかりますが、家族や友人、同僚などの中にターゲットになる条件を満たした人間がる場合は、彼らに依頼して調査を行います。

👍事前準備も簡単で、低コスト、または無料で行えるテストです。これは、簡単な手法ではありますが、他人にプロトタイプを操作してもらうことで、意外にも多くの意見、また問題点が発見できるものです。

私の会社では、社内で簡単にインハウスでユーザビリティ・テストを行うために、ユーザビリティ・テスト用のスラック・チャネルを作成しました。ユーザビリティ・テストは、正しく行うことで有効なデータを得て、そのデータをもとにプロトタイプの改善していくために行います。

💡 インハウスとは一般的にインハウス（in-house）は企業活動においては企業内・自社内、といった内製化された状態のことを指し示す。

今日は、テストの簡単な準備・実施、また社内でのコミュニケーションをご紹介したいと思いました。

2. スラックで簡易型ユーザビリティ・テスト

まずは、スラックを使用して、ユーザビリティ・テスト用のチャンネルを制作しました。そして社員全員にその旨を伝え、チャンネルにもメッセージを残しました。

Hi everyone,
皆さんこんにちは、

We have created a slack channel for in-house userbility testing, the purpose for this is that instead of coming up with a plan for how every part of a business could work, design an ongoing sequence of small, rapid prototypes to learn how the business will work.
社内ユーザビリティ・テスト用のスラック・チャネルを作成しました。
この目的は、ビジネスのすべての部分がどのように機能するかについて頭で計画を立てるのではなく、ビジネスがどのように機能するかを学ぶために、小規模で迅速なプロトタイプから、継続的なシーケンスをデザインすることです。

This is a three-step process.
これは3段階のプロセスです。

Step1. 

1. Designers will frame questions based on assumptions
デザイナーたちは仮定に基づいて質問を組み立てます。

Designers build prototypes to test with people, focusing on what we'd want to learn, like places that are the highest risk, most controversial, or most undefined.
デザイナーたちは、リスクが最も高い場所、物議を醸すもの、定義されていないものなど、私たちが学びたいことに焦点を当てて、人々とテストするためのプロトタイプを作成します。

💡まずは、ユーザーが「こういう操作をするだろう」「こう思うだろう」と仮説を立てておきましょう。実際にユーザーが仮説どおりに行動するかどうかで、デザイン側とユーザー側の認識のズレを確認できます。

Step2.
 
2. Uerbility Test with People
社内でユーザビリティ・テスト

We will make prototypes with simple materials or altered off-the-shelf products.
シンプルな素材や既製の製品を改造してプロトタイプを作ります。

The platform we want to try out
試してみたいプラットフォーム
Maze makes it easy to gather user insights by integrating into your existing design and prototyping workflow. Creating userbility tests is easy as pie. Test InVision, Marvel or Sketch prototypes, and see how your design performs with actionable metrics.

Mazeを使用すると、既存の設計およびプロトタイピングワークフローに統合することで、ユーザーの洞察を簡単に収集できます。ユーザビリティ・テストの作成は簡単です。 InVision、Marvel、またはSketchのプロトタイプをテストし、実用的な指標を使用して設計がどのように機能するかを確認します。

タスクに対する質問を二、三個用意しておきましょう。質問を作る際に重用なのは、「はい・いいえ」の単純な回答ではなくテスターが「どう感じたか」という回答が得られるような質問にしておくことで、ユーザーの心理が追求できます。

3. 簡易型に最適なプラットフォーム

Maze（メイズ）はユーザビリティ・テストを簡単にできるように開発されたプラットフォームです。ユーザビリティ・テストの作成、また実施、結果の集計までも時間をかけずに行うことができます。ユーザビリティ・テストの在り方を大きく変えてしまうと思われています。利用者はこれを使うことによって、デザイン・アップデートやテスト・プログラムを公開する前にフィードバックを収集することができます。

Maze | The continuous product discovery platform

Mazeについて

Mazeを使えばFigma、InVision、Adobe XD、Marvel、Sketchのプロジェクトをベースにした新機能をテストすることができます。お気に入りのアプリを使って何か新しいものをデザインした後、そのプロジェクトを使って新しいテストを開始できる。ご自身で制作されたプロトタイピングとMazeを連携することができます。MazeはSketchやInVision、Figmaと対応しており、プロトタイプ上で設定されている画面遷移はMazeにインポートしても引き継がれます。

そしてテスト実施の準備、実施、また結果の集計まで全てここで管理できます。Mazeのメイン画面からユーザビリティ・テストを実施したいプロトタイプをFigmaなどのUIデザインツールと連携すれば簡単にプロトタイプをインポートすることがで来ます。そして、そのプロトタイプを使用し、簡単にユーザビリティ・テストトを行うことがで来ます。管理画面でユーザビリティ・テストの内容を設定し、発行されるテスト用URLをテスターにシェアするだけです。スマホも対応しているので、テスターも手軽にテストが行えます。

Mazeでは、ユーザビリティ・テストの途中でアンケート調査が行えるようになっています。例えば、テストユーザーに、質問を投げかけることが可能なので、問題箇所を発見するとともに改善策のアイデアまで得られることができそうです。また、テスト結果はレポート画面で確認することができます。

4. ユーザビリティ・テストの必要性

社員の方々に、どのようにユーザビリティ・テストのアウトカムを利用していくのか、その旨を伝えます。テストを実行し、問題点が明らかになったとし、改善を目指す上で、このテストの結果が意見のバックアップとし役立ってくれます。実際にターゲットとなる複数のユーザーからの意見があれば、説得力が増すため、チームメンバーにも伝わりやすくなります。

Step3.

3. We will collect evidence to inform future business decisions
Design a prototype to elicit your ideal feedback and the behaviours you hope to observe and design a method to capture or gather your desired evidence, qualitative or quantitative.
私たちは将来のビジネス上の決定を知らせるために証拠を収集します
プロトタイプをデザインして、理想的なフィードバックと観察したい行動を引き出し、定性的または定量的な目的の証拠を収集または収集する方法を設計します。

We hope you will join the channel.
ぜひチャンネルにご参加ください。
Thanks for your help in advance.
よろしくお願いします。
Thanks!
ありがとう！

5. 実際に簡易型テストを実施した例

実際に簡易型のテストをする前に、先ほどご紹介したMazeに、figmaで制作しましたプロトタイプをインポートし、各所機能に合わせて、質問を投げかけました。Mazeはとても使いやすく、ユーザビリティ・テストの準備も30分ほどでできました。

準備ができたら、Slackにみんなを呼び、ユーザビリティ・テストをしたいプロジェクト名、ユーザビリティ・テストの内容、必要時間、デバイスタイプ、また注意点などについて、簡単に説明します。

1. Project name
: OneGo
プロジェクト名：OneGo

2. About the project
2.プロジェクトについて

OneGo provides for the remote delivery of live and on-demand exercise classes to users in various locations. 
OneGoは、さまざまな場所のユーザーにライブおよびオンデマンドのエクササイズクラスをリモート配信します。

3. About the prototype
プロトタイプについて
The purpose of this is for our team at Floe to see just how the users platform is used & interpreted by its intended users, & on the way perhaps uncover points of friction or gaps in understanding and collect evidence to inform decisions, but importantly we want to see our product through a fresh set of eyes.
これの目的は、OneGoのチームが、ユーザー・プラットフォームが目的のユーザーによってどのように使用および解釈されているかを確認し、途中で、理解の摩擦点やギャップを明らかにし、決定を通知するための証拠を収集することですが、重要なことです。 私たちは新鮮な目を通して私たちの製品を見たいと思っています。

We’ll give you a few tasks to complete, and sometimes ask questions.
完了するためのいくつかのタスクを提供し、場合によっては質問をします。

4. The Time required
必要時間
About 15 minutes
約15分

5. Device Type
5.デバイスタイプ
This prototype works on desktop only at the moment
このプロトタイプは、現時点ではデスクトップでのみ機能します

Thanks for your help in advance.
よろしくお願いします。

Prototype Link
（最後にプロトタイプのリンクを添付しました。）
この時点で、ユーザーはMazeのリンクを取得し、ウェブ上でユーザビリティ・テストをスタートします。

6. 質問の例

What do you think is the objective of this page?
このページの目的は何だと思いますか？

For the collaboration screen, potential questions:

What do you think is the objective of this page?
コラボレーション画面の場合、考えられる質問：このページの目的は何だと思いますか？

Describe the things you can achieve here?
ここで達成できることを説明してください。

What would you do if you needed to change some details of the draft?
ドラフトの詳細を変更する必要がある場合はどうしますか？

Who do you think has access to this draft?
このドラフトにアクセスできるのは誰だと思いますか？

7. 結果を分析する

ユーザビリティ・テストが終わったあとは、チーム全体で情報を共有しました。また、ユーザーの回答から、サイトの満足度がどのくらいであったかを分析したものも提供しました。これらの結果により、プロトタイプをどう改善していくか決定します。

I’d like to share my experience on usability testing in-house.
社内でのユーザビリティテストの経験を共有したいと思います。

I worked on developing a template and internal communications for the usability testing channel.
私は、ユーザビリティ・テスト・チャネルのテンプレートと内部コミュニケーションの開発に取り組みました。

Michele has suggested that we should also have something for people to try out when they join the channel so I’ve quickly created a usability test using a platform called maze design.
Micheleが、チャンネルに参加するときにお試しができるユーザビリティ・テストがあるべきだと提案したので、Mazeと呼ばれるプラットフォームを使用してユーザビリティ・テストをすばやく作成しました。

Maze is an online usability testing toolbar for designers to test their designs early and often.
Mazeは、デザイナーが設計を早期かつ頻繁にテストするためのオンラインユーザビリティ・テスト・ツールバーです。

There are many improvements they can meke
多くの改善の余地があります

Operation is unstable and poor image quality and took a long time to load pages.
動作が不安定で画質が悪く、ページの読み込みに時間がかかりました。

but we received some valuable and positive feedback,
私たちはいくつかの貴重で肯定的なフィードバックを受け取りました。

I’d like to introduce the workflow making more prototypes and usability test my ideas before engineerings start building the product.
エンジニアリングが製品の構築を開始する前に、より多くのプロトタイプとユーザビリティ・テストを行うワークフローを紹介したいと思います。

Gather my desired evidence, backing up my ideas, answer questions early increase confidence and also reduce risk.
希望する証拠を収集し、アイデアをバックアップし、質問に早期に回答することで、自信を高め、リスクを軽減します。

Engineerings can learn the user flow and interaction and it’s a reminder for them to time estimate for the interaction as
Prototyping is an essential part of business design.
エンジニアリングはユーザーフローとインタラクションを学ぶことができ、インタラクションの時間を見積もることを忘れることもありません。プロトタイピングはビジネスデザインの重要な部分です。

Instead of coming up with a plan for how every part of a business could work, it’s important to design an ongoing sequence of small rapid prototype to learn how the business will work
ビジネスのすべての部分がどのように機能するかについて計画を立てるのではなく、ビジネスがどのように機能するかを学ぶために、継続的な一連の小さなラピッドプロトタイプを設計することが重要です。

I’m very much looking forward to the future of maze. The user testing can be tedious and costly but this platform could change the way of user testing.
mazeの未来をとても楽しみにしています。 ユーザーテストは面倒で費用がかかる可能性がありますが、このプラットフォームはそれを変える可能性があります。

8. まとめ

ユーザビリティ・テストは、実施するのに手間がかかり、またコスト的にも余裕がない場合がありますが、Mazeを使用したらその点がかなり改善されるのではないかと思いました。また、テストユーザーが揃わない場合は有料のオプションになりますがテストユーザーを手配してくれるというサービスも提供されています。

アプリや、ウェブサイトを制作する側だけでユーザーの心理を想像するには限界があります。ユーザーの心理がわかればサイトの改善点も見えてくるはずです。ユーザー視点に立った使いやすいプロダクトを目指し、成功例に続きましょう。

私も、色々勉強中なので、皆さまの、ご意見・ご感想をお聞かせください。お読み頂きまして、ありがとうございました。

メルボルンを拠点にプロダクトデザイナーとして働いています。 主にデジタル・プロダクトの制作に携わっています。