Google UXデザイン：ユーザビリティ・スタディ時の観察から洞察へ

# はじめに

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

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

[google]: https://qiita.com/mapami/items/7a0d0a3d4661c50f8bec

https://www.coursera.org/professional-certificates/google-ux-design

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/66d514dc-1996-9cf3-5acb-014309ebb027.png" width="800">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/c5d53228-9937-0098-6bfb-f91ba620a46d.png" width="800">

<details><summary>これまでの振り返り</summary>

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/d326d1e3-3b70-ffc3-eabf-1ac6a7fcaec7.jpeg" width="500">

</details>

# 観察から洞察へ

これまで、最初の2つのステップである [「計画」][plan] と[「リサーチの実施」][research]について説明しました。今回、ユーザビリティ・スタディで収集したデータをどのように統合するかを学びます。

[plan]: https://qiita.com/masami-atwvn/items/1c4b245bc17a9a7d8109

[research]: https://qiita.com/masami-atwvn/items/aafed71e2ccc67898b0f

洞察は ***<font color="MediumVioletRed">ユーザーのニーズを新しい視点</font>*** を理解するものです。

- 異なるデータの断片が互いにどのように関連しているかを把握できるようになる。
- データが何を意味し、それを使って何をすべきかを説明できるようになる。

# 洞察に変えるステップ

1. ユーザビリティ・スタディから得たすべてのデータ　***<font color="MediumVioletRed">1つの場所</font>***　に集めます。
1. 次に、***<font color="MediumVioletRed">データを整理</font>***　します。
1. そして、***<font color="MediumVioletRed">テーマ</font>***　を見つけます。
1. 各テーマに対する　***<font color="MediumVioletRed">洞察</font>***　を考えます。

# ケーススタディ by Googleマップ

インドのデリーやインドネシアのジャカルタなど、人口が密集した大都市では、交通渋滞は本当に頭痛の種です。車だと1日に何時間も渋滞に巻き込まれる可能性があるため、現地の人々はスクーターやバイクといった二輪車にその回避策を見いだしました。スクーターやバイクは、車では通れない近道を通ることができるのです。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/90668edb-f005-3ed7-3ac2-c6c9c511831e.png" width="600">

Googleマップは、当初車用に作られたもので、Googleマップチームでは、ユーザーへのインタビューやユーザビリティ・スタディを行うために、実際の現地でより実践的な方法を行いました。

その結果、どのような知見が得られたのだろうか。

- まず、バイクを運転しながら地図を追うのは難しいので、あらかじめルートを記憶している人が多いことがわかりました。UXデザイナーは、ルート指示をより見やすく、記憶に残りやすいものにするのに役立ったのです。
- また、二輪車のドライバーにとって、走行中に目印となるものを示すことは特に重要であることにも気づきました。そこで、Googleマップの道案内にランドマークを表示する機能を追加しました。
- もうひとつ、研究チームがアプリに応用したのは、言語の選択肢を増やしたことです。インドやインドネシアでは、数多くの言語が話されています。言語の選択肢を増やすことで、ドライバーはマップの案内をより理解しやすくなります。
- 最後に、UXデザインに応用した方法は、道案内そのものをカスタマイズすることでした。以前は、二輪車のドライバーは、地形が荒れすぎていたり、速度が安全でなかったりして、通れない道を走れと言われるとイライラしていたものです。また、二輪車を運転することで、車では通れない狭い路地や道路をショートカットして走ることができます。今回、ユーザーはGoogleマップを二輪車モードに切り替えることで、Googleマップが推奨するルートを変更することができるようになりました。これにより、渋滞に巻き込まれる時間が短縮され、より正確な到着予定時刻を知ることができます。

# Step1＆2: データを１つに集め、整理する

観察を洞察に変えるための最初の2つのステップについて、掘り下げてみましょう。

例えば、あなたとあなたのチームメイトは、ユーザビリティ・スタディ中にすべてのメモを付箋紙に書き留めたとします。ここで、全員の付箋紙を一カ所に集めました。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/141ffa2b-0a46-18cd-9ec7-6928f7fdbb00.png" width="400">

次に、データを整理して、解釈や理解がしやすいようにします。データを整理するのに使える方法の1つが、***<font color="MediumVioletRed">アフィニティ（親和性）・ダイアグラム</font>***　と呼ばれるものです。

アフィニティ・ダイアグラムは、データを共通のテーマや関係を持つグループに整理する合成の方法で、ユーザビリティ・スタディ中の観察結果を収集し、データを合成するための迅速で簡単な方法です。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/3fd97a41-de07-af18-28f4-fc5679a9b760.png" width="600">

付箋紙をすべて準備したら、観察と引用をグループにまとめます。もし、どのグループにも属さない付箋があったとしても、完全に無視する前に、その意見や引用を独自のグループで独立させるべきか、さらなる検討を受けるべきかを判断する必要があります。

アフィニティ・ダイアグラムの良さは、「正しい」答えがないことです。観察に必要な数だけグループを作ることもできますし、少数のグループを作ることもできます。グループ分けを見直し、付箋を移動させたり、新しいグループを作ったりするかどうか、時間をかけて検討してください。最初は気づかなかったユニークなグループができるかもしれません。

グループ内にたくさんの付箋紙がある場合は、サブグループを作成して、データをさらに整理することをお勧めします。

:::note info
アフィニティ・ダイアグラム
- リサーチの洞察をグループ化し、製品やデザインの問題点をさらに理解し、定義できる。
- 既成概念にとらわれない思考を可能にする。
:::

# Step3: テーマを見つける

アフィニティ・ダイアグラムで複数の付箋が貼られている部分は、通常パターンを表しており、それらがテーマになります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/d5360884-95fb-76d0-735e-3bb30247d32e.png" width="300">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/0449b429-219e-778a-4e6f-129a8bb6101e.png" width="300">

これらのパターンから、製品の設計について何がわかるかを考える必要があります。まず、パターンからデータを取り出し、それを拡張することから始めます。***<font color="MediumVioletRed">パターンをユーザーの体験と結びつける</font>*** ことが、これを行うための最良の方法です。

- ***左のパターン***： 犬の散歩を繰り返し予約できることです。そこで、私たちのテーマは ***「再予約ができるようになれば、アプリでより多くの選択肢を提供できるようになる」*** になります。
- ***右のパターン***: 5人中4人がチェックアウトを完了する前に確認ページがないことに驚いていることでした。私たちのテーマは ***「犬の散歩の詳細を確認してから予約できるようになれば、ユーザは安心できる」*** になります。

# Step4: 強い洞察を作る

強いインサイトには5つの品質があります。

1. 実際のデータに基づいていること
    - 調査中に観察したことだけを根拠とする。
    - 一人ではなく、複数の研究参加者に適用されたときに最も強くなる。
1. リサーチ計画でリストアップした詳細な質問に答える必要があること
    - 洞察とリサーチクエスチョンを結びつけられるようにすると説得力がある。
1. 理解しやすいこと
    - リサーチの詳細な知識を必要としない、シンプルな言葉を使う。
1. ユーザエクスペリエンスへの共感を高めること。
    -　製品を改善しようとする熱意を高めることができる。
1. 直接的な行動を触発すること。

↓サンプル
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/cfe1f311-87c9-21f4-70d1-009b4b825890.png" width="600">