プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー第4回

1. プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう︕ 2022年9⽉27⽇（⽕）⽇本ウェブデザイン株式会社 / HCD-Net認定⼈間中⼼設計専⾨家⽻⼭祥樹 @storywriter 1 Zoomのチャットでいっしょに盛りあがってね Twitterのハッシュタグは #CR社画⾯キャプチャ投稿OK︕ UXデザイン基礎セミナー第4回

2. Zoomの「チャット」で盛りあがろう︕ 2 チャット Q&Aに投稿したものは質疑応答で答えます Zoom のチャットへどんどん書いてね︕ （Twitter感覚で） Q&A 「全員」で送信︕

3. Zoomの「チャット」で盛りあがろう︕ 3 第1回第2回さいしょに「Zoomのチャットに投稿する練習」をしています︕ 今回はどうしようかなと思いまして・・・第3回

4. 4 そのハンカチのせいで悲しさが伝わらない !!! もうイヤこんな生活耐えられない !! !!

5. 「全員」で送信 Zoomの「チャット」で盛りあがろう︕ 5 ぬぬぬぬぬぬぬぬぬぬぬぬぬぬぬぬぬぬぬぬ練習・・・と投稿してみよう!!

6. 6 ぐばっ !!!! その男に人質の価値はね ━━━━━ !!!!

7. ⽻⼭祥樹 @storywriter 7 ⽇本ウェブデザイン株式会社代表取締役CEO 使いやすいプロダクトをつくる専⾨家 HCD-Net認定⼈間中⼼設計専⾨家 Web業界に22年、AIシステムのプロダクトマネージャーとUXデザインを5年主な実績など 2009年⽇経パソコン企業サイトランキング2009 ⽇本の主要企業696サイト中、ユーザビリティ／アクセシビリティ分野で第3位 2011年 Webユーザビリティランキング2011 企業サイト編⽇本の⼤⼿企業150サイト中、第4位主な専⾨分野ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター

8. 8 これまでのあらすじ

9. ＵＸデザインの知識か？欲しけりゃくれてやるぜ … 探してみろこの世の全てをそこに置いてきた

10. 10 “UXデザイン” や “UXリサーチ” とは⾒た⽬のデザインのことではなくユーザーインタビューやユーザビリティテストをつかってユーザーの深い⼼理を突きとめる専⾨技術

11. 11 註1: フォードはこの発⾔をしていない、という説もある。もし私が顧客に何がほしいかを聞いていたら、彼らは「もっと速い⾺がほしい」と答えただろう。ヘンリー・フォード（註1） “ ” ユーザーに話を聞いていてはユーザーが本当にほしいモノはわからないってコト︕︖ じゃあなんでユーザーの声を聞けっていうの︕︖

12. ユーザーの声を聞かないコンセプトにあうユーザーの声だけ聞くユーザーの声を聞いて本当のニーズは「A地点からB地点へ速く移動したい」のだと掘り下げて⾃動⾞をつくる「もっと速い⾺がほしい」と⾔われたらどうするか 12 「ユーザーに⾔われたままやること」と「ユーザーのニーズに応えること」は異なります。「もっと速い⾺がほしい」と⾔われたとき、最初にすべきは「なぜですか︖」とユーザーに問いかけることです。

13. 「ユーザーはほしいものを⾔語化できない」をかいくぐる 13 ユーザーは「⾺しか知らない」ので、訊いても「⾺」の話しか出てきません。本当のニーズが「⾃動⾞」にあっても、⾔語化できないのです。会話から本当のニーズを⾒つけるには、ほしいものを訊くのではなく、⾏動の⽬的を訊きます。もっと速い⾺がほしい⾃動⾞なぜですか︖ ⽬的地にもっと早く着きたい限られた時間で⾏って帰りたいここで納得しちゃダメ時間をかけると貨物が腐る相⼿に早く情報を伝えたい冷蔵庫電話なぜですか︖

14. ユーザーインタビューユーザビリティテスト発話録親和図（抽象化）結論（深いユーザーニーズ）深いユーザーニーズまでの道のり 14 深いユーザーニーズまでたどりつくためには「ユーザーインタビュー」や「ユーザビリティテスト」で豊かな発話を集め「親和図法」などの⼿法で分析します。

15. 君の使命はユーザーの深いニーズを探ることそのためにまずユーザーインタビューしろ

16. 猶予は一週間とする

17. インビュー三銃士を連れて来たよ。インタビュー三銃士？ 13 種類の会話パターン集だ三銃士じゃないじゃん

18. ユーザーインタビューでよく使う13の質問パターン 18 1 直接的に理由を掘り下げる 2 あいまいな⾔葉を明確にする 3 時系列を確認する 4 ほかの選択肢をとらなかった理由を訊く 5 ほかに考えたことを訊く 6 話を具体的にする/話の続きを促す 7 あえてあり得ない選択肢について質問する 8 それがないとどうなるのか訊く 9 ⾔語化を強制する 10 ⽭盾している箇所について訊く 11 具体的な量を訊く 12 何と⽐較しているのか訊く／何を期待していたのか訊く 13 ⾃⾝はどう思ったのかを訊く

19. ユーザーインタビューの会話の全⽂サンプル 19 今⽇の教材ダウンロード︓インプレスさんのメディア Think IT の、⽻⼭の連載「UXデザインはじめの⼀歩ーインタビュー技術を磨こう︕」にて、インタビュー発話録の全⽂サンプルを無料ダウンロード配布しています。 https://thinkit.co.jp/series/9588

20. 20 ユーザーインタビューをして、あなたの⼿元にはたくさんの「ユーザーの声」が集まりました。そこで、はたと気がつきます。ものすごい⼤量の発話データからユーザーの本質的な⼼理を拾いあげるにはどうすればよいのでしょうか。はて。

21. 「親和図法」で分析をしよう︕ 21 すべての発話データを客観的にあつかって、ユーザーのインサイトを⾒つけるには「定性分析（質的分析とも呼ぶ）」をします。もっともよく使われる分析⼿法は「親和図法」です。

22. … フン … 成程己の得意技を徹底的に磨き絶対の必殺技にまで昇華させるのが新組のＵＸデザインの強さお前が最後まで頼るのは﹁親和図法﹂を昇華した﹁ＫＡ法﹂か

23. さらにグループ化をくりかえしグループの関係を線や⽮印で描く KA法の⼿順 23 KA法の基本⼿順も、概略は親和図法と同じです。ただし細かいお作法があり、そのお作法がより確実な成果物へつながります。発話録からユーザー⼼理をふせんに書き出す似たふせんをグループにする似たグループとグループをより⼤きなグループにするお作法お作法お作法お作法

24. 24 「価値マップ」完成

25. 25 この試験なら合格できるんじゃないかと思う実⽤になるスキルを⾝につけたい⾃分のスキルを客観的に証明したい夢をかなえるため資格がほしい転職や就職を有利にしたい勉強の成果をすぐに実感したい合格に結びつく勉強⽅法が知りたい限られた勉強時間で合格したい資格試験を受ける⼈のモチベーションの価値マップ

26. KA法（本質的価値抽出法）の⼿順と実例 26 今⽇の教材ダウンロード︓FigmaでじっさいにKA法をしたデータを配布します。商⽤・⾮商⽤問わず⾃由に再配布・改変いただけます。初学者が悩みやすい「発話録のどこを、どのように、ふせんに書き出すのか」など、実物の発話録から成果物までの作業履歴もすべて追えるように残しています。 KA法（本質的価値抽出法）の⼿順と実例「資格試験を受ける⼈のモチベーションの価値マップ」 https://www.figma.com/community/file/1142124393231568930 この教材の作成にあたりFigma公式アンバサダーのキャシさん（ @UIAlchemist ）にFigmaの使いかたのアドバイスをいただきました。ありがとうございます︕

27. 価値マップからユーザーの本当のニーズの解決⽅法を導く 27 勉強の成果をすぐ実感したいのかーよし、じゃあ勉強時間重ねるごとに勲章をあげよう︕

28. …… 君のような勘のいいガキは嫌いだよこれってユーザーの本当のニーズがわかっても解決方法がダメならせんぶダメなのでは？

29. 29 いま、あなたはユーザーの本当のニーズを⼿にしました。しかし、本当のニーズがわかったとしてあなたが思いついたその解決⽅法は本当にユーザーのニーズを満たすのだろうか︖

30. 30 今⽇は “UXデザイン” や “UXリサーチ” の最後のステップとしてアイデアを「検証できるかたち = プロトタイプ」にし「ユーザビリティテスト」でアイデアの成否を検証します。

31. 今⽇は教材テーマに「資格取得」を使います 31 資格試験（英検、TOEIC、簿記、情報処理技術者試験・・・）はわりと多くの⼈が経験があるエピソードで、伝わりやすいので、これをテーマに進めます。

32. 32 今⽇はじっさいにユーザビリティテストを公開でおこないその効果を、あなたに体験していただきます。ユーザーあなたこれはどう使うのかな︖ モデレーター中継これはどう使うのかな︖

33. 33 公開ユーザビリティテストをする題材として英会話アプリ「Langaku（ランガク）」を運営する Mantra株式会社さまのご協⼒をいただきました︕ https://langaku.app/

34. 著作権表⽰ 34 • 本Figma/FigJamのデータは英会話アプリ「Langaku」のユーザビリティテストのために作成したものです。英会話アプリ「Langaku」の画⾯の著作権は Mantra株式会社に帰属します。 • 本Figma/FigJamのデータには英会話アプリ「Langaku」の画⾯キャプチャを通じて、以下の漫画が引⽤されています。これらの漫画の著作権は著作者に帰属します。 • マッシェル -MASHLE-, 甲本⼀／集英社 • SPY×FAMILY, 遠藤達哉／集英社

35. 35 ユーザビリティテストとは

36. ユーザビリティテスト 36 プロダクトがすでに存在するときに有効です。いまのプロダクトをユーザーにさわってもらいながら、「タスク」をこなしてもらうことで、ユーザーの期待とプロダクトがマッチしていない箇所を⾒つけることができます。タスク1をやってみていただけますか︖ はい・・・ええと・・・電源ボタンはどこだ︖

37. 37 UXデザインの世界にはという⾔葉があります。すべてのプロダクトは「セルフサービス商品」である “ ”

38. すべてのプロダクトは「セルフサービス商品」である 38 ユーザーがじっさいに現場でプロダクトをさわるとき操作に詳しい⼈がずっと横にいて、操作を教えてくれるなどということはありません。むしろ、誰の助けもなく、ひとりで使うのがふつうです。誰も助けてはくれない詳しい⼈はそばにいない

39. プロダクトはノーヒントで使ってもらう 39 プロダクトをユーザーに⾒せるときは、できるかぎり説明をしてはいけません。与えてよいのは、ユーザーが使うときに現実的に得られるレベルの情報のみです。（そして、ユーザーは想像以上に情報をもっていません。ユーザーはウェブサイトの説明⽂を読まず、マニュアルを読まず、アプリストアの説明⽂も読まず、あなたのプロダクトにふれるものです）

40. プロダクトの説明でなくタスクをわたす 40 プロダクトをユーザーに使ってもらうときは、説明をするのではなく、タスクをわたして、そのあとは黙ってじっと⾒守りましょう。タスクとは、たとえば次のようなものです。 • 「このアプリを使って、今晩の献⽴を考えてみてください」 • 「このサービスを使って、健康診断を予約してみてください」 • 「このサービスを使って、社員のうちメンタルケアが必要な⼈を⾒つけてください」

41. 思っていることをひたすら話してもらう（発話思考法） 41 プロダクトをユーザーに使ってもらうときは、思っていることをひたすらしゃべり続けてもらうようにしてもらいます。これを「発話思考法」と呼びます。黙って画⾯を操作されると、観察している僕らから、ユーザーが何を考えているかがわからないからです。・・・と⾔われても、ユーザーはそのような⾏為に慣れていないため、なかなかうまくできません。そこで⽻⼭は、ユーザビリティテストのオープニングのなかで「発話思考のデモ」と「発話思考の練習」をするようにしています（後述）。

42. ユーザーが操作に詰まってあなたに質問したとき 42 ユーザーが操作に詰まって、あなたに質問をしても「あなたが思うように使ってみてください」としか答えてはいけません。なぜなら、現実にユーザーがプロダクトを使うとき、あなたはとなりにいないからです。あなたが思うように使ってみてくださいどう使うのよコレあなたが思うように使ってみてください

43. ユーザビリティテストの⾵景 43 マイクはインタビュー対象者とモデレーターの両⽅の⾳声を拾えるように（重要）⼤⼈数で⾒る場合はプロジェクタや⼤きめのディスプレイを⽤意する⾳声をしっかり聞き取れるスピーカーを⽤意するカメラの映像とマイクの⾳声を傍聴する部屋に送るカメラスピーカープロジェクタ⼜は⼤きめのディスプレイパソコンインタビュー対象者モデレーター傍聴者調査を⾏う部屋傍聴する部屋操作画⾯をあとからも⾒返したいときは、同時に、画⾯の録画もしてください。マイクパソコンカメラは、以下がしっかり映るように︓ 1. インタビューの場合、ユーザーの表情が映るように。 2. ユーザビリティテストの場合、ユーザーの操作画⾯。スマホのテストのときは、⼿元が映せるように。調査の会場は以下のとおり設営し、あらかじめ動作確認をします。

44. 本⽇のユーザビリティテストの被験者注1 45 注1: ユーザビリティテストを受けていただく⽅を「被験者」と呼んでいいかどうかは業界内で議論があります。ユーザビリティテストはあくまでプロダクトを検証するものであり、ユーザーを試すものではないためです。そのため「被験者」という表現を避け、「インフォーマント（情報提供者）」「モニター」「協⼒者」などの呼び⽅をするUXデザイナーもいます。本セミナーではわかりやすさを優先し「被験者」と表記しています。 1⼈⽬ 2⼈⽬⼤柳さん平⼭さん

45. 本⽇のユーザビリティテストの被験者 46 社会⼈何年⽬ですか 14年⽬ご⾃⾝の英会話レベルはどれくらいですかビジネス英語だと中級、⽇常会話は困らない、ビジネス英会話もできるレベル英語を勉強する理由はなんですか⼩学校から英会話をしているので、もう習慣になっている。英語をマスターしたいというより⾃然と⽣活のなかにある。話す機会が少なくなるとしゃべれなくなるので、レアジョブで機会をつくる。会社の福利厚⽣でレアジョブが半額で受けられる。中学⾃体にオーストラリアの姉妹校に2週間ほどホームステイした。ふだんどのように英語を勉強していますかレアジョブを週に1〜2回。アプリで「Words on Wonder」という英語ゲームアプリ、1⽇に2〜3時間やっちゃう。 TOEICが近づいてきたら⽂法アプリ。TOEICの公式問題集。受験が近づいたら1⽇2時間は勉強する。仕事で英語は使いますか⽇常的には使わないが、海外の関連会社とコミュニケーションしたり、英語で営業資料をつくったり、外資系の会社の⽅とコミュニケーションする。英会話の資格はお持ちですか英検2級、TOEIC 795点。マンガアプリは⾒ますかよく⾒る。スマホに何種類も⼊れている。 1⼈⽬⼤柳さん

46. 本⽇のユーザビリティテストの被験者 47 2⼈⽬社会⼈何年⽬ですか 20年⽬ご⾃⾝の英会話レベルはどれくらいですかカタコトの⽇常会話レベル英語を勉強する理由はなんですか調べ物をしているときに、海外メディアの記事にあたることが多いので、英語を読めるようになりたい。ビジネスや旅⾏でも英会話を使っていきたい。仕事として海外の会社としてのやりとりもあるが避け気味。英語学習の⽬標を明確にするためTOEIC受験する予定（11⽉を予定）。⾃分のなかの英語学習の優先度は割と低め。ふだんどのように英語を勉強していますか TOEICの点数が低く、語彙⼒が⾜りない。単語帳（⾦のフレーズ・銀のフレーズ）を1⽇50〜100個を1週間やり、翌週に復讐しながら次の50〜100をする。1⽇30分くらい。仕事で英語は使いますか今は避けているので使っていない。海外メディアの記事は Google翻訳で読む。英会話の資格はお持ちですか TOEICは過去に1回受験し500点ほど。マンガアプリは⾒ますかとくに読まない。平⼭さん

47. 英会話アプリ「Langaku（ランガク）」とは 48 英会話アプリ「Langaku」は、「週刊少年ジャンプ」作品をはじめ、誰もが知っている⼈気マンガ30作品以上を、毎⽇英語で楽しむことで、英語の多読学習を実現するアプリです。マンガに特化した機械学習（AI）技術を活⽤し、さまざまな英語レベルのユーザーが、毎⽇楽しみながら続けられるようになっています。 https://langaku.app/

48. 49 ユーザビリティテストのタスクを洗い出す

49. リサーチクエスチョンを明らかにする 50 まず「今回のユーザビリティテストをつうじて明らかにしたいこと」を決めます。これをリサーチクエスチョンと呼びます。リサーチクエスチョンはビジネス指標などから導かれることも多い（例: このページでコンバージョンするユーザーが少ないのはなぜか）ですが、前回までのセミナーでつくりあげたユーザー⼼理全体を⾒わたすことのできる価値マップがあるときは、価値マップと⽐較して、ビジネス指標にもとづくユーザー⼼理が現在のプロダクトでどのように満たされているか／満たされていないかをもとにリサーチクエスチョンを定めると、的確なユーザビリティテストができます。

51. 52 この試験なら合格できるんじゃないかと思う実⽤になるスキルを⾝につけたい⾃分のスキルを客観的に証明したい夢をかなえるため資格がほしい転職や就職を有利にしたい勉強の成果をすぐに実感したい合格に結びつく勉強⽅法が知りたい限られた勉強時間で合格したい資格試験を受ける⼈のモチベーションの価値マップ Langakuにはそもそも資格試験対策コンテンツはないケーミフィケーション要素はあるが成⻑実感につながっているのか︖ ユーザーはどんなときに成⻑実感を得るのか︖ 実⽤になるスキルが⾝についている実感があるか︖ Langakuにはそもそも資格試験対策コンテンツはない効率よく勉強できる⽅法だと思って課⾦してもらえるか︖

52. リサーチクエスチョンを明らかにする 53 価値マップと現在のプロダクトの⽐較から、今回のユーザビリティテストで明らかにしたいことを以下のように決めました。現在のフロダクトで検証する項⽬: 1. 効率よく勉強できる⽅法だと思って課⾦してもらえるか︖ 2. ゲーミフィケーション要素はあるが成⻑実感につながっているのか︖ 3. ユーザーはどんなときに成⻑実感を得るのか︖ 4. 実⽤になるスキルが⾝についている実感はあるか︖ プロトタイプをつくって検証する項⽬: 5. Langakuに英会話の資格試験対策の要素を⼊れられないか︖

53. 画⾯キャプチャを貼ったワイヤーフローをつくる 54 ユーザビリティテストでの気づきを書き込んだり、今からのユーザビリティテストの準備をしやすくするため、画⾯キャプチャを貼ったワイヤーフローをつくります。今回の検証に必要そうな全範囲の画⾯キャプチャを集めて流れにします。

54. 今回のワイヤーフロー 55 今回のLangakuのユーザビリティテストでは、以下のようにFigmaでワイヤーフローをつくりました。本セミナーでは以降、このデータにリアルタイムで書き込んでいきます。 https://bit.ly/3Uxp0Pz

55. ウォークスルー評価をする 56 リサーチクエスチョンを念頭に、UXデザインの専⾨家（あなたや同僚）がひととおりアプリを使ってみて、問題になりそうなところの⽬星をつけます。効率よく勉強できる⽅法だと思って課⾦してもらえるか︖ ゲーミフィケーション要素は成⻑実感につながっているのか︖ ユーザーはどんなときに成⻑実感を得るのか︖ 実⽤になるスキルが⾝についている実感はあるか︖ 備考: プロトタイピングについては後述します。

56. ユーザビリティテストのタスクを洗い出す（1/2） 57 前述の課題ポイントをもとに、ユーザビリティテストのなかで被験者になにをしてもらえばリサーチクエスチョンの答えが得られるか考えます。 1. 効率よく勉強できる⽅法だと思って課⾦してもらえるか︖ いったん無料枠を使い切るところまで使ってもらい、課⾦を促す画⾯を⾒たときに継続意向とその理由を訊く 2. ケーミフィケーション要素はあるが成⻑実感につながっているのか︖ 4. 実⽤になるスキルが⾝についている実感はあるか︖ レベルアップしたとき、どんな感触を得たか訊く／読んだワード数についてどう感じるか訊くこの2つはおおむね同じ画⾯に課題が集中していた。トッフページのレベル表⽰／読書ログ／連続ログインの画⾯を⾒てもらい、どう感じるか訊く

57. ユーザビリティテストのタスクを洗い出す（2/2） 58 前述の課題ポイントをもとに、ユーザビリティテストのなかで被験者になにをしてもらえばリサーチクエスチョンの答えが得られるか考えます。 3. ユーザーはどんなときに成⻑実感を得るのか︖ （アプリからいったん離れて）そもそも過去の体験として英会話の学習で「⾃分は成⻑した」と感じたときはどんなときだったのか訊くリサーチクエスチョン【2】【4】の回答をもとに（アプリからいったん離れて）そもそもそのユーザーが過去の体験として英会話の学習で「⾃分は成⻑した」と感じたときはどんなときだったのかをユーザーインタビューしないとわからない

58. タスクシートをつくる 59 前述の⽅針をもとに、被験者にとって⾃然なストーリーになるようにタスクを設計します。タスクはシートにして、被験者がつねに参照できるようにしておくとよいです。ユーザビリティテストの途中で迷ったり⼤きく脱線したとき、タスクを忘れてしまう被験者がいるためです。タスクは1つあたり思いのほか時間がかかります。1時間で5個〜6個が⽬安です。（なお今回のセミナーでは時間が限られるため、1⼈20分前後を想定）

59. 今回のタスク（1/5） 60 前述の⽅針をもとに、今回のユーザビリティテストのタスクは次のようにしました。 Langaku というアプリをインストールしてください。いったん無料枠を使い切るところまで使ってみてください。使い切って、課⾦を求められる画⾯が出たら、そこで⼿を⽌めてください。タスク1:

60. 今回のタスク（2/5） 61 前述の⽅針をもとに、今回のユーザビリティテストのタスクは次のようにしました。いま課⾦をうながす画⾯が出ていますが、どのように感じていますか。タスク2:

61. 今回のタスク（3/5） 62 前述の⽅針をもとに、今回のユーザビリティテストのタスクは次のようにしました。ホームにもどってみてください。レベルアップと読んだワード数が表⽰されていますが、どのように感じますか。また、先ほど「連続記録: 1⽇」という表⽰が出ていたのを覚えていますか。覚えていたら、それを⾒たときに感じたことを教えてください。タスク3:

62. 今回のタスク（4/5） 63 前述の⽅針をもとに、今回のユーザビリティテストのタスクは次のようにしました。ホームの「読書ログを⾒る」ボタンをタップしてください。表⽰された画⾯を⾒たり触って、どのように感じたか教えてください。タスク4:

63. 今回のタスク（5/5） 64 前述の⽅針をもとに、今回のユーザビリティテストのタスクは次のようにしました。（アプリからいったん離れて）ご⾃⾝の体験として、英会話の学習で「⾃分は成⻑した」と感じた経験があればそれを教えてください。タスク5:

64. タスクづくりのTIPS 65 今回はしていませんが、タスクシートに「タスクが終わったと思ったら、『タスクが終わりました』と⾔ってください」と⼀⽂を⼊れておくテクニックがあります。タスクが完了したとき、被験者によっては黙って動かなくなってしまい、あなたから⾒て、タスクが終わったと思っているのか、まだなにか悩んでいるのか、区別がつかないためです。・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・タスクが終わったと思ったら、「タスクが終わりました」と⾔ってください。タスク1:

65. タスクがひとつ終わるごとにふりかえりインタビューをする 66 タスクがひとつ終わったら、そのタスクのなかで被験者がとった⾏動について、意図を深掘りしたり確認したいところについて、ふりかえりインタビューをします。回顧的インタビューと呼びます。この画⾯でずっと下のほうを操作していました。画⾯上部にバナーが出ていたことに気がついていましたか︖ えっ︕︖ まったく気がついていませんでした︕

66. ユーザビリティテストのタスクで誘導しない 67 認知バイアスは、油断するとユーザビリティテストのタスクにも影響します。無意識のうちに、ユーザーに「あなたが期待する答え」を⾔わせるようなタスクをつくってしまいます。（あなたに都合のよい答え）

67. バイアスは前提を与えるほど加速する 68 Aという状況におかれてはい Bという課題があったらはい Cという製品便利ですよねはいこの訊きかたで「いいえ」という⼈はあまりいない。

68. そのタスクはあなたのバイアスかもしれない 69 えっ︕︖ Aという状況先⽉に何回ありました︖

69. 前提をおきまくる⼈はたいてい怯えている 71 ⽻⼭の経験だと、 • プロダクトをつくった本⼈ • 「⾃分の仮説は正しい」と思っている⼈ • 偉い役職にある⼈（とくにおっさん）ほど、前提をつけた質問（= 誘導しまくりの質問）をする傾向があるようです。「⾃分がつくっているものが間違っているかもしれない」ことに無意識に怯えている⼈ほど、説明や前提をおいてしまうようです。

70. ユーザーにひたすら説明をする⼈をやめさせる 72 ユーザビリティテストでプロダクトをユーザーに⾒せるときそのプロダクトや機能がなんであるかをひたすら説明してしまう⼈がいます。これも前提をおいているのと同じです。このプロダクトは・・・というものでこの機能は・・・のために使います

71. 73 プロトタイプ（プロトタイピング）とは

72. プロトタイプ（プロトタイピング）とは 74 リサーチクエスチョンのうち「Langakuに英会話の資格試験対策の要素を⼊れられないか︖」は、現在、そのような機能はありません。かといって機能を実装してユーザーの反応を⾒たのでは、うまくいかなかったときに無駄な投資になってしまいます。そこで、紙芝居やハリボテのサンプル（プロトタイプ）をつくり、被験者にそれを使ってもらって、実効性を検証することをプロトタイピングと呼びます。

73. プロトタイプの粒度で得られるフィードバックが変わる 75 プロトタイプは「どのくらい具体的につくり込むか」で、被験者から得られるフィードバックが変わります。無意識のうちに「どこまで前提を崩してよいか」を測ってしまうため。紙とペンの⼿描きパワポのワイヤーフレーム Figmaで実画⾯そっくりそもそもまだなにをするか検討レベルなんだろうなこの機能をつくることは決まってるんだなこの画⾯が前提なんだなそもそもこんな機能使いませんあなたのランキング 1位もっとランキングリストが⾒たいですあなたのランキング 1位このアイコンがわかりづらいです無意識: 無意識: 無意識:

74. そこのお前！プロトタイプは得たいフィードバックが得られるようにつくるんだぜ

75. ハリボテのプロトタイプでどうやって検証するのか 77 紙とペンの⼿描きプロトタイプのように、ハリボテ感が強いものを被験者に⾒せるときは、モデレーターが「紙芝居」をして⾔葉で補⾜します。「オズの魔法使い法」と呼びます。アプリを⽴ち上げるとこの画⾯が出てきました。どうしますか? ここをタップしますタップしたらこの画⾯になりました。どうしますか︖ うーん・・・

76. 今回にプロトタイピングする内容 78 「Langaku」には、現時点では「毎⽇楽しく英語を読む」ことに特化されているため、英会話の資格試験の学習にむけた機能はありません。そこで、価値マップを⾒ながら、次のような機能をプロトタイプとしてつくりました。プロトタイプ1 リスニング⼒アッププロトタイプ2 語彙⼒アップマンガの名シーンを読んだら、続けて、アニメの該当シーンを英語で観ることができるそのマンガを読んだら、どれくらいTOEICの語彙⼒が上がるのかわかる

78. 80 この試験なら合格できるんじゃないかと思う実⽤になるスキルを⾝につけたい⾃分のスキルを客観的に証明したい夢をかなえるため資格がほしい転職や就職を有利にしたい勉強の成果をすぐに実感したい合格に結びつく勉強⽅法が知りたい限られた勉強時間で合格したい資格試験を受ける⼈のモチベーションの価値マップマンガのなかで TOEICの頻出単語が強調される頻出単語の含有数がわかる⾃分がカバーした頻出単語がわかる海外で放映された⽇本アニメを⽇本語字幕/英語字幕/ 字幕なしの 3モードで観れる

79. 英会話の資格試験むけの「リスニング⼒」プロトタイプ 81 リーディングだけでなく、リスニングもできるようになりたい︕ • マンガの名シーンを読んだら、続けて、海外で放映された⽇本アニメの該当シーンを、英語⾳声で観ることができる。 • 字幕は「⽇本語/英語/字幕なし」の3モードで観れる。 https://bit.ly/3SudZga

80. 英会話の資格試験むけの「語彙⼒」プロトタイプ 82 そのマンガを読んだら、どれくらいTOEICの語彙⼒が上がるのか知りたい︕ • マンガを読みはじめるときに、TOEICの頻出単語の含有量がわかる。 • 読んでいるときに、TOEICの頻出単語が強調表⽰される。 • これまで読んだマンガと合わせて、⾃分がカバーした頻出単語の数がわかる。 https://bit.ly/3SudZga

81. 英会話の資格試験むけのプロトタイプの全体像 83 https://bit.ly/3UDXsrR

82. タスクシートをつくる（調整） 84 「プロトタイプ」は「SPY × FAMILY」で作成するので、タスク1も調整する Langaku というアプリをインストールしてください。アプリで「SPY × FAMILY」というマンガを読んでみてください。いったん無料枠を使い切るところまで使ってみてください。使い切って、課⾦を求められる画⾯が出たら、そこで⼿を⽌めてください。タスク1: 追加⾏

83. プロトタイプのタスク 85 プロトタイプのタスクを⽤意します。誘導にならないよう慎重に設計します。 https://bit.ly/3SudZga にアクセスしてください。「SPY × FAMILY」の • 第1話（2） • 第5話を読んでください。途中で出てきた画⾯について、どう感じますか。また、タップしてみて、どのように感じたか教えてください。タスク6:

84. プロトタイプのタスク 86 プロトタイプのタスクを⽤意します。誘導にならないよう慎重に設計します。 https://bit.ly/3SudZga にアクセスしてください。アプリのホームにもどり、バナー「TOEIC試験」をタップしてください。ホーム画⾯が変化しました。どう感じますか。また、「SPY × FAMILY」の • 第1話（2）を読んでみて、どのように感じたか教えてください。タスク7:

85. 今回のワイヤーフロー（最終形） 87 プロトタイプも加えた最終的なワイヤーフローは以下になりました。 https://bit.ly/3Uxp0Pz

86. 88 ユーザビリティテストのプレテストをする

87. 小便はすませたか？神様にお祈りは？部屋のスミでガタガタふるえてユーザビリティテストする心の準備はＯＫ？

88. プレテスト（ユーザビリティテストの練習）をしておく 90 社内や家族で、ユーザーに似た属性の⼈にお願いして「プレテスト（ユーザビリティテストの練習）」をしておきましょう。次のようなミスに事前に気がつくことができます。 • ユーザーの注意がまったく予想外のものに奪われる。 • ログインするためにメールアドレスが必要になる。 • テストの途中でクレジットカードが必要になる。など・・・ユーザビリティテストの不備を本番前に洗い出しておくことができます。⽻⼭の経験では、アカウント登録のためのメールがキャリアの迷惑メールフィルタに引っかかり、先にいっさい進めなかったことがあります。問題になる箇所に対策や代案を⽤意しておきましょう。

89. プレテスト（ユーザビリティテストの練習）をしておく 91 今回のユーザビテリィテストをプレテストしたところ、以下の問題がありました。 • 時間が想定よりかかりすぎる（セミナー中に実施なので30分が限度） • アプリのインストールは事前にしてもらうことした。 • 「第1話（3）」以降は⾶ばし読みするよう指⽰を⼊れた。 • タスクで読むように指⽰したマンガを探すのに⼿間取ったので、探す⽅法はタスクの教⽰に含めた。（今回のテスト対象ではないので） • プロトタイプで「動画をスキップ」する選択をユーザーができるようにした。 • とり得るユーザーニーズの想定もれ。

90. タスクシートの最終形（1/2） 92 タスクシートの最終形は以下になりました。

91. タスクシートの最終形（2/2） 93 タスクシートの最終形は以下になりました。 https://bit.ly/3ScFcnH

92. 複数回のユーザビリティテストを1⽇にするときは注意 94 もし1⽇に複数回のユーザビリティテストを詰めていたときは、さらに注意が必要です。あなたのアプリやWebサイトの設定を初期化したり、ログアウトしてブラウザのキャッシュを削除したりします。とくにWebブラウザで操作履歴やクリック済みリンクが⾒えてしまうと、それがユーザーへの思わぬ誘導になってしまうことがあります。ユーザビリティテストの準備は、対⾯の会議室でのほうがたいへんです。部屋の⽚づけ、アプリやブラウザの初期化、次のユーザーに渡す謝礼や事前アンケートシートを並べ、飲み物やお菓⼦を補充し…と、30分あっても⼤わらわになります。

93. テスト中にトラブル︕ 焦らず堂々と対応する 95 ユーザビリティテストでは、⼊念な準備をしていても思わぬトラブルが起こります。「トラブルが起こってほしくないときほど、トラブルは起こる」とはよく⾔ったもので、「なんでこのタイミングでこの問題が!?」というようなことが起こるものです。前々回のセミナーで紹介したAさんとのインタビューでは、インタビュー終盤で、なんと⽻⼭のPCがフリーズしてしまいました。オンラインのインタビューなので、⽻⼭のPCがフリーズしたらAさんの画⾯は真っ暗です。PCの再起動をしていたら数分間かかってしまいます。

94. テスト中にトラブル︕ 焦らず堂々と対応する 96 ⽻⼭︓なるほど。ピンクの問題集の⾳声ですね。ありがとうございます。机に座ってやるのは勉強… Aさん︓あれ? ちょっといいですか。⽻⼭︓⾳声聞こえてますか。 Aさん︓いや、すいません。ちょっと聞こえてなかったです。⽻⼭︓かしこまりました。 (ここで⽻⼭のPCがフリーズ。急きょスマートフォンから接続して再開。空⽩時間は30秒ほど) ⽻⼭︓…すいません。パソコンがちょっと固まっちゃったので、今、急きょスマートフォンで⼊りました。すいません。ちょっとお待ちください。じゃあちょっと失礼して、このままスマートフォンで最後まで続けさせていただきます。 Aさん︓了解です。⽻⼭︓今おっしゃっていただいた…。まず最初に考えていらっしゃった勉強法というのが、平⽇や休⽇に問題を解き続けるということ、継続的にするということをされようと思っていた。それは、いつぐらいまで続いたんですか。

95. テスト中にトラブル︕ 焦らず堂々と対応する 97 ⽻⼭は急きょ、スマートフォンに切り替えて再開しました。思ってもみなかったトラブルのとき、⼤切なのは「堂々としていること」です。内⼼で動揺していても、ユーザーの前ではトラブルすらさも想定内であるかのように振る舞ってください。ユーザーにとって場のガイドはあなたです。あなたが挙動不審になったらユーザーも不安になります。⽻⼭も、ユーザーが不安にならないように状況を伝えた上で、堂々と対処して再開しました。

96. ドタキャンされることもある 98 あまり考えたくないことですが、どれほど⼊念に準備をしても、直前になってユーザーが「ドタキャン」したり、約束の時間に現れないこともあります。最悪の想定は、いつも⼼に留めておきましょう。また、対⾯のときは、会場までの道のりでユーザーが迷⼦になってしまうこともあります。⽻⼭は事前に携帯番号を渡しておき、いざというときに電話連絡できるようにしています。

97. 99 ユーザビリティテスト実査

98. この瞬間をよォとき !! “ ” 待ってたぜェ !! “ ”

99. 101 オープニング

100. オープニング（導⼊部分） 102 ユーザビリティテストのオープニングでは次のことを話します。 • あいさつ • ⾃⼰紹介 • ユーザビリティテスト主旨の説明 • 個⼈情報の取り扱い・機密保持の同意 • 所要時間

101. 103 ユーザビリティテストのオープニングでラポールをつくれるかどうかが勝負

102. ラポールとは 104 ラポールとは「何でも話して⼤丈夫という信頼関係」のことです。ユーザビリティテストでは多かれ少なかれ個⼈の⼼理に踏み⼊ります。「何でも話して⼤丈夫」と思ってもらえないかぎりはユーザーは深い⼼理や本⾳を⼝にはしません。この⼈になら何を話しても⼤丈夫そう︕

103. ラポールをつくるためのオープニングの進めかた 105 ⽻⼭︓こんにちは! どうも、はじめまして、⽻⼭と申します。 Aさん︓こんにちは。よろしくお願いします。⽻⼭︓よろしくお願いします。今⽇はお時間をいただいてありがとうございます。⼤変うれしいです! Aさん︓ありがとうございます。明るく、朗らかに挨拶をします。ユーザーと⽬が合い、発する最初のひとことからユーザビリティテストははじまっています。リモートであれば、画⾯に対象者が映った直後です。これが対⾯であれば、⾃社の受付にいらっしゃった対象者を迎えに⾏き、顔を⾒たときの最初のひとことです。

104. ラポールをつくるためのオープニングの進めかた 106 たいてい、ユーザーはユーザビリティテストに不慣れです。「これからどんなことが起こるのか」とドキドキしています。最初のひとことは、そんな「警戒⼼」を解くためのチャンスです。朗らかに挨拶をすることで、緊張した⼼に「この⼈は敵じゃない」「この⼈のガイドに従っていれば安⼼そうだ」と思ってもらうことができます。ラポールの構築の第⼀歩は、じつは会議室に⼊る前からはじまっているのです。

105. ラポールをつくるためのオープニングの進めかた 107 ⽻⼭︓いちばん最初に、ちょっとこの場の主旨だけお話させていただきますね。僕は Think IT というインターネットのメディアに「UXデザインはじめの⼀歩」という記事を書いてまして、そこで実際にユーザーインタビューをした実録、こういう会話が本当に交わされましたよ、というのを書き起こして載せたいと思っているんですね。そのためのインタビューをさせていただいてということを考えて、募集させていただきました。募集時点で主旨の案内はしているものの、対象者のあたまにはざっくりとした印象しか残っていないものです。ていねいに説明を設け、これからのユーザビリティテスト時間の⽅向づけをします。

106. ラポールをつくるためのオープニングの進めかた 108 ⽻⼭︓このインタビューをまず録画させていただいております。これをあとで書き起こして、メディアの記事の中に、実際にこんな会話をしましたと、実際のユーザーインタビューではこういう会話が本当に交わされます、というのを掲載したいと思っています。この点を、これをまずご了解いただきたいというのと。 Aさん︓はい。多くの場合では録画や録⾳をするので、その同意を得ます。もしあなたの会社に「プライバシーポリシー」があれば、提⽰します。ユーザビリティテストに傍聴者がいるときは、その旨を伝えておきます。「このテストを弊社の開発チームの者も傍聴させていただいています。ご承知ください」と伝えます。

107. 録画を開始するのを忘れない︕【超重要】 109 個⼈情報や機密保持への同意が得られたら「それでは録画を開始しますね」と⾔って、録画や録⾳をはじめます。録画や録⾳のスタートを忘れると、せっかくのユーザビリティテストを振り返ることができず、まったく無意味になってしまいます︕ 気をつけましょう。

108. 大丈夫致命傷だ

109. モデレーターである「あなた」が期待することを伝える 111 ⽻⼭︓資格取得について、ポジティブなこと、ネガティブなこと含めて、フラットに全部情報いただけるのが僕としてはいちばん⽬的に叶ってるので、本当に率直に思ったこととか感じたことっていうのをお伝えいただけるとすごく嬉しいです。 Aさん︓わかりました。多くのユーザーは「役に⽴つことをしゃべろう＝モデレーターの会社を褒めること」「モデレーターの会社をけなさないこと」と気持ちが強くあります。あなたが求めているのは忖度した意⾒ではなく、ユーザーの率直な⾔葉であるはずです。冒頭に「私にとって役に⽴つことは、フラットに話をしてもらうことだ」とはっきり伝えることで、ユーザーは「良いことも悪いことも話そう」と、あたまを切り替えることができます。

110. リモートではモデレーターのみカメラを映す 112 リモートのときは、モデレーターとサブモデレーターのみカメラを映しておき、傍聴者はカメラ・⾳声ともに切っておくようにします。たくさんの⼈の存在を感じると、ユーザーが萎縮することがあるためです。差し⽀えなければ、ユーザーにもカメラをオンにしてもらうように促しましょう。やはり表情が⾒えたほうが情報量が豊かになるためです。ただし、ユーザーに断わられた場合は無理強いせず、意思を尊重します。 SOUND ONLY SOUND ONLY モデレーターユーザーサブモデレーター

111. 「発話思考法」のお⼿本を⾒せる 113 プロダクトを被験者に使ってもらうときは、思っていることをひたすらしゃべり続けてもらうようにしてもらいます。「発話思考法」と呼びます。黙って画⾯を操作されると、観察している僕らから、被験者が何を考えているかがわからないからです。・・・と⾔われても、被験者はそのような⾏為に慣れていないため、なかなかうまくできません。そこで⽻⼭はオープニング内で「発話思考のデモ」と「発話思考の練習」をするようにしています。

112. 「発話思考法」のお⼿本を⾒せる 114 以下は、ユーザビリティテストのときに、じっさいに⽻⼭が被験者にオープニング内でお⾒せしているスライドです。

113. 「発話思考法」のお⼿本を⾒せる 115 思ったことを、ひとりごとのように⼝に出してください。とくに「何をしようとしているか」「何が起こると思うか」を⼝に出してください。と⾔われても困りますよね。では、まず僕がお⼿本にカンタンにやってみますね。お題は今⽇の⽇経終値を調べてみます。ユーザーモデレーター

114. 「発話思考法」のお⼿本を⾒せる 116 それではテストをはじめます。今⽇の⽇経終値を調べます。 Yahoo! のトップに⾏けばあるかな〜。あれ、株価って項⽬が⾒つからないぞ…。あ、「経済」ってタブがある。押したら株価が出てきた︕ はい、今⽇の⽇経終値がわかりました。ユーザーモデレーターナルホド。そうやるんですね。

115. 短い「発話思考の練習」をしてもらう 117 デモに続けて、被験者に「発話思考の練習」として、短くカンタンなタスクを「発話思考でやってみてください」とお願いします。⽻⼭はいつも「福岡の明⽇の朝10時の天気を調べてください」というタスクでやります。東京だとスマホの位置情報がオンになっているとGoogleで「天気」と検索しただけで答えが出てしまうので、あえて地⽅の天気にしています。福岡の明⽇の昼の天気を調べてください。発話思考で。はい、わかりました。えーと…

116. 118 ただし、本⽇はセミナー時間が限られるため本⽇の被験者2名とは、あらかじめ、ここまでのオープニングを済ませてあります。（説明済み）

117. 119 ユーザビリティテスト本編

118. 発⾒点はどんどんワイヤーフローに書き込もう 120 ユーザビリティテストでタスクを被験者にしてもらい、気がついたことや気になったことは、リアルタイムで、どんどんワイヤーフローにふせんとして貼っていきます。 https://bit.ly/3Uxp0Pz

119. モデレーターは2名体制でやるとより安⼼ 121 ユーザビリティテストのモデレーターは、不慣れなうちはメインモデレーター（タスクの指⽰やインタビュー）と、サブモデレーター（記録やメインモデレーターの取り落とした質問をフォローする）の2名体制でできると安⼼です。今⽇は cake often のマリコさんにアシスタントをお願いしています。 https://twitter.com/marimamiac マリコさん（サブモデレーター）

120. 仮説は会議室に⼊るときに捨て、出るときに拾う 122 前回までのセミナーを説明のとおり、⼈間の意識は「⾃分の仮説に合った情報」に強く意識を奪われます（確証バイアス）。確証バイアスを避けるためには、「仮説はインタビュールームに⼊るときに捨て、出るときに拾う」という姿勢が⼤切です。仮説またあとでね

121. 本⽇のユーザビリティテストの被験者 123 社会⼈何年⽬ですか 14年⽬ご⾃⾝の英会話レベルはどれくらいですかビジネス英語だと中級、⽇常会話は困らない、ビジネス英会話もできるレベル英語を勉強する理由はなんですか⼩学校から英会話をしているので、もう習慣になっている。英語をマスターしたいというより⾃然と⽣活のなかにある。話す機会が少なくなるとしゃべれなくなるので、レアジョブで機会をつくる。会社の福利厚⽣でレアジョブが半額で受けられる。中学⾃体にオーストラリアの姉妹校に2週間ほどホームステイした。ふだんどのように英語を勉強していますかレアジョブを週に1〜2回。アプリで「Words on Wonder」という英語ゲームアプリ、1⽇に2〜3時間やっちゃう。 TOEICが近づいてきたら⽂法アプリ。TOEICの公式問題集。受験が近づいたら1⽇2時間は勉強する。仕事で英語は使いますか⽇常的には使わないが、海外の関連会社とコミュニケーションしたり、英語で営業資料をつくったり、外資系の会社の⽅とコミュニケーションする。英会話の資格はお持ちですか英検2級、TOEIC 795点。マンガアプリは⾒ますかよく⾒る。スマホに何種類も⼊れている。 1⼈⽬⼤柳さん

122. 実査: 1⼈⽬ 124

123. 本⽇のユーザビリティテストの被験者 125 2⼈⽬社会⼈何年⽬ですか 20年⽬ご⾃⾝の英会話レベルはどれくらいですかカタコトの⽇常会話レベル英語を勉強する理由はなんですか調べ物をしているときに、海外メディアの記事にあたることが多いので、英語を読めるようになりたい。ビジネスや旅⾏でも英会話を使っていきたい。仕事として海外の会社としてのやりとりもあるが避け気味。英語学習の⽬標を明確にするためTOEIC受験する予定（11⽉を予定）。⾃分のなかの英語学習の優先度は割と低め。ふだんどのように英語を勉強していますか TOEICの点数が低く、語彙⼒が⾜りない。単語帳（⾦のフレーズ・銀のフレーズ）を1⽇50〜100個を1週間やり、翌週に復讐しながら次の50〜100をする。1⽇30分くらい。仕事で英語は使いますか今は避けているので使っていない。海外メディアの記事は Google翻訳で読む。英会話の資格はお持ちですか TOEICは過去に1回受験し500点ほど。マンガアプリは⾒ますかとくに読まない。平⼭さん

124. 実査: 2⼈⽬ 126

125. 127 クロージング

126. 傍聴者の質問を受ける 128 ユーザビリティテストがひととおり終わったところで、もし傍聴者がいるならば質問を受けます。「ここまでで、傍聴している者からも質問がないか確認します」とユーザーに伝えます。ユーザーから⾒えるところに傍聴者がいるときは、直接に質問をしてもらってもかまいません。リモートであれば会議に直接に参加しているメンバーです。対⾯であれば会議室に同席しているメンバーです。傍聴者からの質問もひととおり終わったら、「以上で終わります」と終了を伝えます。

127. 傍聴者の質問を受ける 129 傍聴者に直接に質問をさせず、あえてモデレーターを仲介するようにすることもあります。傍聴者が何⼈もいたり、あるいはユーザーとなんらかの利害関係があるなど、傍聴者の姿がユーザーから⾒えてしまうと萎縮して正しい話が聞けなくなる場合です。対⾯のユーザビリティテストでは、会議室にはユーザーとモデレーターの2⼈だけしかおらず、⾳声だけをとなりの会議室に中継しているようなときも、これにあたります。モデレーターを仲介するときは、PCやスマホのチャットツールで、質問をモデレーターに送ってもらうようにします。

128. 謝礼を渡す 130 ユーザビリティテストの謝礼を⽀払うときは「謝礼をお⽀払いいたします」と伝え、⽀払いの⼿続きをします。

129. 謝礼を渡す（リモートのとき） 131 • 振込先は⼝頭で聞かず、「謝礼のお振込先の⼝座番号シート（事前に⽤意しておく）」に記⼊してもらい、メールで送ってもらうように依頼します。 • シートを受領してから振り込みまでの期間の案内をします。あなたの会社のルールによっては締め⽀払いとなり、しばらく待たせることがあるためです。振込先は⼝頭で聞かず、書⾯でもらうのがおすすめです。⽻⼭は⼝頭でやりとりしたために名義⼈を聞き間違ってしまい、あとになって振込できずに困ったことがあります。

130. 謝礼を渡す（対⾯のとき） 132 • 会場に「謝礼」と「領収書」を⽤意しておきます。謝礼は封筒に⼊れておいたほうが印象が良いです。 • 記名と捺印を求めるので、ボールペンと朱⾁、印鑑を拭くためのテッシュも⽤意しておきましょう。 • 「領収書」にはあらかじめ領収書の宛先に⾃社名と⾦額を記⼊しておきましょう。じつは捺印は必須ではなく、商取引の慣習として⼀般的なだけです。万が⼀、ユーザーが印鑑を忘れてしまったときは、捺印は省略しても⼤丈夫です。記⼊と捺印が終わったら「控え」をユーザーに渡し、「原本」をあなたが受け取ります。

131. ユーザーを⾒送る 133 謝礼をお渡ししたら「それでは以上となります。本⽇は⻑い時間、ありがとうございました」と伝え、リモートであれば会議を終了します。対⾯であれば「それではご準備ができたら、お⾒送りいたします」と⾔って、出⼝まで案内し、丁重にお礼を伝えてお⾒送りをします。ユーザーを⾒送ったら、録画や録⾳を⽌めます。

132. 134 ふりかえりをする

133. ふりかえりをする 135 終わったら、すぐに傍聴者を集めて、ユーザビリティテストのふりかえりをします。ふりかえりは、ユーザビリティテストの興奮や気づきが残っているうちにすることが⼤切です。傍聴者ひとりひとりに話をふって、次のような観点で発⾔をもらいます。 • 印象深かったこと • 気がついたこと • 学びになったこと傍聴者から出た発⾔は、リモートであれば全員に画⾯共有しながらメモします。対⾯であれば、みんなから⾒えるようにワイヤーフローに書いていきます。誰かひとりに発⾔が集中しないよう、うまくファシリテーションして、みんなの気づきと感情を場に出しましょう。

134. https://bit.ly/3Uxp0Pz ワイヤーフローを眺めてみよう 136 どのような課題が⾒つかっただろうか︖

135. さんざん開発チームみんなで検討した内容ですしユーザーもふつうに使ってくれると思いますがわざわざユーザビリティテストをする必要があるのでしょうか？ユーザーの行動に限って常に最悪のケースを想定しろユーザーは必ずその少し斜め上を行く!! はいっ

136. ≈ ふふふふふふはっはっはっはくっくっくどーだね？サド隊員私の言った通りだろうユーザーは常にオレ達の想像の斜め上をいく

137. 今回のユーザビリティテストの発⾒点を整理する 139 ワイヤーフローを眺めたなかで、とくに問題が⼤きかったところをマークしましょう。「問題が⼤きい」とは、いくつかパターンがあります。以下は代表例です。 1. ユーザビリティエラー: 例ボタンのデザインが悪くてユーザーが気がつかない 2. 機能がユーザーニーズに不⾜: 例ユーザーがやりたいことに⾜る機能がない 3. 機能がユーザーニーズと不⼀致: 例そもそもそんな機能は望まれてない

138. プロダクトをどう改修すべきでしょうか 140 ワイヤーフローを眺めながら、チームでディスカッションしましょう。

139. よいユーザビリティテスト 141 多くのばあい、ユーザビリティテストではたくさんの「これまで気がつかなかったユーザーの視点や⼼理」に出会うことができます。はじめてから3〜5⼈⽬までは、ユーザー⼼理の世界がどんどん広がっていくように感じたら、よいユーザビリティテストができている証拠です。

140. 「だいたい予想通りだった」と⾔う⼈に要注意 143 ユーザーインタビューが終わったあとの、最初のひとことが「だいたい予想通りだった」と⾔う⼈は要注意です。たいてい後知恵バイアスの餌⾷になっています。後知恵バイアスとは「ものごとが起きたあとに、それは予測していたことだと錯覚する」認知バイアスです。俺の予想どおりだった

141. !!!

142. 「⾃分は頭が良い」と思っている⼈ほどやられる 145 ⽻⼭の経験だと、 • 「⾃分は頭が良い」と思っている⼈ • 偉い役職にある⼈（とくにおっさん）ほど、後知恵バイアスに喰われる傾向にあるようです。「⾃分は頭が良い」「⾃分が間違っているわけがない」というプライドが、インタビュー中に浮かびあがった「⾃分は間違っている」という数々の事実から⽬を背けさせ「⾃分はすべてを予⾒できていた」と思わせるようです。

143. 146 まとめ

144. ︖ 147 いかがでしたでしょうか。はじめる前は「⾃分はユーザーのことをわかっている」という気持ちがありませんでしたか。俺はユーザーをわかってる ︖ ︖ ︖

145. 一体いつからユーザーを理解できていると錯覚していた？・・・・・・・・・・・・・・・・・・・

146. 149 ⽻⼭の経験ではドメイン知識の豊富な⼈（その業務の専⾨家）でも⾃⼒で想定できるユーザー⼼理は全体の6割くらいです。え、そんな顔してたの︕︖

147. お前の為にプロダクトがあるんじゃねぇユーザーの為にプロダクトがあるんだ !! お前なぁんか勘ちがいしとりゃせんか？

148. 151 プロトタイピングとユーザビリティテストでユーザーのニーズとプロダクトとの齟齬を⾒つけて適切に解決しましょう︕

149. 152 公開ユーザビリティテストをする題材として英会話アプリ「Langaku（ランガク）」を運営する Mantra株式会社さまのご協⼒をいただきました︕ https://langaku.app/

150. 153 ありがとうございました⽻⼭祥樹（⽇本ウェブデザイン株式会社） Twitter: @storywriter

151. ⽻⼭のプレゼンのアレが、 LINEスタンプになりました︕ スタンプ名︓ハーミィ（CSS編）作者名︓⽻⼭祥樹 https://store.line.me/stickershop/product/1228201/ja Web・CSSネタ全40種類

プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー第4回

Du liest eine Vorschau.

Hier ansehen

プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー第4回

Weitere Verwandte Inhalte

Weitere von Yoshiki Hayama (20)

Aktuellste (20)