【Hasebe】UX基礎講座①（問題）UXとUIの違いを自分の言葉で表現する： UX DAYS TOKYO

Transcript

1. 「UXとUIの違い」
 UIの他にもめっちゃ大事なことがあるとわかった

2. （わたし：Hasebe）の紹介
 （肩書）プロダクトマネージャー
 （仕事歴）なんでも事業開発　→　物流プロダクトのPdM
 （仕事や行っていること）プロダクトにまつわること全部
 （UXの学び）1年前にGoogle UXの資格取得をして、現在はリサーチ中心に勉強中
 （UXの実践）ユーザー視点を理解するためにヒアリングや課題の探索
 （スライド実施日）2025/03/16

3. UXとUIの違いを
 自分の言葉で
 説明してください
 問題

4. （私：Hasebe）の説明・考え
 • UXはユーザー体験のこと
 ◦ 目的を達成するためのプロセス全体を指す
 • UIはユーザー体験中に必要な画面や情報のこと
 ◦ 例：画面デザインやボタンのこと

5. 「UXとUIの違い」
 のスライドを見て。。。
 再考しよう！
 解答
 解答：スライド

6. UX UI コンテンツ
 コンテキスト
 ＝ ＋ ＋ UXの定義（解答スライドより引用） ※次のスライドで説明
7. ジョブ コンテンツ サービス
 = アウトカム 
 コンテンツの定義
8. https://uxdaystokyo.com/articles/ui-ux-difference-study/ UXを理解する上での例え 箸など食器（UI) が使いやすく、料理（コンテンツ）も美味しい。が、 自分の状態・状況（コンテキスト）によって体験は異なる。
9. （Hasebe）の解釈
 駄目なUI・良いUI
 空気清浄機の例
 駄目なUI - 電源ボタンがどこかわかりにくい 良いUI - 電源ボタンがパッと見てわかり、簡単に起動でき る
10. 空気清浄機のコンテンツ（ジョブ）は？
 （Hasebe）の解釈
 空気清浄機は「快適で健康的な空気環境を1年中維持する」ことがコンテンツ 
 ジョブ - 花粉・ホコリを減らして、アレルギー症状を和ら げる - ペットのニオイや毛を減らして掃除の頻度を減 らす - 赤ちゃんや子どもが安心して過ごせる環境をつ くる
11. 駄目なコンテンツ・良いコンテンツ
 （Hasebe）の解釈
 駄目なコンテンツ - フィルター性能が良くないので、埃を撒き散らし て空気環境を悪くする - 半年ぐらいで商品が壊れる 良いコンテンツ - フィルター性能が良いので、埃を吸収して清潔 な空気を提供する - 24時間365日正常に動き続ける
12. 駄目なコンテキスト
 （Hasebe）の解釈
 駄目なコンテキスト - 設置するスペースがない
13. 新しい気づき・学び
 • UXはコンテンツありきで、コンテンツは「ジョブを解決」していないといけない 
 ◦ ユーザーのジョブを明確に理解しないといけないと再認識 
 • コンテキストによってUXが変わることも念頭においておかないといけない 
 ◦ 対象ユーザのペルソナや心理を理解しないとコンテキストは出てこない 
 ▪ あくまで人間が利用するので、心理学や脳科学を学習することも成果に繋が ると思った
 • コンテンツやコンテキストを考慮できた検討が行えていなかったなと反省 
 ◦ 順序としては「コンテンツ→コンテキスト→UX→UI」での検討が理想と考えたが、コン テンツ/コンテキストの検討が浅いままUXから考えていた気がする 
 ▪ そもそもコンテンツが誤っていた場合はアウトカムが出ないことが多い 
 ▪ コンテキストによってはUIのパターンも変わることが想定されるため、後工程 のリスクも軽減できる 
 • 仕事でもUXを共有する際に、「コンテキスト」と「コンテンツ」を構造化したうえで、共通言語で 話していけるようにする 
 コンテンツ/ 
 コンテキスト 
 めっちゃ大事 

14. 参考リンク • UXとUIの違い（UX TIMES）
 • The Definition of User Experience (UX)（NNG)
 • UXとUIの比較以上の勉強をしよう（UX TIMES）
 • 書籍「UX+理論で作るWebデザイン」
 この本に
 今回のこと記載されてるよ！ 
 体系的に学びたい方はぜひ
15. 「#UXer1000000」でポストして広めよう！ 
 2030までに = 100万人 自分の言葉で説明できる力をつけよう！
 ”UXのこと”