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
BUSSINESS x CREATIVE 結びつけるためのプロセスとスタンス
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kmdr(robin)
November 22, 2019
Design
1k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
BUSSINESS x CREATIVE 結びつけるためのプロセスとスタンス
kmdr(robin)
November 22, 2019
More Decks by kmdr(robin)
See All by kmdr(robin)
Service Design Day/Adobe Summit報告
kmdr
0
350
Other Decks in Design
See All in Design
(2026 AmA Keynote) Sociotechnical Architecture - Having your Agile and agility too.pdf
xinyao
2
100
root COMPANY DECK / We are hiring!
root_recruit
3
29k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
160
AI時代に求められるUXデザインのアプローチ
xtone
1
7.5k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
450
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
230
タイル紹介サイト「タイルだもんで」
calpin
0
160
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.5k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
360
hicard_credential_202601
hicard
0
270
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
230
CULTURE DECK/Marketing Director
mhand01
0
1.5k
Featured
See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
240
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
119
120k
Test your architecture with Archunit
thirion
1
2.3k
Context Engineering - Making Every Token Count
addyosmani
9
1k
Producing Creativity
orderedlist
PRO
348
40k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
270
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
690
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Docker and Python
trallard
47
4.1k
The Spectacular Lies of Maps
axbom
PRO
1
880
Transcript
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ #644*/&44Y$3&"5*7& ݁ͼ͚ͭΔͨΊͷϓϩηεͱελϯε
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ ලࢠ 2016 WEB UI UX UI UI ,"8"#"5"",*,0 2
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ 3
ϓϩμΫτσβΠϯຊ෦ɹɹαʔϏεσβΠϯ෦ʢ݁ࠗྖҬʣɹɹɹලࢠ 4 ू Ί Δ ಈ ͔ ͢ ݁ Ϳ
ू Ί Δ ಈ ͔ ͢ αʔϏεσβΠϯ෦ 69σβΠϯάϧʔϓ
Tips 策 !5
!6 ·ͱΊ 1. 2. 3.
!7 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
Johnny Appleseed !8 m o d e l
!9 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭
!10 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ #BE$JSDMF ݁Ռ͕ग़ͳ͍ Ұํతͳࢦࣔ ࠷ݶͷߦಈ ड͚ͷࢥߟ
!11 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
ؔͷ࣭Λ ্͢Δ͜ͱ !12
!13 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
!14 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
!15 ࣥߦһ ࣥߦһ ࣥߦһ Ϣχοτ ʢԣஅʣ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ
!16 ࣥߦһ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ ɾΞϓϦΤϯδχΞ ɾαʔόʔαΠυΤϯδχΞ ɾΤϯδχΞϦʔμʔ ɾΞϓϦσβΠφʔ ɾσβΠϯσΟϨΫλʔ
ɾ69σβΠφʔ άϧʔϓϚωʔδϟʔ "11ϓϩμΫτΦʔφʔ /&8 /&8 /&8 /&8 /&8 /&8 ࣄۀશମͱͯ͠ ԿΛࢦ͍ͯ͠Δͷ͔ʁ ͬͨ͜ͱͳ͍ ਓ͕ͨ͘͞Μ͍Δ…
!17 ࣥߦһ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ ɾΞϓϦΤϯδχΞ ɾαʔόʔαΠυΤϯδχΞ ɾΤϯδχΞϦʔμʔ ɾΞϓϦσβΠφʔ ɾσβΠϯσΟϨΫλʔ
ɾ69σβΠφʔ άϧʔϓϚωʔδϟʔ "11ϓϩμΫτΦʔφʔ KickOFF!! /&8 /&8 /&8 /&8 /&8 /&8
!18 10 ࣥߦһ σβΠφʔ ΤϯδχΞ 69 Ϣχοτ ˞͜ΕΠϝʔδͰ͢˞ Ϛωʔδϟʔ
!19 ্Լࠨӈ͕ͭͳ͕Δ͜ͱΛҙࣝ͠ר͖ࠐΜͰ͍͘ ؔͷ࣭Λ্͢Δ͜ͱ 1. ͬͨ͜ͱͳ͍ ਓ͕ͨ͘͞Μ͍Δ… Ξπ͍ࢥ͍Λୗ͞Εͨʂ ΈΜͳͰඪʹ ͔ͬͯؤுΖ͏ʂ
!20 ࣥߦһ Ϣχοτ ʢԣஅʣ ΞϓϦվળʹؔΘΔϝϯόʔ ɾΞϓϦΤϯδχΞ ɾαʔόʔαΠυΤϯδχΞ ɾΤϯδχΞϦʔμʔ ɾΞϓϦσβΠφʔ ɾσβΠϯσΟϨΫλʔ
ɾ69σβΠφʔ άϧʔϓϚωʔδϟʔ "11ϓϩμΫτΦʔφʔ ͲΜͳࢪࡦΛ ͍ͬͯΔͷ͔ͳ… ͜ͷࢪࡦͷഎܠͬͯ Ͳ͏ͳͬͯΔͷ… ͬͯͲΜͳઃܭ ʹͳͬͯΔͷ…
!21 ্Լࠨӈ͕ͭͳ͕Δ͜ͱΛҙࣝ͠ר͖ࠐΜͰ͍͘ ؔͷ࣭Λ্͢Δ͜ͱ 2. Con uence ͲΜͳࢪࡦΛ ͍ͬͯΔͷ͔ͳ… ͜ͷࢪࡦͷഎܠͬͯ Ͳ͏ͳͬͯΔͷ…
ͬͯͲΜͳઃܭ ʹͳͬͯΔͷ… ΈΜͳ͔ͬ͠Γ ߟ͍͍͑ͯͯײ͡ʂ എܠ͕Θ͔͔ͬͨΒ ࢪࡦʹෲམͪʙ ͳΔ΄Ͳʂ ଞʹཱͭใ ॻ͍͓ͯ͘Ͷʂ
!22 ্Լࠨӈ͕ͭͳ͕Δ͜ͱΛҙࣝ͠ר͖ࠐΜͰ͍͘
ཱ྆͠ͳ͕Βಈ͚Δ ΈΛ࡞Γग़͢͜ͱ !23
!24 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
!25 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
!26 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠφʔ 10 69
!27 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠϯґཔ σβΠϯೲ ͜ͷσβΠϯ࣮ݱ͍͠ʜ ݕ౼͕࣌ؒͳ͍ʜ σβΠφʔ 10 69
!28 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠϯґཔ मਖ਼ґཔ ͜ͷσβΠϯ࣮ݱ͍͠ʜ ݕ౼͕࣌ؒͳ͍ʜ मਖ਼ґཔَ͕ʜࢮ͵ʜ ݕ౼࣌ؒͳ͍ʜ ؍࿙ΕͳͲͰ σβΠφʔ 10 69
!29 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
ɾσβΠϯ؍ σβΠϯґཔ मਖ਼ґཔ ͜ͷσβΠϯ࣮ݱ͍͠ʜ ݕ౼͕࣌ؒͳ͍ʜ मਖ਼ґཔَ͕ʜࢮ͵ʜ ݕ౼࣌ؒͳ͍ʜ ؍࿙ΕͳͲͰ ˢ͜͜ʹ͕͋ΔͷͰʜʁ σβΠϯ৬ೳ͋Δਓʹͤͯ ͪΌΜͱ؍Λ௵ͤΔΑ͏ʹ͠Α͏ʂ σβΠφʔ 10 69
!30 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
σβΠφʔ 10 69 " σβΠϯ σΟϨΫλʔ ϨϏϡʔ ɾσβΠϯ؍ ີʹ࿈ܞ εςʔΫϗϧμʔΛཧղ
!31 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
σβΠφʔ 10 69 " σβΠϯ σΟϨΫλʔ ϨϏϡʔ ɾσβΠϯ؍ ີʹ࿈ܞ εςʔΫϗϧμʔΛཧղ σβΠϯґཔ σβΠϯೲ
!32 ! " # اըɾϨϏϡʔґཔ ϨϏϡʔ ɾ30*؍ ɾ։ൃ؍ ɾΫϥΠΞϯτ؍ ɾՁ؍
σβΠφʔ 10 69 " σβΠϯ σΟϨΫλʔ ϨϏϡʔ ɾσβΠϯ؍ ີʹ࿈ܞ εςʔΫϗϧμʔΛཧղ σβΠϯґཔ σβΠϯೲ
!33 όϥϯεΑ͘ਐΊΔͨΊͷମ੍Λ͑ɺޮతʹਪਐ͢Δ ཱ྆͠ͳ͕Βಈ͚ΔΈΛ࡞Γग़͢͜ͱ 1. " σβΠϯ σΟϨΫλʔ # 10 اը༰ʹ͓͚Δ
Ϗδωε՝ɾఆྔ՝ʹର͢Δ ҙࢥܾఆΛߦ͏ اը༰ʹ͓͚Δ *"ઃܭɾ6*σβΠϯ ҙࢥܾఆΛߦ͏
!34 " σβΠϯ σΟϨΫλʔ ✨ # 10 ✨ શ෦ͷҊ݅ΛҰఆͷΫΦϦςΟʹ͢Δ͜ͱͰ͖͚ͨͲɺ ؔձ͕ٞଟ͗͢Δʜ
!35 όϥϯεΑ͘ਐΊΔͨΊͷମ੍Λ͑ɺޮతʹਪਐ͢Δ ཱ྆͠ͳ͕Βಈ͚ΔΈΛ࡞Γग़͢͜ͱ 2. / Slack
!36 " σβΠϯ σΟϨΫλʔ ✨ # 10 ✨ ग़Δ͖ձٞͱͦ͏Ͱͳ͍ձ͕ٞ໌֬ʂ ࣌ؒ֬อͰ͖ͨʂ
!37 όϥϯεΑ͘ਐΊΔͨΊͷମ੍Λ͑ɺޮతʹਪਐ͢Δ
ະདྷʹ͚ͯߦಈͰ͖Δ ελϯεͰ͍Δ͜ͱ !38
!39 ؔͷ࣭ ࢥߟͷ࣭ ݁Ռͷ࣭ ߦಈͷ࣭ (PPE$JSDMF ྑ͍݁Ռ͕ੜ·ΕΔ ৴༻ɾଚॏ ࣗൃతͳߦಈ ؾ͖ͮɾ໘ന͍
!40 എܠ 1. / θΫγΟΞϓϦνʔϜͷ͜Ε·Ͱͷ՝ 2. UX/UI 3.
!41 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ ະདྷʹ͚ͯߦಈͰ͖ΔελϯεͰ͍Δ͜ͱ 1. AB 策 AB
!42 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ ະདྷʹ͚ͯߦಈͰ͖ΔελϯεͰ͍Δ͜ͱ 2.
!43 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ ະདྷʹ͚ͯߦಈͰ͖ΔελϯεͰ͍Δ͜ͱ 2.
!44 ৗʹະདྷΛඳ͖ଓ͚ɺͦ͜ʹ͔ͬͯରࡦલਐ͠ଓ͚Δ
!45
!46 ·ͱΊ 1. 2. 3.