「UX体験設計」入門セミナー

Slide 1

Slide 1 text

会場〒400-0031　山梨県甲府市丸の内2-2-1　CROSS500 1F 甲府駅南口徒歩3分　甲府昭和I.C から車で15分（055-244-2837）オンラインお申込み後のメールでGoogle Meet のURLをご確認くださいご参加方法お申込み 5.12 19:00-20:30 2022 木コワーキングスペース CROSS BE　※先着20名様 UX 人間っておもしろい…！ひとを動かす認知/心理/行動の原則会場 or オンライン参加無料 UX基礎コース第弾 2 体験設計入門

Slide 2

Slide 2 text

ご案内 U 写真撮影＆SNS投稿ウェルカI U 資料は共有しま) U 引用元、参考文献は右下のUR( U アーカイブ動画は後日公式YouTubeチャンネルで公開予定  （※NGの方は本日中にお申し出ください）人間っておもしろい…！  ひとを動かす認知/心理/行動の原則 5.12 19:00-20:30 2022 木 UX基礎コース第弾 2 UX体験設計入門無料 YouTube

Slide 3

Slide 3 text

今日のゴールだいじなゴール今この瞬間よりもうちょっとだけ  「体験設計（UXデザイン）」がわかる  （細かいことは気にせず楽しむ！）欲ばりゴール（90分後の理想状態D v 身の回りの「良いUX」「悪いUX」に気づけ v 「このUXは○○だ。なぜなら…」という話ができる（分析・言語化D v 具体的な製品・サービス改善に取り組みたい気持ちになっている

Slide 4

Slide 4 text

渡部知代 2022.05.12 UX体験設計入門 11-design

Slide 5

Slide 5 text

自己紹介渡部知代　（わたなべ　ともよ） 11-design UXコンサルタント経歴：日本語教育専攻→Hawaii（言語学）  →SIer（SE）→NY（Flower Design）  →コンサルファーム（UX）→SaaS（Chat） →独立好物：枯露柿ご支援実績（業種業態抜粋）：建築、医療、教育、服飾、飲食、小売、BtoB、通信、自動車  など　 @moyoko922

Slide 6

Slide 6 text

Youは何しにUXへ？システムエンジニア（要件をもとにシステムを構築する人）情シス部門（システムの要件を決めて発注する人）ユーザー（現場でシステムを使って業務を遂行する人）業務システム ① ? ?? ② ③ 「使いやすいシステム」って何？ユーザを見ないとだめじゃん！！ UX超だいじじゃん！ Me

Slide 7

Slide 7 text

1ヶ月前の内容を駆け足で振り返って見ましょうか UXってなに？

Slide 8

Slide 8 text

ユーザー体験（製品・サービスの利用前・中・後全体）で起きる知覚・反応のこと時系列でいうと「知ってから忘れるまで」ビフォー利用アフター UXとは？製品システムサービス

Slide 9

Slide 9 text

UX設計＝提供者とユーザーの理想（価値）の「ベストな塩梅」探し https://dendesign.jp/blog/?p=552 UX設計＝提供側とユーザーの理想の両立ユーザーの理想提供側の理想最適なUX

Slide 10

Slide 10 text

UXとG " より良い製品・サービスのユーザー体験を実現するための「考え方Ç " 問題解決アプローチのひとÈ " ITやビジネス分野の専売特許ではない

Slide 11

Slide 11 text

https://youtu.be/xgKnZNP47oI 「UXって何？」セミナー

Slide 12

Slide 12 text

なかなか日常会話で使わないよね… 体験設計って  なに？

Slide 13

Slide 13 text

肩書きと守備範囲ざっくりイメージ（例：デジタルサービス）リサーチ UXリサーチャー UXストラテジストプロダクトマネージャ UXデザイナービジュアルデザイナーモーションデザイナーインタラクションデザイナー UXライターフロントエンドエンジニアバックエンドエンジニアインフラエンジニアリリースマーケターカスタマーサクセス体験設計具現化デザイン実装運用「ユーザーは何を求めているか？」問いに答えを出す人「ちゃんと動いて使えるものにするには？」提供可能な現実製品を作り込む人「実際に活用してもらうには？」世の中/ターゲットに届ける人「設計意図を体現するには？」詳細レベルの表現に翻訳する人「どのように体験を実現するか？」方針を設計図に落とし込む人「どの体験を提供すべきか？」戦略と方針を決める人 UXコンサル「どんなコミュニケーション  の実現でビジネス目的が達成  できるか？」を導き出す人

Slide 14

Slide 14 text

リサーチ解くべき課題、ユーザーニーズの探索／仮説検証体験設計提供側とユーザー側の理想が両立する最適な妥協点を探る具現化設計したUXの構想を具体的な形のあるものにしていく UXの３領域

Slide 15

Slide 15 text

https://youtu.be/RMkqjOhXXso 「UXリサーチ入門」セミナー

Slide 16

Slide 16 text

UXの中での体験設計部分をやるよ本題 UX体験設計

Slide 17

Slide 17 text

体験設計ってどうやるの？概念・方法論

Slide 18

Slide 18 text

考える順番ユーザー理解　調査（ユーザー行動観察調査・プロトタイピング）体験設計（コミュニケーションシナリオ設計）ビジネスゴール ④ ① ③ ② 今日はここの話「ユーザ中心設計（UCD）」の方法論

Slide 19

Slide 19 text

考える順番（つまり）どんな人なの？ほんとにそうなの？どうすれば  できるの？どうなりたいの？ ④ ① ③ ② 今日はここの話「ユーザ中心設計（UCD）」の方法論

Slide 20

Slide 20 text

①ビジネスゴール f 目的を明確にすE f 実現したい（計測可能な）ビジネス成果は何かV f 理想の実現したい状態＞その中でいま絶対達成したいことは？注意c f ゴールは設定するが、経路や手段は仮説に留めるポイント見失わないために紙に書いて貼っておく、いつでも立ち返る

Slide 21

Slide 21 text

②ユーザー理解 H ある一点においての肌感や価値観、目線を獲得しやすくする手段の一Q H リサーチ＝「コンタクトの上からユーザの眼鏡をかける」注意D H 自負、提供者都合、自分のバイアスをOFFにするポイント自分が持っている常識、願望、価値観、正解、を強く持ちすぎず、意識を切り離す

Slide 22

Slide 22 text

③体験設計 s デザインとは問題解決の手 s 「本当だったらこうしたい」「人間が普通にやるとこうなる」をテクノロジーや仕組みで実現すE s ビジネス制約とユーザの実態をふまえE s 人間は怠惰である前提に立b s リスペクトを忘れない注意( s 画面ありき、最短最速思考に囚われすぎないポイントなくてもいいものは徹底的に削ぎ落とす例えばデジタルの場合は、1画面、1アクション、1文字の細部まで設計する

Slide 23

Slide 23 text

④調査 & 仮説の確からしさを「行動」の側面から検証すX & 「たられば」机上の空論に終始しないよう、具体的で視覚的な刺激物を用意する（現行製品や簡易的な試作品など）注意$ & 意見ではなく行動をみるポイント一度検証したら終わりではなく、変化に応じて繰り返し検証していく

Slide 24

Slide 24 text

事例）体験設計　まだ使えないサービスの待たせ方 https://uxj.jp/ux/mukai_011/ https://uxj.jp/ux/mukai_003/

Slide 25

Slide 25 text

事例）体験設計　駅から遠いスタジアムの道のり https://youtu.be/pgqs5UGT_d0 https://toyota.goguynet.jp/2019/09/24/ragubi-wa-rudokappuomotenasiibennto/

Slide 26

Slide 26 text

体験設計の注意点

Slide 27

Slide 27 text

みんないい人？

Slide 28

Slide 28 text

体験設計は実は倫理のバランスが問われる体験設計＝ユーザの認知や心理を踏まえて行動を変容させる（コントロールする）威力心地良い信頼感ファン口コミ不快不信感離反悪評悪善

Slide 29

Slide 29 text

「良いUX」体験設計

Slide 30

Slide 30 text

良いUXってなんだ？

Slide 31

Slide 31 text

良いUXの定義 https://uxdaystokyo.com/articles/glossary/kano-model/ https://webtan.impress.co.jp/e/2017/12/27/27802 一元的品質狩野モデル UXピラミッド価値がある楽しい・心地よい便利である使いやすい信頼できる機能的である

Slide 32

Slide 32 text

良いUXとは説明書読まなくても最低限ちゃんと使える使う意味がある（便利・楽）一度使ったら戻れなくなる楽しさ・価値がある

Slide 33

Slide 33 text

https://support.apple.com/ja-jp/HT204144 事例）良いUX AirDrop

Slide 34

Slide 34 text

https://kurihara-office.com/190112etax-e-certificate-error 逆の事例）良くないUX

Slide 35

Slide 35 text

ただし…

Slide 36

Slide 36 text

「良いUX」にも加減とか程度ってもんがある体験設計＝ユーザの認知や心理を踏まえて行動を変容させる（コントロールする）威力繰り返し使う満足してるリピーターお気に入り好きファン熱狂狂信的マニア中毒ハマってる楽しい

Slide 37

Slide 37 text

夜中までゲームに  熱中した経験は？

Slide 38

Slide 38 text

『「ついやってしまう」  体験のつくりかた   人を動かす「直感・驚き・物語」のしくみ』玉樹真一郎 (著)2019 https://www.amazon.co.jp/dp/4478106169/ref=cm_sw_r_tw_dp_GDHRGYE8QGFZ81B1F0YP あなたの熱中体験、つくられてます

Slide 39

Slide 39 text

「ついやってしまう」体験が作れる3つの要素物語驚き直感

Slide 40

Slide 40 text

「ついやってしまう」体験のつくりかた（1/3）ユーザーが自身の力で直感的に遊び方が理解できる＝おもしろい・仮説「○○するのかな？」・試行「〇〇してみよう」・歓喜「予想が当たった！」直感のデザイン・数分〜数十分を直感のデザインを連続させる・一つずつが短く完結する・成功確度を高める＝シンプルで簡単にする

Slide 41

Slide 41 text

https://blog.kobedenshi.ac.jp/entertainment/20160706game/ 事例）直感のデザイン　スーパーマリオ

Slide 42

Slide 42 text

https://blog.kobedenshi.ac.jp/entertainment/20160706game/ https://medium.com/shibuya-design-engineering/%E8%AA%AD%E6%9B%B8%E6%84%9F%E6%83%B3%E6%96%87- %E3%81%A4%E3%81%84%E3%82%84%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%86- %E4%BD%93%E9%A8%93%E3%81%AE%E3%81%A4%E3%81%8F%E3%82%8A%E3%81%8B%E3%81%9F-a20c49244e8f 事例）直感のデザイン　スーパーマリオ

Slide 43

Slide 43 text

https://www.apple.com/jp/iphone-13-pro/ 事例）直感のデザイン　Apple

Slide 44

Slide 44 text

「ついやってしまう」体験のつくりかた（2/3）直感のデザインは学習の連続のため、疲れと飽きが生じる・「仮説→試行」＝「不安→歓喜」往復＝気疲れ・同じ刺激が繰り返される＝刺激が弱まり飽きる驚きのデザイン脳の予想を外す体験をあえて織り交ぜる・前提への思い込み（このゲームは○○だ）・日常への思い込み（タブーは現れない）

Slide 45

Slide 45 text

事例）驚きのデザイン　前回セミナー（リベンジ）セミナー中の歌、無言＝日常と前提の思い込みを外す

Slide 46

Slide 46 text

事例）驚きのデザイン　ペイペイ射幸感と偶然で差別化

Slide 47

Slide 47 text

「ついやってしまう」体験のつくりかた（3/3）プレイヤーを翻弄し、脳にとって充実した体験・断片的な情報→推測・統合・二つの要素（受動的／能動的）で波を作る相互作用により自己効力感・成長意欲を湧かせる・収集と反復・選択と裁量・翻意と共感プレイヤー自身の意思、自らの物語を語らせ、意義をもたせる・解釈の余地・体験を通じた自身の成長の実感物語のデザイン

Slide 48

Slide 48 text

「悪いUX」体験設計

Slide 49

Slide 49 text

悪いUXってなんだ？

Slide 50

Slide 50 text

悪いUXの定義 https://uxdaystokyo.com/articles/glossary/kano-model/ https://webtan.impress.co.jp/e/2017/12/27/27802 一元的品質狩野モデル UXピラミッド価値がある楽しい・心地よい便利である使いやすい信頼できる機能的である × × × × × ×

Slide 51

Slide 51 text

悪いUXにも種類がある

Slide 52

Slide 52 text

悪いUXにも背景ってもんがある良いUXを提供したいが、  結果的に悪いUXになっている悪いUX：使いづらい、わかりにくい、間違えやすい自社都合のために  敢えて悪いUXを提供している

Slide 53

Slide 53 text

5 麻痺している（自分たちのやり方が正しい思い込み 5 勘違いしている（ユーザーの実態を知らない 5 やり方が間違っている（正しい知見がない 5 解決策理解を深める努力 or 専門家に頼る悪いUXは必ず改善できる

Slide 54

Slide 54 text

ダークパターンとは、ユーザー・インターフェースを使って普段ならやらないことをユーザーがやってしまうよう誘導することを言う。例えば、定額サービスの支払いや署名と抱き合わせで保険を買わせるといった行為がそうだ。「ひどいデザイン」の作り手と言われて普通思い浮かべるのは、いい加減でだらしないが、悪意はない人物だろう。一方でダークパターンはミスではない。作り手は人間の心理をしっかり理解した上で巧妙なデザインを行う。ユーザーのことなど彼らの頭にはない。（「dark patterns」生みの親ハリー・ブリグナル） https://www.amazon.co.jp/%E6%82%B2%E5%8A%87%E7%9A%84%E3%81%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3- %E3%82%B8%E3%83%A7%E3%83%8A%E3%82%B5%E3%83%B3%E3%83%BB%E3%82%B7%E3%83%A3%E3%83%AA%E3%82%A2%E3%83%BC%E3%83%88/dp/4802510780 「ダーク・パターン」とは

Slide 55

Slide 55 text

■ダークパターンのデメリット・売れるプロダクトが売れなくなる・騙されたユーザーは返品を求める、配送料や払い戻し費用が発生する  ・ユーザーからクレームが入り、サポート対応の時間が奪われる・不満に関する口コミが拡散する・平均9~10人にその事実について話す。13%は20 人以上に話をする・不満を持った顧客の96%は、あなたに対して何も言わずに去る・サイト利用に関するクレームが1件起きると、その背後には平均24件の問題が発生している ■ダークパターンのメリット・短期的な売り上げ(コンバージョン) https://darkpatterns.jp/home-b/ 「ダーク・パターン」とは

Slide 56

Slide 56 text

https://darkpatterns.jp/home-b/ 「ダーク・パターン」の種類

Slide 57

Slide 57 text

ユーザー体験（製品・サービスの利用前・中・後全体）で起きる知覚・反応のことビフォー利用アフター UXとは？製品システムサービス

Slide 58

Slide 58 text

事例）メルマガ解約体験　

Slide 59

Slide 59 text

事例）サブスク解約体験　Coefont

Slide 60

Slide 60 text

https://mag.app-liv.jp/archive/133273/ 事例）サブスク解約体験　Netflix

Slide 61

Slide 61 text

3分休憩

Slide 62

Slide 62 text

「良いUX・悪い UX」分析ワーク

Slide 63

Slide 63 text

ワークやってみよう E 普段よく（週に3回以上）使っているサービス・アプリ・サイトを一つ選A E ユーザーの主目的を整理する E 「良いUX」または「悪いUX」がされている箇所を探d E それを具体的に形作っている要素（言葉遣い、機能、大きさなど）を分解してみる E 発見点と分析結果を左右ペアでシェアすk E シェアする側／される側を交代ワーク① 発見分析 3分 5分 3分 3分分析・言語化発見・抽出シェアシェア（交代）共有

Slide 64

Slide 64 text

発見 3分 https://docs.google.com/spreadsheets/ d/1zstjlYzNvVhsQt4Vq_lVrb_T2jxFUmFyO6sf4kxhv1w/ edit?usp=sharing

Slide 65

Slide 65 text

「良いUX」の分R 8 自分がユーザーとしてどこを気に入っているのか 8 操作や機能で便利だなと感じるところは 8 「悪いUX」の分R 8 どうして使いにくいの 8 どう改善すると問題が起きなくなる？分析

Slide 66

Slide 66 text

※短時間に難しいことを要求してますピンポンパンポーン d スパルタ時間配分であることは自覚してますB d 最初はうまくできなくて当たり前& d 一個でも発見があればOK！

Slide 67

Slide 67 text

ひとつでも学びがあれば前進！

Slide 68

Slide 68 text

発見分析 3分 5分 3分 3分分析・言語化発見・抽出シェアシェア（交代）共有 https://timer.onl.jp/

Slide 69

Slide 69 text

まとめ

Slide 70

Slide 70 text

e 体験設計はビジネスゴールとユーザとのギャップにかけるコミュニケーション架け( e ユーザの行動を変えるコントロール力を悪用しなd e 悪気のない悪いUXは必ず改善でき4 e ダークパターンに要注意（される/する側）体験設計まとめ

Slide 71

Slide 71 text

11-design UXコンサルティングご支援形式セミナー/勉強会のカスタム企画・講演伴走（ペアワーク）/内製化ご支援 UX研修・人材育成リサーチ/体験設計/UI(WF)デザイン（業務委託） UXプロジェクト定期UXアドバイザ月1~4回程度の個別コンサルカスタム情報キュレーションサービス

Slide 72

Slide 72 text

UXでウェブマーケや、サービス品質・顧客満足度の向上を実現した国内事例集おすすめの厳選UX書籍が無料で閲覧できる UXライブラリー CROSS BEのUXコーナーをご活用ください〒400-0031　山梨県甲府市丸の内2-2-1　 CROSS500 1F （甲府駅南口徒歩3分　甲府昭和I.C から車で15分） TEL　 055-244-2837 https://crossbe.co.jp/

Slide 73

Slide 73 text

アンケートでぜひ感想をお聞かせくださいアンケート  フォーム

Slide 74

Slide 74 text

資料（PDF）のダウンロードはこちらスライドPDF 格納フォルダ

Slide 75

Slide 75 text

セミナー動画は後日YouTubeアップ予定チャンネル登録・シェアありがと https://www.youtube.com/channel/UC9QOcKTTo1nqAHGHcZtQkFw

Slide 76

Slide 76 text

セミナー関連情報・UXネタのつぶやきフォロー・いいねありがと