Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
250
PLATEAUで白い街を作る
aikautau
0
180
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
380
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
Decksh keywords
ajstarks
0
120
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
110
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
440
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.9k
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
610
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
420
Where Imagination Ends AI Begins
r5ni4
0
380
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
660
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Ruling the World: When Life Gets Gamed
codingconduct
0
330
4 Signs Your Business is Dying
shpigford
187
23k
We Have a Design System, Now What?
morganepeng
55
8.3k
The untapped power of vector embeddings
frankvandijk
2
1.9k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
Paper Plane (Part 1)
katiecoart
PRO
1
11k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
Navigating Weather and Climate Data
rabernat
0
520
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Darren the Foodie - Storyboard
khoart
PRO
3
3.9k
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.