Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
Search
Mizunashi Mana
March 16, 2025
Design
0
270
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
UX DAYS TOKYO - UX基礎講座第1回の回答
https://x.com/uxdaystokyo/status/1901267497090986028
Mizunashi Mana
March 16, 2025
Tweet
Share
More Decks by Mizunashi Mana
See All by Mizunashi Mana
UX基礎講座③(回答)UXデザインは 何をするのか?: UX DAYS TOKYO
mizunashi_mana
0
1
UX基礎講座②(回答) なぜUXデザインで カスタマージャーニーマップを 使うのか?: UX DAYS TOKYO
mizunashi_mana
0
10
Higher Order Cofree Annotation for AST
mizunashi_mana
1
350
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
minpaku-community-scrum-patterns
norinity1103
1
240
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
230
Cyber Heart Online Book
hjnasby
0
170
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
480
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
310
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
610
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
260
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
150
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
490
Findyのプロデチームの 歩みとこれから
satty9556
0
250
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Fireside Chat
paigeccino
39
3.6k
Producing Creativity
orderedlist
PRO
347
40k
4 Signs Your Business is Dying
shpigford
184
22k
Optimizing for Happiness
mojombo
379
70k
Designing for Performance
lara
610
69k
Practical Orchestrator
shlominoach
190
11k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Docker and Python
trallard
45
3.5k
Side Projects
sachag
455
43k
Transcript
「UXとUIの違い」 UX中心に考える
(私:西山)の紹介 (肩書)ソフトウェアエンジニア (仕事歴)職業エンジニア歴4年ちょっと (仕事や行っていること)物流プラットフォーム開発 (UXの学び) • 社内の取り組みで1年ほどUXについて学んでいるが、UXデザインとは何かに ついてピンときていない (スライド実施日)2025/03/16
UXとUIの違いを 自分の言葉で 説明してください 問題
(私:西山)の説明・考え 講座前: • UXは、ユーザが何かをして得られる体験 • UIは、UXにアクセスするための手段 • UIを通してユーザが何かを行うことで得られるものがUX 講座後: UXは、ユーザの状況(コンテキスト)と提供されたコンテンツ、コンテンツへ
のアクセス手段であるUIから形作られる、ユーザがコンテンツへのアクセ スを通して得られる体験
「UXとUIの違い」 のスライドを見て。。。 再考しよう! 解答 解答:スライド
UX UI コンテンツ※ コンテキスト = + + UXの定義(解答スライドより引用)
ジョブ コンテンツ サービス = アウトカム コンテンツの解釈
https://uxdaystokyo.com/articles/ui-ux-difference-study/ UXを理解する上での例え 箸など食器が使いやすく(UI)、料理も美味しい(コンテンツ)。 けど自分の状態・状況(コンテキスト)によって体験は異なる。
(私:西山)の解釈 駄目なUI・良いUI (電子レンジを題材に) ダメなUI • 1Wずつしかワット数を調整できない 良いUI • よく使うワット数をひねりひとつで指定できる
駄目なUX・良いUX (電子レンジを題材に) ダメなUX • ワット数・時間を正しく指定したのに、全然食材が温ま らない 良いUX • ボタン数回押すだけで温め開始でき、ちゃんと温めてく れるので、手軽に温かい料理にありつける
(私:西山)の解釈
駄目な(良い)コンテキスト (電子レンジを題材に) ダメなコンテキスト • 温めに使いたいけど、置く場所がない 良いコンテキスト • 電源が届く距離に、置ける場所があるし、あると便利 (私:西山)の解釈
新しい気づき・学び • 自分のUXに関する考えはかなりUI寄りだったかも ◦ コンテンツ中心に考えていくのが大事かも ◦ UIはコンテンツをうまく扱えるようにするための手段ぐらいの気持ちでいた方が いい • UX=UI+コンテンツ+コンテキストの式は目から鱗
◦ ただ、何がUIで何がコンテンツかには拘らないようにした方がいいかも ◦ UI中心に考えてないか、コンテンツ、コンテキストを置いてけぼりにしてないかを 意識するための式だと思った方がいい • UI+コンテンツ=こちらが提供できるもの、コンテキスト=こちらが提供できないもの、どち らもあることを意識した方がいい ◦ 作る側だと、コンテキストを見落としがち ◦ ただ意識するだけではダメかも。コンテキストも見落とさないための道具が、UX ツールの中には色々あるので、それを活用していくのが良い
参考リンク • UXとUIの違い(UX TIMES) • The Definition of User Experience
(UX)(NNG) • UXとUIの比較以上の勉強をしよう(UX TIMES) • 書籍「UX+理論で作るWebデザイン」
「#UXer1000000」でポストして 広めよう! 2030までに = 100万人 自分の言葉で説明できる力をつけよう! ”UXのこと”