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
kmdr(robin)
November 22, 2019
Design
4
950
BUSSINESS x CREATIVE 結びつけるためのプロセスとスタンス
kmdr(robin)
November 22, 2019
Tweet
Share
More Decks by kmdr(robin)
See All by kmdr(robin)
Service Design Day/Adobe Summit報告
kmdr
0
320
Other Decks in Design
See All in Design
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
580
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
810
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
120
UXデザインはなぜ定着しないのか?
designstudiopartners
0
960
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
120
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
mento Design Team Portfolio
mento0fficial
1
670
Cyber Heart Online Book
hjnasby
0
180
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
160
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
810
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Designing Experiences People Love
moore
142
24k
KATA
mclloyd
32
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A better future with KSS
kneath
239
17k
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.