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
48k
より良い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
230
エンジニアリングを軸にデザインもやる、UXエンジニアという働き方(公開版)/ Work style as a UX engineer
sagaraya
0
2.6k
プロトタイプドリブンなデザインを実現する考え方と環境 / Prototype-driven design
sagaraya
5
15k
エンジニアが使うツールから未来のデザインツールを予想する / Forecast design tools from tools used by engineers
sagaraya
0
620
iOSでテーマ(着せ替え)機能を実装した時のTips
sagaraya
1
2.8k
Atomをもっと使いやすくする方法
sagaraya
5
2.7k
Other Decks in Technology
See All in Technology
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
110
偏光画像処理ライブラリを作った話
elerac
1
170
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
110
脳波を用いた嗜好マッチングシステム
hokkey621
0
280
コンテナサプライチェーンセキュリティ
kyohmizu
1
140
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
240
CDKでカスタムランタイムを作成して、Lambdaをnode.js23+TypeScriptで動かしてみた
smt7174
2
110
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
190
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
120
遷移の高速化 ヤフートップの試行錯誤
narirou
6
1.1k
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.5k
実は強い 非ViTな画像認識モデル
tattaka
2
1.2k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.6k
Visualization
eitanlees
146
15k
RailsConf 2023
tenderlove
29
1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
GitHub's CSS Performance
jonrohan
1030
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Building an army of robots
kneath
303
45k
Embracing the Ebb and Flow
colly
84
4.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ ։ൃϓϩηεΛઃܭ͠Α͏
σʔλϞσϦϯάɾใઃܭ