「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
•
38 likes•30,492 views
2022年7月15日 クリーク･アンド･リバー社でのUXデザイン基礎セミナー第1回 「『UXデザインとは』からはじめる『本流』のUXデザインはじめの一歩」のスライドです。 UXデザインとは何をすることか、その中心は「ユーザーに会うこと」だというお話をしています。
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
- 1. 「UXデザインとは」 からはじめる 「本流」 のUXデザインはじめの⼀歩 2022年7⽉15⽇（⾦） ⽇本ウェブデザイン株式会社 / HCD-Net認定 ⼈間中⼼設計専⾨家 ⽻⼭ 祥樹 @storywriter 1 Zoomの チャットで いっしょに 盛りあがってね Twitterの ハッシュタグは #CR社 画⾯キャプチャ 投稿OK︕ UXデザイン基礎セミナー 第1回
- 4. ⽻⼭ 祥樹 @storywriter 4 ⽇本ウェブデザイン株式会社 代表取締役CEO 使いやすいプロダクトをつくる専⾨家 HCD-Net認定 ⼈間中⼼設計専⾨家 Web業界に22年、AIシステムのプロダクトマネージャーとUXデザインを4年 主な実績など 2009年 ⽇経パソコン 企業サイトランキング2009 ⽇本の主要企業696サイト中、ユーザビリティ／アクセシビリティ分野で第3位 2011年 Webユーザビリティランキング2011 企業サイト編 ⽇本の⼤⼿企業150サイト中、第4位 主な専⾨分野 ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター
- 7. 7 でも、ユーザーのことを考えずに プロダクト（ウェブサイト、アプリなど…）を つくっている⼈なんて、いなくない︖ むしろ、みんな必死にユーザーのことを考えているよね︖ あなただって、そうでしょう︖
- 8. 8 じゃあ “みんなユーザーのことを考えている” のに どうして世界には 「使ってもらえないプロダクト」 や 「使ってもらえない機能」 「ユーザーに響かない施策」 が あふれているのだろう︖
- 20. 20 ユーザーを理解する専⾨技術を “UXデザイン” や “UXリサーチ” といいます。
- 36. インタビュー︖ なにそれ︖ Photoshop? なにそれ︖ “UXデザイン” と “UIデザイン” 36 “UI/UX” と併記されがちなUXデザインとUIデザインですが、まったく別のものです。 ユーザーインタビュー ユーザビリティテスト Photoshop Illustrator UXデザイナー UIデザイナー
- 38. ⽻⼭の “UXデザイン” の事例 38 ユーザーインタビューをしたところ・・・ • ユーザーはふだん暮らしているとき、床材のことなど考えもしない。 • 床の痛みは、そういうものだと諦めている。
- 39. ⽻⼭の “UXデザイン” の事例 39 ユーザーインタビューをしたところ・・・ • ただし10年に1度くらい、およそ2ヶ⽉間だけ購買を検討しうる期間がある。
- 40. ⽻⼭の “UXデザイン” の事例 40 ユーザーインタビューをしたところ・・・ • それは 「リフォーム or 新築購⼊」 をしてから 「⼊居」 するまでの間。 • そのあいだは 「家が新品」 「部屋が空っぽ」 になる。 • ピカピカの床を⾒て、ユーザーは「今度こそ」と思う。床材のニーズが⽣まれる。 今度こそ
- 41. ⽻⼭の “UXデザイン” の事例 41 ユーザーインタビューをしたところ・・・ • ⼊居して「床に家具をおいてしまう」と、⾯倒でもう購⼊しない。 • 「リフォーム or 新築購⼊」 をしてから 「⼊居」 するまでリミットはおよそ2ヶ⽉間。 もういいや ⾯倒くさい
- 42. ⽻⼭の “UXデザイン” の事例 42 ユーザーインタビューをしたところ・・・ • 内装資材なので、ゼネコンから紹介されるのが、ほぼ唯⼀の接点。 床材 イイっすよ
- 43. ⽻⼭の “UXデザイン” の事例 43 じつは、そのスタートアップ企業は 「ゼネコンの下請け」 に⼊るのを避けようとしていました。 ⾜を取られやすい（クレームなどが丸投げされてくる）からです。 しかし、⽻⼭の調査結果を受けて、 『ユーザーへの唯⼀の接点』 がゼネコンのため、 かかわりを避けられないと覚悟し 「建設業界とうまく折衝していく」 という事業判断をしました。
- 48. “UXデザイン” や “UXリサーチ” の位置づけ 48 典型的なウォーターフォールシステム開発のフローを浮かべたとき “UXデザイン” や “UXリサーチ” は要件定義フェーズの「前」にやるのが、もっとも効果が発揮しやす い。外部設計フェーズでやるのは “UXデザイン” ではなく “UIデザイン” です。 要件定義 外部設計 内部設計 製造 テスト リリース “UXデザイン” や “UXリサーチ” ここでやるのは “UIデザイン”
- 49. じゃあなんで “UI/UX” ってよく書いてあるの︖ 49 「UX」という概念は、もともとUIの専⾨家たちから提唱されたからです。 そのため、混ざって話されてしまうことが多かった。今もそれを引きずっています。 UXの専⾨家には “UI/UX” という表記を好まない⽅もいます。
- 52. アクセス解析ツールでユーザーを理解する・・・︖ 52 ユーザーの理解だとッツ!! 俺の 特 殊 能 ⼒ を 発動させるときが来たようだな・・・ グーグルアナリティクス
- 64. 64 ユーザーに会ってみよう
- 65. ユーザー調査をする 65 ユーザー調査の代表的な⽅法は 「ユーザーインタビュー」 と 「ユーザビリティテスト」 です。 ユーザーインタビュー ユーザビリティテスト
- 67. ユーザーインタビューの会話の全⽂サンプル 67 インプレスさんのメディア Think IT の、⽻⼭の連載 「UXデザインはじめの⼀歩 ー インタビュー技術を磨こう︕」 にて、インタビュー発話録の全⽂サンプルを無料配布 しています。 https://thinkit.co.jp/series/9588
- 80. ユーザビリティテストの⾵景 80 マイクは インタビュー対象者と モデレーターの 両⽅の⾳声を 拾えるように（重要） ⼤⼈数で⾒る場合は プロジェクタや ⼤きめのディスプレイ を⽤意する ⾳声をしっかり 聞き取れる スピーカーを ⽤意する カメラの映像とマイクの⾳声を 傍聴する部屋に送る カメラ スピーカー プロジェクタ ⼜は ⼤きめの ディスプレイ パソコン インタビュー 対象者 モデレーター 傍聴者 調査を⾏う部屋 傍聴する部屋 操作画⾯をあとからも⾒返したいときは、 同時に、画⾯の録画もしてください。 マイク パソコン カメラは、以下がしっかり映 るように︓ 1. インタビューの場合、 ユーザーの表情が映 るように。 2. ユーザビリティテストの 場合、ユーザーの操 作画⾯。 スマホのテストのときは、 ⼿元が映せるように。 調査の会場は以下のとおり設営し、あらかじめ動作確認をします。
- 81. ユーザビリティテストの⾵景 81 マイクは インタビュー対象者と モデレーターの 両⽅の⾳声を 拾えるように（重要） ⼤⼈数で⾒る場合は プロジェクタや ⼤きめのディスプレイ を⽤意する ⾳声をしっかり 聞き取れる スピーカーを ⽤意する カメラの映像とマイクの⾳声を 傍聴する部屋に送る カメラ スピーカー プロジェクタ ⼜は ⼤きめの ディスプレイ パソコン インタビュー 対象者 モデレーター 傍聴者 調査を⾏う部屋 傍聴する部屋 操作画⾯をあとからも⾒返したいときは、 同時に、画⾯の録画もしてください。 マイク パソコン カメラは、以下がしっかり映 るように︓ 1. インタビューの場合、 ユーザーの表情が映 るように。 2. ユーザビリティテストの 場合、ユーザーの操 作画⾯。 スマホのテストのときは、 ⼿元が映せるように。 調査の会場は以下のとおり設営し、あらかじめ動作確認をします。 最近は リモート会議ツールで ぜんぶできるので楽
- 82. 82 ⾃分の感覚を信じない
- 89. 今⽇は教材テーマに「資格取得」を使います 89 資格試験（英検、TOEIC、簿記、情報処理技術者試験・・・）は わりと多くの⼈が経験があるエピソードで、伝わりやすいので、 これをテーマに進めます。
- 108. 仮説はかならずあたる（確証バイアスにより） 108 確証バイアスのため、仮説はかならず中途半端にあたります。 それゆえに、むしろ他の⼼理を⾒失います。 仮説 あたった︕ 他の⼼理は︖ 仮説 あたった︕
- 118. ホーソン効果は前提を与えるほど加速する 118 Aという状況 におかれて はい Bという課題 があったら はい Cという製品 便利ですよね はい この訊きかたで「いいえ」と いう⼈はあまりいない。
- 120. 前提をおきまくる⼈はたいてい怯えている 120 ⽻⼭の経験だと、 • プロダクトをつくった本⼈ • 「⾃分の仮説は正しい」と思っている⼈ • 偉い役職にある⼈（とくにおっさん） ほど、前提をつけた質問（= 誘導しまくりの質問）をする傾向があるようです。 「⾃分がつくっているものが間違っているかもしれない」ことに 無意識に怯えている⼈ほど、説明や前提をおいてしまうようです。
- 125. プロダクトの説明でなくタスクをわたす 125 プロダクトをユーザーに使ってもらうときは、 説明をするのではなく、タスクをわたして、そのあとは黙ってじっと⾒守りましょう。 タスクとは、たとえば次のようなものです。 • 「このアプリを使って、今晩の献⽴を考えてみてください」 • 「このサービスを使って、健康診断を予約してみてください」 • 「このサービスを使って、社員のうちメンタルケアが必要そうな⼈を洗い出してくだ さい」
- 130. 130 まとめ
- 132. 次回予告 132 とはいえ 「ユーザーインタビューで何を質問すればいいの︖」 となります。 いざバッターボックスに⽴ったら、⾜は震えるし、はじめて握るバットの振りかたは わからないものです。 そこで次回のセミナー（7⽉29⽇・⾦）では ユーザーインタビューの場でじっさいにする質問 100ノック︕をお伝えします。 いますぐ参加登録（無料）してね︕
- 133. 133 ありがとうございました ⽻⼭ 祥樹 （⽇本ウェブデザイン株式会社） Twitter: @storywriter
- 134. ⽻⼭のプレゼンのアレ が、 LINEスタンプになりました︕ スタンプ名︓ハーミィ（CSS編） 作者名︓⽻⼭ 祥樹 https://store.line.me/stickershop/product/1228201/ja Web・CSSネタ 全40種類