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を実現するための開発プロセスとは / Development process fo...
Search
sagaraya
June 22, 2017
Technology
10
49k
より良いUXを実現するための開発プロセスとは / Development process for better UX
「Goodpatch Engineer Meetup Vol.3 エンジニア目線で考えるデザイン」の発表資料です。
sagaraya
June 22, 2017
Tweet
Share
More Decks by sagaraya
See All by sagaraya
入りやすい保育園マップ / Hoikuen-hairu
sagaraya
0
240
エンジニアリングを軸にデザインもやる、UXエンジニアという働き方(公開版)/ Work style as a UX engineer
sagaraya
0
2.7k
プロトタイプドリブンなデザインを実現する考え方と環境 / Prototype-driven design
sagaraya
5
16k
エンジニアが使うツールから未来のデザインツールを予想する / Forecast design tools from tools used by engineers
sagaraya
0
640
iOSでテーマ(着せ替え)機能を実装した時のTips
sagaraya
1
2.8k
Atomをもっと使いやすくする方法
sagaraya
5
2.7k
Other Decks in Technology
See All in Technology
エンジニア採用から始まる技術広報と組織づくり/202506lt
nishiuma
8
1.7k
Long journey of Continuous Delivery at Mercari
hisaharu
1
210
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
madoxten
13
7.7k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.6k
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
line_developers_tw
PRO
0
190
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
yudai00
0
400
Tensix Core アーキテクチャ解説
tenstorrent_japan
0
360
DroidKnights 2025 - Jetpack XR 살펴보기: XR 개발은 어떻게 이루어지는가?
heesung6701
1
110
「実体」で築く共通認識: 開発現場のコミュニケーション最適化 / Let's Get on the Same Page with Concrete Artifacts: Optimization of Communication in dev teams
kazizi55
0
140
Tenstorrent HW/SW 概要説明
tenstorrent_japan
0
400
Whats_new_in_Podman_and_CRI-O_2025-06
orimanabu
3
180
CIでのgolangci-lintの実行を約90%削減した話
kazukihayase
0
280
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Into the Great Unknown - MozCon
thekraken
39
1.8k
GraphQLとの向き合い方2022年版
quramy
46
14k
How STYLIGHT went responsive
nonsquared
100
5.6k
Faster Mobile Websites
deanohume
307
31k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Pragmatic Product Professional
lauravandoore
35
6.7k
The Invisible Side of Design
smashingmag
299
51k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
1 ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱ (PPEQBUDI&OHJOFFS.FFUVQWPMΤϯδχΞઢͰߟ͑ΔσβΠϯ ॏాܡʢ,FJTFJ4IJHFUBʣ
2 ॏాܡʢ,FJTFJ4IJHFUBʣ ৽ଔͰ8FCܥͷϝΨϕϯνϟʔʹೖࣾ ۈΊͨ͋ͱɺσβΠϯʹڧ͘ͳΓͨͯ͘(PPEQBUDIʹೖࣾ ͰҊ݅ʴडΞϓϦʹܞΘΔ ΤϯδχΞ J04"OESPJE8FC ࢀߟɿiOSσϕϩούʔ͕άουύονͰֶΜͩνʔϜͰָ͘͠ಇͨ͘ΊͷελϯυϓϨΠͱ https://www.wantedly.com/companies/goodpatch/post_articles/61755
ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱʁ 3 ࣄۀձࣾͰࣗࣾαʔϏεɺ(PPEQBUDIͰσβΠϯύʔτφʔͱͯ͠ ৭ʑͳΫϥΠΞϯτͱࣄΛͨ͠ܦݧ͔Β
4 ϢʔβʔϦαʔν ϖϧιφ ΧελϚʔδϟʔχʔ άϩʔεϋοΫ ϦʔϯΩϟϯόε αʔϏεϒϧʔϓϦϯτ σϓεΠϯλϏϡʔ ΤϯύγʔϚοϓ
5 ϢʔβʔϦαʔν ϖϧιφ ΧελϚʔδϟʔχʔ άϩʔεϋοΫ ϦʔϯΩϟϯόε αʔϏεϒϧʔϓϦϯτ σϓεΠϯλϏϡʔ ΤϯύγʔϚοϓ ΤϯδχΞͱͯ͠Կ͕Ͱ͖Δ͔
6 اըɾσβΠϯ ։ൃ 2" ϦϦʔε
7 اըɾσβΠϯ ։ൃ ͏·͍͔͘ͳ͍ͱΤϯδχΞ͕ऴ൫ʹۤ࿑ 2" ϦϦʔε
νʔϜͷՌΛ࠷େԽ͢ΔͨΊʹ ΤϯδχΞͱͯ͠Կ͕Ͱ͖Δ͔͕উෛʂ ʁ 8 اըɾσβΠϯ ։ൃ 2" ϦϦʔε
9 ෆ࣮֬ੑΛݟۃΊɺ։ൃϓϩηεΛઃܭ͠Α͏ ࠓ͓͍͑ͨ͜͠ͱ
10 ෆ࣮֬ੑͱʁ ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ Ͳ͏͍͏ܗͰϢʔβʔʹಧ͚Δͷ͕࠷ద͔ෆ࣮֬ ཁ͕݅ෆ࣮֬
11 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ૣظʹٕज़ݕূ͠ɺαʔϏε͕࣮ݱͰ͖ͳ͍ͱ͍͏࠷େͷϦεΫΛ௵͢
12 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 12 ٕज़తʹ͜Εແཧͬ͢ɾɾɾ 2" ϦϦʔε
13 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 13 ٕज़తʹ͜Εແཧͬ͢ʜ 2" ϦϦʔε
14 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ٕज़ݕূ اըɾσβΠϯ ։ൃ 14 ٕज़తʹ͜Εແཧͬ͢ɾɾɾ 2" ϦϦʔε
15 ྫʣ+*/4.&.&0''*$& 15 w จࣈ൫ʹͲ͏͍͏ใΛग़ͤΔͷ͔ w จࣈ൫ͷߋ৽ͲΕ͙Β͍ͷසͰͰ͖Δͷ͔ ूதσʔλΛ ΓͱΓ w
υΩϡϝϯτ͔Βௐࠪ w ϓϩτλΠϐϯάʢʹճߋ৽ʣ w ϓϩτλΠϓΛ͓٬༷ʹ৴͠ɺظ͍ͯ͠Δ ڍಈ͔ೝࣝ͋Θͤ
16 ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ ϢʔβʔʹͲΜͳܗͰಧ͚Δͷ͕࠷ద͔ෆ࣮֬ ັྗ࣭ΛݟۃΊɺϓϩτλΠϐϯά͢Δ
17 ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 17 શવϢʔβʔʹ ͞͞Βͣɾɾɾ 2" ϦϦʔε
18 ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ ϓϩτλΠϐϯά اըɾσβΠϯ ։ൃ 18 શવϢʔβʔʹ ͞͞Βͣɾɾɾ 2" ϦϦʔε
19 ԿΛͲ͏ϓϩτλΠϐϯά͢Δͷ͔
20 ͨΓલ࣭ͱັྗ࣭ΛΓ͚Α͏ ࢀߟʣङϞσϧ ຬɿߴ ຬɿ ίετɿେ ίετɿখ ັྗ࣭ ͨΓલ࣭ w
ͳ͍͍͚ͯ͘Ͳɺ͋ͬͨΒ͏Ε͍͠ w ڝ߹ͱͷࠩผԽʹͭͳ͕Δ w ϢʔβʔʹͱͬͯɺͦͷαʔϏεΛબ ΜͩΓɺ͍ଓ͚Δཧ༝ͱͳΔ w Ϣʔβʔʹͱͬͯɺ͋ͬͯͨΓલ ͳ͍ͱࠔΔ w αʔϏεʹͱͬͯɺඞਢͷػೳ ˠֆจࣈϦΞΫγϣϯ ྫʣ ˠνϟοτ ྫʣ
21 ͨΓલ࣭ணʑͱͭ͘Δ ັྗ࣭ʹϑΥʔΧεͯ͠ϓϩτλΠϐϯά͢Δ
22 ྫʣ+*/4.&.&0''*$& 22 ͨΓલ࣭Λ ணʑͱ࣮ w ूதσʔλͷੵ w ूதσʔλͷදࣔ w
ࠓͷूதঢ়ଶΛ ϦΞϧλΠϜʹදݱ w Ξχϝʔγϣϯ ັྗ࣭Λ࡞ͬͯյ͠ ͳ͕ΒϓϩτλΠϐϯά
23 ྫʣ+*/4.&.&0''*$&ɿϓϩτλΠϓͷมભ 23
24 ࣮ϕʔεͰϓϩτλΠϐϯά͖͔͢ݟۃΊΑ͏ ΤϯδχΞ σβΠφʔ w 4LFUDIϏδϡΞϧͷݕূ w 1SPUUը໘ભҠͷݕূ w 'MJOUPΞχϝʔγϣϯͷݕূ
w ࣮σʔλͰαʔϏεΛར༻ͯ͠ମݧΛݕূ w ࡉ͔ͳΠϯλϥΫγϣϯΛݕূ
25 ཁ͕݅ෆ࣮֬ ͨΓલ࣭Λ࣮֬ʹ୲อ͢Δ
26 ʁ اըɾσβΠϯ ։ൃ 26 όά͕ଟ͍ ಈ࡞͕ॏ͍ ॳఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘ ˠεέδϡʔϧ͕͖ͭ͘ͳΔ ཁ͕݅ෆ࣮֬ͦͷ̍
2" ϦϦʔε
27 "TTVNQUJPO.BQQJOH σʔλϞσϦϯά اըɾσβΠϯ 27 όά͕ଟ͍ ಈ࡞͕ॏ͍ ։ൃ ཁ͕݅ෆ࣮֬ͦͷ̍ 2"
ϦϦʔε ॳఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘ ˠεέδϡʔϧ͕͖ͭ͘ͳΔ
"TTVNQUJPO.BQQJOHɿෆ࣮֬ੑͷՄࢹԽ 28 ϦεΫɿߴ ະ ط ϦεΫɿ ΤϯδχΞͱͯ͠։ൃ্ͷ ϦεΫΛग़͢
29 σʔλϞσϦϯάͦͷ̍ 29 αʔϏε༰ʹΑͬͯͨΓલ࣭͕ଟ͘ٻΊΒΕΔ w งғؾͰΞδϟΠϧͱ͔ϓϩτλΠϐϯάͱ͔ݴͬͯಥ͖ਐΜͩΒɺޙ͔Β ߟྀ࿙Ε͕ͨ͘͞Μग़͖ͯͯരࢮ w ͔ͬ͠ΓϞσϦϯάͯ͠ɺొਓϢʔεέʔεΛચ͍ग़͢͜ͱ͕ॏཁ ྫʣ&$Ϣʔβʔͱళฮͷ྆ํΛߟྀ
Ϣʔβʔ&ɿͷݕࡧɺܾࡁɺΩϟϯηϧFUD ళฮɿཧɺૹɺച্ͷ֬ೝFUD
30 σʔλϞσϦϯάͦͷ̎ l ϧΠεɾαϦϰΝϯ ܗଶػೳʹै͏ 6*σʔλߏʹै͏
31 6* %# "1* %#"1*ʹΑͬͯɺදࣔͰ͖Δใɾ6*ܾ·ͬͯ͘Δ ޙ͔Βมߋͮ͠Β͍ มߋΛॏͶͯྑ͍ͷʹ͍ͨ͠ σʔλϞσϦϯάͦͷ̎
32 6* %# "1* %#"1*ʹΑͬͯɺදࣔͰ͖Δใɾ6*੍ݶ͞ΕΔ ޙ͔Βมߋͮ͠Β͍ มߋΛॏͶͯྑ͍ͷʹ͍ͨ͠ σʔλϞσϦϯάͦͷ̎ ΤϯδχΞ͕ใઃܭ͔ΒؔΘΖ͏ ใઃܭ͔Β%#ɺ"1*ઃܭɺ6*·ͰҰ؏ͯ͠σβΠϯ͢Δ
33 ʁ اըɾσβΠϯ ։ൃ 33 όά͕ଟ͍ ಈ࡞͕ॏ͍ ॳఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘ ˠεέδϡʔϧ͕͖ͭ͘ͳΔ ཁ͕݅ෆ࣮֬ͦͷ̎
2" ϦϦʔε
34 اըɾσβΠϯ 34 ύϑΥʔϚϯεɾ νϡʔχϯά ϒϥογϡΞοϓ ։ൃʢਐԽతϓϩτλΠϐϯάʣ ࣮֬ͳͱ͜Ζ͔Βઌʹ࡞Γ࢝ΊΔ ཁ͕݅ෆ࣮֬ͦͷ̎ 2"
ϦϦʔε
35 ਐԽతϓϩτλΠϐϯάͱ ͍ࣺͯܕ ਐԽత ͨΓલ࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠ ϒϥογϡΞοϓ ັྗ࣭ ϓϩτλΠϐϯάʹछྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͡ΊΔ
ࢀߟɿιϑτΣΞϓϩτλΠϐϯά - Wikipedia https://goo.gl/7ZNXG9
36 ਐԽతϓϩτλΠϐϯάͱ ͍ࣺͯܕ ਐԽత ͨΓલ࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠ ϒϥογϡΞοϓ ັྗ࣭ ϓϩτλΠϐϯάʹछྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͡ΊΔ
࣮֬ͳ෦͔Βૣ࣮͘ ͋ͱ͔ΒύϑΥʔϚϯεɾνϡʔχϯά ϒϥογϡΞοϓͷظؒΛ֬อ ࢀߟɿιϑτΣΞϓϩτλΠϐϯά - Wikipedia https://goo.gl/7ZNXG9
37 ਐԽతϓϩτλΠϐϯάͱ ͍ࣺͯܕ ਐԽత ͨΓલ࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠ ϒϥογϡΞοϓ ັྗ࣭ ϓϩτλΠϐϯάʹछྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͡ΊΔ
࣮֬ͳ෦͔Βૣ࣮͘ ͋ͱ͔ΒύϑΥʔϚϯεɾνϡʔχϯά ϒϥογϡΞοϓͷظؒΛ֬อ ࢀߟɿιϑτΣΞϓϩτλΠϐϯά - Wikipedia https://goo.gl/7ZNXG9 ύϑΥʔϚϯεɾνϡʔχϯά ΤϯδχΞʹ͔͠Ͱ͖ͳ͍69վળ ͲΜͳʹྑ͍ίϯςϯπɺ͖Ε͍ͳ6*Ͱॏ͔ͬͨΒ͍ͮΒ͍
38 ·ͱΊ
39 ΑΓྑ͍69Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏ 39 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ϢʔβʔʹͱͬͯՁ͕͋Δͷ͔ෆ࣮֬ Ͳ͏͍͏ܗͰϢʔβʔʹಧ͚Δͷ͕࠷ద͔ෆ࣮֬
ཁ͕݅ෆ࣮֬
40 40 ͨΓલ࣭ ັྗ࣭ ਐԽతϓϩτλΠϐϯά ͍ࣺͯܕϓϩτλΠϐϯά Ϣʔβʔʹͱͬͯ͋ͬͯͨΓલ ϢʔβʔʹͱͬͯαʔϏεΛ͍ଓ͚Δཧ༝ͱͳΔ ΑΓྑ͍69Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏
σʔλϞσϦϯάɾใઃܭ