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
650
iOSでテーマ(着せ替え)機能を実装した時のTips
sagaraya
1
2.8k
Atomをもっと使いやすくする方法
sagaraya
5
2.8k
Other Decks in Technology
See All in Technology
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
moepy_stats
1
630
「AI駆動開発」のボトルネック『言語化』を効率化するには
taniiicom
1
120
ゼロから始めるSREの事業貢献 - 生成AI時代のSRE成長戦略と実践 / Starting SRE from Day One
shinyorke
PRO
0
230
PHPでResult型やってみよう
higaki_program
0
190
20250719_JAWS_kobe
takuyay0ne
1
160
AI時代にも変わらぬ価値を発揮したい: インフラ・クラウドを切り口にユーザー価値と非機能要件に向き合ってエンジニアとしての地力を培う
netmarkjp
0
220
TypeScript 上達の道
ysknsid25
9
1.1k
Bliki (ja), and the Cathedral, and the Bazaar
koic
8
1.3k
スプリントレビューを効果的にするために
miholovesq
9
1.6k
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
170
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
3
410
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
2
300
Featured
See All Featured
Designing for Performance
lara
610
69k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Gamification - CAS2011
davidbonilla
81
5.4k
Making Projects Easy
brettharned
116
6.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Fireside Chat
paigeccino
37
3.5k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
It's Worth the Effort
3n
185
28k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
How STYLIGHT went responsive
nonsquared
100
5.6k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏
σʔλϞσϦϯάɾใઃܭ