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
250
エンジニアリングを軸にデザインもやる、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
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
msykd
PRO
2
290
Postman AI エージェントビルダー最新情報
nagix
0
110
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
9
1.1k
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
210
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
140
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
3
300
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.3k
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
430
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
220
Github Copilot エージェントモードで試してみた
ochtum
0
100
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
140
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.1k
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Facilitating Awesome Meetings
lara
54
6.4k
A better future with KSS
kneath
239
17k
RailsConf 2023
tenderlove
30
1.1k
GraphQLとの向き合い方2022年版
quramy
48
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
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Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏
σʔλϞσϦϯάɾใઃܭ