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
What Was UX Design All About?
Search
Kazuki YAMASHITA
May 28, 2024
Design
2
890
What Was UX Design All About?
UXデザイン ~デジタルプロダクトデザインの今と未来〜 by CrossRel
2024/5/28
Kazuki YAMASHITA
May 28, 2024
Tweet
Share
More Decks by Kazuki YAMASHITA
See All by Kazuki YAMASHITA
Core skills of the Design for Front-end
ykazu
17
50k
Primer of Information Architecture 2018
ykazu
5
570
Think of the User Experience not UX
ykazu
6
1.3k
Sustinable Frontend Design
ykazu
8
1.6k
Primer of Information Architecture 2016
ykazu
5
2k
Think Design for Future.
ykazu
5
1.3k
Other Decks in Design
See All in Design
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
portfolio.pdf
onof003
0
160
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
140
minpaku-community-scrum-patterns
norinity1103
1
360
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
810
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
330
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
1.8k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
880k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
510
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1k
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.3k
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
The Pragmatic Product Professional
lauravandoore
36
6.9k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Designing Experiences People Love
moore
142
24k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Transcript
࠶೩ とは だったのか? 2024/5/28
山下 一樹 エンジニア 事業企画 プロダクトデザイン インフォメーションアーキテクト デザイナー コーチ 2002 2013
電機メーカー גࣜձࣾΠϯύε6*σβΠϯͱϑϩϯτΤϯυ։ൃʹಛԽͨ͠αʔϏεઃܭɺΞϓϦ։ൃΛࣄۀͱ͍ͯ͠·͢ɻΫϥΠΞϯτϓϩδΣΫτ͕த৺Ͱ͢ɻ
UXD 最盛期を振り返る デザインの の 2023
コミュニティ のメディア、 が える デザインの の デザインイベント への スマフォ・アプリ 2013
2015 2017 2019 2023 ͜ͷɺελʔτΞοϓ͚ͩͰͳ͘େखاۀʹ69σβΠϯ͕ਁಁ͖ͯͨ͜͠ͱΛৼΓฦΔͱɺͻͱͭͷσβΠϯϓϩηεͷμΠφϛζϜ͕͋ͬͨ͜ͱ͔֬Ͱ͢ɻ ࠷ۙʹͳͬͯʮ69σβΠϯऴᖼ͔ʁʯͱ͍ΘΕ͍ͯΔ͜ͱɺͦͷΓ্͕ΓͷλʔχϯάϙΠϯτʹͳ͍ͬͯ·͢ɻ
UXD は終わったのですか?
なぜ UXD が注目されたのですか? 69σβΠϯͷࠓޙΛ༕͏ΑΓɺ·ͣ69σβΠϯ͕͞Εͨཧ༝Λߟ͑Δ͜ͱେͰ͢ɻ
200x年 とある会議
ϥ Π ό ϧ ձ ࣾ ỏ ɹ ɹ
Ͱ ੈ ք ࠷ ബ ͱ ͷ ͜ ͱ ŋŋ ᶱ Before UX ν ɹ ɹ ͩ Ố ੈ ք ࠷ ബ Λ อ ͭ Μ ͩ Ố ό ỽ ς Ϧ ồ ٘ ਜ਼ ʹ ͳ Δ ͕ ʜ ᶱ ۀ͕த৺ͷຊʹ͓͍ͯɺϞϊͷ࣌ͰϞϊ͕ചΕΔ݅ʹεϖοΫಛɺڝ߹ͱͷݟ͑ํ͕ॏࢹ͞Ε·ͨ͠ɻ
ϥ Π ό ϧ ձ ࣾ ỏ ɹ ɹ
Ͱ ੈ ք ࠷ ബ ͱ ͷ ͜ ͱ ŋŋ ᶱ ν ɹ ɹ ͩ Ố ੈ ք ࠷ ബ Λ อ ͭ Μ ͩ Ố ό ỽ ς Ϧ ồ ٘ ਜ਼ ʹ ͳ Δ ͕ ʜ ᶱ いつも会議にユーザーはいない Before UX ސ٬ηάϝϯτ͋ͬͨͷͷʮϞϊʯΛചΔͨΊʹɺ·ͨ࡞ΔͨΊʹϢʔβʔͱ͍͏֓೦͕ͳ͔ͬͨ࣌Ͱ͢ɻ
ϥ Π ό ϧ ձ ࣾ ỏ ɹ ɹ
Ͱ ੈ ք ࠷ ബ ͱ ͷ ͜ ͱ ŋŋ ᶱ ν ɹ ɹ ͩ Ố ੈ ք ࠷ ബ Λ อ ͭ Μ ͩ Ố ό ỽ ς Ϧ ồ ٘ ਜ਼ ʹ ͳ Δ ͕ ʜ ᶱ デザイナーが中心となりユーザーを考えるように After UX 69σβΠϯ͕ͨΒͨ͜͠ͱɺϢʔβʔͷଘࡏΛ໌Β͔ʹ͢Δ͜ͱɺϢʔβʔΛཧղ͢Δ͜ͱɺσβΠφʔ͕ʮϢʔβʔͷหऀʯͱͳΓɺ ϞϊαʔϏεىͰߟ͑ΔͷͰͳ͘ɺϢʔβʔ͕ྑ͍ͱ͢ΔମݧʹԊͬͯϞϊαʔϏε։ൃʹ͔ͬͨ͜ͱͰ͠ΐ͏ɻ
UXD は終わったのですか? UX はデザインプロセスのひとつに融け、 ユーザーのことを考えるのが当たり前になった。
やシナリオを き、 や を つける アプリ?プロダクト? ユーザーを し、 දతͳ69σβΠϯͷϞσϦϯάɻϢʔβʔͷՁ͕୳ࡧͰ͖ͨઌʹɺΞϓϦϓϩμΫτ͕લఏͱͯ͋͠ΔͷͰ͋Εɺ ͦΕগ͠ඈ༂ͨ͠ઃܭʹͳΔ͔Ε·ͤΜɻ69σβΠϯ͔Βಋ͖ग़͞ΕͨϢʔβʔͷՁ͔ΒཁٻఆٛΛ͢Δʹେ͖ͳִͨΓ͕͋Γ·͢ɻ
やシナリオを き、 や を つける ユーザーを し、 ຊདྷϢʔβʔͷՁΛݟ͍ग़ͨ͠ޙɺࣗࣾͷϛογϣϯ͕ࣗͨͪԿΛఏڙͰ͖Δ͔ɺͱ͍͏ͱ͜ΖΛֻ͚߹ΘͤɺΞΠσΟΤʔγϣϯΛଓ͚·͢ɻ ΞϓϦΛ։ൃ͠·͠ΐ͏ɺͱ͍͏ͷͦΕΒͷखஈͷͻͱͭʹ͔͠ա͗·ͤΜɻ ミッションをもって何ができるか深掘りする
Google Maps 2017 (PPHMF.BQTͷ6*ͷมભΛݟΕɺϢʔβʔͷδϟʔχʔ͕͍͔ʹଟ༷Խ͠ෳࡶʹͳ͍ͬͯΔ͔͕͏͔͕͑·͢ɻ ҰઢͰϢʔβʔͷδϟʔχʔΛඳ͘͜ͱ͢Ͱʹࠔʹͳ͍ͬͯ·͢ɻ
ローンチまで に が かっていた ͦͦ։ൃ͔ΒϦϦʔε·ͰͷϦʔυλΠϜ͕͔ͬͨ࣌ͷ͜ͱɻࠓͰϓϩτλΠϐϯάϢʔβʔςετਝʹͰ͖ΔΑ͏ʹͳ͖ͬͯ·ͨ͠ɻ
UXD は終わったのですか? 手法やフレームワークだけでは、 進化し続け長期化するジャーニーには限界も。
UXD のそもそもの誤解 ユーザー体験をデザインするのではなく、 文脈に合った良い体験のためにどうするか。 コンテキスト
繰り返される 手法やプロセスの ムーブメント 手法やプロセスは過去、何度も議論されている ຽܳӡಈΛ͡ΊɺҰఆͷظؒͰʮϞϊͮ͘ΓʢαʔϏεઃܭؚΉʣʯʹख๏ϓϩηεʹ͍ͭͯͷϜʔϒϝϯτ͕աڈʹى͖͍ͯ·͢ɻ 69σβΠϯɺσβΠϯࢥߟΛ͡Ίɺ͕ٞ׆ൃʹͳΔͷϜʔϒϝϯτͷͰ͢ɻͦͯ͠Ϝʔϒϝϯτ·ͨى͖·͢ɻ
次のダイナミズム ダイナミズムの変化をいかに解釈できるか ϜʔϒϝϯτΛ୯ͳΔྲྀߦΓͰऴΘΒͤͳ͍ͨΊʹɺࢲͨͪ͜Ε·ͰͷٞΛਖ਼͘͠ղऍ͠ɺ࣍ͷμΠφϛζϜΛ༧ଌ͠ͳ͕Βલਐ͢Δඞཁ͕͋Γ·͢ɻ ࢲͨͪৗʹେ͖ͳ͏ͶΓͷதʹ͍Δ͜ͱΛΕ͍͚ͯ·ͤΜɻ
私が大切にしていること
いしないリサーチ ファクト ファクト です 69Ϧαʔν૿͍͑ͯ·͢ɻͦͷׂ༰৫ʹΑ༷ͬͯʑͰ͕͢ɺఆྔௐࠪ ఆੑௐࠪΛ৫Γަͥͳ͕ΒϢʔβʔͷ༷ࢠΛϦαʔν͍ͯ͠Δ͜ͱͱࢥ͍·͢ɻ ͨͩ͠ʮࣈʯʹͳͬͨॠؒɺΓେ͖ͳࣈ͕ҙࢥܾఆʹͭͳ͕Δ͜ͱ͕͋Γ ·͕͢ɺࢲࣈͷେখʹؔΘΒͣɺϑΝΫτ͕ԿͰ͔͋ͬͨΛ໌Β͔ʹ͠ੳ͢Δ ͜ͱΛॏࢹ͍ͯ͠·͢ɻ ԾʹׂͷϢʔβʔ͕ظૢ࡞ʹޭ͍ͯͯ͠ɺׂͷϢʔβʔ͕ͭ·͍ͮͨͱ͍
͏͜ͱ͕ϑΝΫτͰ͢ɻͦͷׂͷڀ໌͕ϦαʔνͰ͢ɻ69ϦαʔνϓϩμΫτ αʔϏεͷΠλΠͱ͜ΖΛ͍͔ʹදग़ͤ͞Δ͔ʹ͋Γ·͢ɻ
ユーザーに、だけじゃない どっちやねん ビジネスオーナーにも ʮڞײ͔Β͡Ί·͠ΐ͏ʯͱ͍͏Ϣʔβʔͷڞײ࣌ʹσβΠφʔͷߟ͑ํΛڱ ͍ͯ͘͠Δ͔͠Ε·ͤΜɻʮϢʔβʔͷหऀʯ͚ͩʹཹ·͍͚ͬͯͳ͍ͱࢥͬ ͍ͯ·͢ɻ σβΠφʔϢʔβʔΛͯ͢ཧղ͍ͯ͠ΔΘ͚Ͱ͋Γ·ͤΜɻϢʔβʔΛͬͱ ཧղ͍ͯ͠Δ͖ͳͷϏδωεΦʔφʔͰ͢ɻ Φʔφʔͷߟ͑ʹཧղΛ͠ɺϢʔβʔΛҰॹʹݟͳ͕ΒσβΠϯ͍ͯ͘͜͠ͱ͕ڞ ײ͕࣋ͭຊͷҙຯͰͳ͍͔ͱࢥ͍·͢ɻ
これからますます そうなってほしい い たのんますわ Ұ࣌ظɺΤγΧϧσβΠϯͱ͍͏ݴ༿͕ݱΕ·ͨ͠ɻརݾతʹͳΒͣɺਓʹدΓఴͬ ͯσβΠϯ͢Δɺͱ͍͏͜ͱͰ͕͢ɺ͜͏ͨͨ͠ΓલͷΑ͏ͳ͜ͱ͕͋͑ͯݴޠԽ ͞ΕΔͷɺԿΒ͔ͷةዧͦ͏͍͏͜ͱ͕ٻΊΒΕΔͱ͍͏͜ͱͰ͠ΐ͏ɻ ͜Ε͔Β"*ʹΑͬͯʮσβΠφʔͰແ͍ਓʯ͕৭ʑͱΓ·͢ɻͦ͏ͨ͠ͱ͖ʹ σβΠφʔྙཧ؍Λͬͯରቂ͠ͳ͚ΕͳΓ·ͤΜɻ 6*σβΠϯͰɺϢʔβʔΛ͜͏༠ಋ͠Α͏Έ͍ͨͳײ֮ʹͳΓ͕ͪͰ͕͢ɺ͜͏
ͳͬͯ͘ΕͨΒ͍͍ͳɺͱ͍͏ʮئ͏ʯؾ࣋ͪΛࢲେࣄʹ͍ͯ͠·͢ɻΑΓ݈߁ʹ ͳͬͯ΄͍͠ͱ͔ɺΑΓศརͩͳͱࢥͬͯ΄͍͠ͱ͔ɻئ͍Λத৺ʹ͖͢Ͱ͢ɻ
ユーザーにどうなってほしいか そうなってほしい い 自分たちだけの領域に閉じてないか 社会がどうなってほしいか 利己的から利他的 ࡞Γखͷئ͍ԿͰ͠ΐ͏͔ɻϢʔβʔʹཧͷମݧ͕͙͜ͱ͕Ͱ͖ͨઌɺͦͷϢʔβʔʹͲ͏ͳͬͯ΄͍͠ͷ͔Λߟ͍͑ͨͰ͢ɻ ࣈ͚ͩΛ͍ٻΊΔͷ͕ϏδωεΠϯύΫτͰ͋ΔͳΒɺͦΕ#FGPSF69ͷ࣌ʹͬͯ͠·͍·͢ɻརଞΛҙࣝ͢Δ࣌ʹདྷ͍ͯ·͢ɻ
ともに生きる デザイン for AI
デザイン for AI ともに生きる プロセスには AI、デザイナーはいかに紡ぐか ユーザー主導ではなくプロアクティブ型 ϢʔβʔىͰߟ͑Δͷ"*ҎલͰ͠ΐ͏ɻԿ͔͕"*ʹஔ͖ΘΔͷͰͳ͘ɺ"*͕ىͱͳͬͨͱ͖ͷਓؒͷମݧΛߟ͍͑ͯ͘ඞཁ͕͋Γ·͢ɻ
とは ですか? あなたにとって 「定義よりも解釈」 ʮఆٛʯͪΖΜେࣄͰ͕͢ɺఆٛͷ୳ࡧΑΓਓͱձΛ͠ɺͦΕͧΕʹ͍ͭͯʮղऍʯΛਂΊΔ͜ͱ͕ਅཧʹۙͮ͘ͷͰͳ͍͔ͱࢥ͍·͢ɻ
One more thing
エクスペリエンスを向上させる唯一の手段 ユーザーの目的を ? 達成させること
エクスペリエンスを向上させる唯一の手段 ユーザーの目的を 最速で 達成させること ͋ͳͨͷख͕͚ΔαʔϏεʹ͜Ε͋Γ·͔͢ʁࠓ͙֬͢ೝ͠·͠ΐ͏ɻ
Thank you! @yamashitakazuki