より良いUXを実現するための開発プロセスとは / Development process for better UX

「Goodpatch Engineer Meetup Vol.3 エンジニア目線で考えるデザイン」の発表資料です。

Transcript

1. 1 ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱ͸ 
   (PPEQBUDI
   &OHJOFFS
   .FFUVQ
   WPM
   ΤϯδχΞ໨ઢͰߟ͑ΔσβΠϯ
   ॏా
   ܡ੤ʢ,FJTFJ
   4IJHFUBʣ
2. 2 ॏా
   ܡ੤ʢ,FJTFJ
   4IJHFUBʣ ৽ଔͰ8FCܥͷϝΨϕϯνϟʔʹೖࣾ
   ೥ۈΊͨ͋ͱɺσβΠϯʹڧ͘ͳΓͨͯ͘(PPEQBUDIʹೖࣾ
   ೥ͰҊ݅ʴड෇ΞϓϦʹܞΘΔ ΤϯδχΞ
   J04"OESPJE8FC ࢀߟɿiOSσϕϩούʔ͕άουύονͰֶΜͩνʔϜͰָ͘͠ಇͨ͘ΊͷελϯυϓϨΠͱ͸ https://www.wantedly.com/companies/goodpatch/post_articles/61755
3. ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱ͸ʁ 3 ࣄۀձࣾͰࣗࣾαʔϏεɺ(PPEQBUDIͰσβΠϯύʔτφʔͱͯ͠
 ৭ʑͳΫϥΠΞϯτͱ࢓ࣄΛͨ͠ܦݧ͔Β
4. 4 ϢʔβʔϦαʔν ϖϧιφ ΧελϚʔδϟʔχʔ άϩʔεϋοΫ ϦʔϯΩϟϯόε αʔϏεϒϧʔϓϦϯτ σϓεΠϯλϏϡʔ ΤϯύγʔϚοϓ
5. 5 ϢʔβʔϦαʔν ϖϧιφ ΧελϚʔδϟʔχʔ άϩʔεϋοΫ ϦʔϯΩϟϯόε αʔϏεϒϧʔϓϦϯτ σϓεΠϯλϏϡʔ ΤϯύγʔϚοϓ ΤϯδχΞͱͯ͠Կ͕Ͱ͖Δ͔
6. 6 اըɾσβΠϯ ։ൃ 2" ϦϦʔε
7. 7 اըɾσβΠϯ ։ൃ ͏·͍͔͘ͳ͍ͱΤϯδχΞ͕ऴ൫ʹۤ࿑ 2" ϦϦʔε
8. νʔϜͷ੒ՌΛ࠷େԽ͢ΔͨΊʹ
 ΤϯδχΞͱͯ͠Կ͕Ͱ͖Δ͔͕উෛʂ ʁ 8 اըɾσβΠϯ ։ൃ 2" ϦϦʔε
9. 9 ෆ࣮֬ੑΛݟۃΊɺ։ൃϓϩηεΛઃܭ͠Α͏ ࠓ೔͓఻͍͑ͨ͜͠ͱ
10. 10 ෆ࣮֬ੑͱ͸ʁ  ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬
     ϢʔβʔʹͱͬͯՁ஋͕͋Δͷ͔ෆ࣮֬
 Ͳ͏͍͏ܗͰϢʔβʔʹಧ͚Δͷ͕࠷ద͔ෆ࣮֬
     ཁ͕݅ෆ࣮֬
11. 11 
    
    ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ૣظʹٕज़ݕূ͠ɺαʔϏε͕࣮ݱͰ͖ͳ͍ͱ͍͏࠷େͷϦεΫΛ௵͢
12. 12 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 12 ٕज़తʹ͜Εແཧͬ͢ɾɾɾ 2" ϦϦʔε
13. 13 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 13 ٕज़తʹ͜Εແཧͬ͢ʜ 2" ϦϦʔε
14. 14 ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬ ٕज़ݕূ اըɾσβΠϯ ։ൃ 14 ٕज़తʹ͜Εແཧͬ͢ɾɾɾ 2" ϦϦʔε
15. 15 ྫʣ+*/4
    .&.&
    0''*$&
     15 w จࣈ൫ʹͲ͏͍͏৘ใΛग़ͤΔͷ͔
    w จࣈ൫ͷߋ৽͸ͲΕ͙Β͍ͷස౓ͰͰ͖Δͷ͔ ूதσʔλΛ
 ΍ΓͱΓ w υΩϡϝϯτ͔Βௐࠪ
    w ϓϩτλΠϐϯάʢ෼ʹճߋ৽ʣ
    w ϓϩτλΠϓΛ͓٬༷ʹ΋഑৴͠ɺظ଴͍ͯ͠Δ
 ڍಈ͔ೝࣝ͋Θͤ
16. 16 
    ϢʔβʔʹͱͬͯՁ஋͕͋Δͷ͔ෆ࣮֬

    
    
    
    ϢʔβʔʹͲΜͳܗͰಧ͚Δͷ͕࠷ద͔ෆ࣮֬ ັྗ඼࣭ΛݟۃΊɺϓϩτλΠϐϯά͢Δ
17. 17 ϢʔβʔʹͱͬͯՁ஋͕͋Δͷ͔ෆ࣮֬ ʁ اըɾσβΠϯ ։ൃ 17 શવϢʔβʔʹ
 ͞͞Βͣɾɾɾ 2" ϦϦʔε
18. 18 ϢʔβʔʹͱͬͯՁ஋͕͋Δͷ͔ෆ࣮֬ ϓϩτλΠϐϯά اըɾσβΠϯ ։ൃ 18 શવϢʔβʔʹ
 ͞͞Βͣɾɾɾ 2" ϦϦʔε
19. 19 ԿΛͲ͏ϓϩτλΠϐϯά͢Δͷ͔
20. 20 ౰ͨΓલ඼࣭ͱັྗ඼࣭Λ੾Γ෼͚Α͏ ࢀߟʣङ໺Ϟσϧ ຬ଍౓ɿߴ ຬ଍౓ɿ௿ ίετɿେ ίετɿখ ັྗ඼࣭ ౰ͨΓલ඼࣭ w ͳͯ͘΋͍͍͚Ͳɺ͋ͬͨΒ͏Ε͍͠
    w ڝ߹ͱͷࠩผԽʹͭͳ͕Δ
    w ϢʔβʔʹͱͬͯɺͦͷαʔϏεΛબ ΜͩΓɺ࢖͍ଓ͚Δཧ༝ͱͳΔ w Ϣʔβʔʹͱͬͯɺ͋ͬͯ౰ͨΓલ
 ͳ͍ͱࠔΔ
    w αʔϏεʹͱͬͯɺඞਢͷػೳ ˠ
    ֆจࣈϦΞΫγϣϯ ྫʣ ˠ
    νϟοτ ྫʣ
21. 21 ౰ͨΓલ඼࣭͸ணʑͱͭ͘Δ
    ັྗ඼࣭ʹϑΥʔΧεͯ͠ϓϩτλΠϐϯά͢Δ
22. 22 ྫʣ+*/4
    .&.&
    0''*$&
     22 ౰ͨΓલ඼࣭Λ
 ணʑͱ࣮૷ w ूதσʔλͷ஝ੵ
    w ूதσʔλͷදࣔ w ࠓͷूதঢ়ଶΛ
 ϦΞϧλΠϜʹදݱ
    w Ξχϝʔγϣϯ ັྗ඼࣭Λ࡞ͬͯ͸յ͠
 ͳ͕ΒϓϩτλΠϐϯά
23. 23 ྫʣ+*/4
    .&.&
    0''*$&
    ɿϓϩτλΠϓͷมભ 23
24. 24 ࣮૷ϕʔεͰϓϩτλΠϐϯά͢΂͖͔ݟۃΊΑ͏ ΤϯδχΞ σβΠφʔ w 4LFUDI
    
    ϏδϡΞϧͷݕূ
    w 1SPUU
    
    
    
    
    ը໘ભҠͷݕূ
    w 'MJOUP
    
    
    
    Ξχϝʔγϣϯͷݕূ w ࣮σʔλͰαʔϏεΛར༻ͯ͠ମݧΛݕূ
    w ࡉ͔ͳΠϯλϥΫγϣϯΛݕূ
25. 25 
    ཁ͕݅ෆ࣮֬ ౰ͨΓલ඼࣭Λ࣮֬ʹ୲อ͢Δ
26. 26 ʁ اըɾσβΠϯ ։ൃ 26 όά͕ଟ͍
 ಈ࡞͕ॏ͍ ౰ॳ૝ఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘
 ˠ
    εέδϡʔϧ͕͖ͭ͘ͳΔ ཁ͕݅ෆ࣮֬
    ͦͷ̍ 2" ϦϦʔε
27. 27 "TTVNQUJPO
    .BQQJOH
    σʔλϞσϦϯά اըɾσβΠϯ 27 όά͕ଟ͍
 ಈ࡞͕ॏ͍ ։ൃ ཁ͕݅ෆ࣮֬
    ͦͷ̍ 2" ϦϦʔε ౰ॳ૝ఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘
 ˠ
    εέδϡʔϧ͕͖ͭ͘ͳΔ
28. "TTVNQUJPO
    .BQQJOHɿෆ࣮֬ੑͷՄࢹԽ 28 ϦεΫɿߴ ະ஌ ط஌ ϦεΫɿ௿ ΤϯδχΞͱͯ͠։ൃ্ͷ
 ϦεΫΛग़͢
29. 29 σʔλϞσϦϯά
    ͦͷ̍ 29 αʔϏε಺༰ʹΑͬͯ͸౰ͨΓલ඼࣭͕ଟ͘ٻΊΒΕΔ w งғؾͰΞδϟΠϧͱ͔ϓϩτλΠϐϯάͱ͔ݴͬͯಥ͖ਐΜͩΒɺޙ͔Β
 ߟྀ࿙Ε͕ͨ͘͞Μग़͖ͯͯരࢮ
    w ͔ͬ͠ΓϞσϦϯάͯ͠ɺొ৔ਓ෺΍ϢʔεέʔεΛચ͍ग़͢͜ͱ͕ॏཁ ྫʣ&$͸Ϣʔβʔͱళฮͷ྆ํΛߟྀ
    Ϣʔβʔ
    &
    ɿ
    ঎඼ͷݕࡧɺܾࡁɺΩϟϯηϧ
    FUD

    
    
    ళฮ
    
    ɿ
    ঎඼؅ཧɺ഑ૹɺച্ͷ֬ೝ
    FUD
30. 30 σʔλϞσϦϯά
    ͦͷ̎ l ϧΠεɾαϦϰΝϯ ܗଶ͸ػೳʹै͏ 6*͸σʔλߏ଄ʹै͏
31. 31 6* %#
    "1* %#΍"1*ʹΑͬͯɺදࣔͰ͖Δ৘ใɾ6*͸ܾ·ͬͯ͘Δ ޙ͔Βมߋͮ͠Β͍ มߋΛॏͶͯྑ͍΋ͷʹ͍ͨ͠ σʔλϞσϦϯά
    ͦͷ̎
32. 32 6* %#
    "1* %#΍"1*ʹΑͬͯɺදࣔͰ͖Δ৘ใɾ6*͸੍ݶ͞ΕΔ ޙ͔Βมߋͮ͠Β͍ มߋΛॏͶͯྑ͍΋ͷʹ͍ͨ͠ σʔλϞσϦϯά
    ͦͷ̎ ΤϯδχΞ͕৘ใઃܭ͔ΒؔΘΖ͏ ৘ใઃܭ͔Β%#ɺ"1*ઃܭɺ6*·ͰҰ؏ͯ͠σβΠϯ͢Δ
33. 33 ʁ اըɾσβΠϯ ։ൃ 33 όά͕ଟ͍
 ಈ࡞͕ॏ͍ ౰ॳ૝ఆͰ͖ͯͳ͍ཁ݅ʹؾͮ͘
 ˠ
    εέδϡʔϧ͕͖ͭ͘ͳΔ ཁ͕݅ෆ࣮֬
    ͦͷ̎ 2" ϦϦʔε
34. 34 اըɾσβΠϯ 34 ύϑΥʔϚϯεɾ νϡʔχϯά
 ϒϥογϡΞοϓ ։ൃʢਐԽతϓϩτλΠϐϯάʣ ࣮֬ͳͱ͜Ζ͔Βઌʹ࡞Γ࢝ΊΔ ཁ͕݅ෆ࣮֬
    ͦͷ̎ 2" ϦϦʔε
35. 35 ਐԽతϓϩτλΠϐϯάͱ͸ ࢖͍ࣺͯܕ ਐԽత ౰ͨΓલ඼࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠
 ϒϥογϡΞοϓ ັྗ඼࣭ ϓϩτλΠϐϯάʹ͸छྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͸͡ΊΔ ࢀߟɿιϑτ΢ΣΞϓϩτλΠϐϯά - Wikipedia
 https://goo.gl/7ZNXG9
36. 36 ਐԽతϓϩτλΠϐϯάͱ͸ ࢖͍ࣺͯܕ ਐԽత ౰ͨΓલ඼࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠
 ϒϥογϡΞοϓ ັྗ඼࣭ ϓϩτλΠϐϯάʹ͸छྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͸͡ΊΔ ࣮֬ͳ෦෼͔Βૣ࣮͘૷
    ͋ͱ͔ΒύϑΥʔϚϯεɾνϡʔχϯά΍
 ϒϥογϡΞοϓͷظؒΛ֬อ ࢀߟɿιϑτ΢ΣΞϓϩτλΠϐϯά - Wikipedia
 https://goo.gl/7ZNXG9
37. 37 ਐԽతϓϩτλΠϐϯάͱ͸ ࢖͍ࣺͯܕ ਐԽత ౰ͨΓલ඼࣭ ෆ࣮֬ͳͱ͜ΖΛૣ͘࡞ͬͯݕূͯ͠
 ϒϥογϡΞοϓ ັྗ඼࣭ ϓϩτλΠϐϯάʹ͸छྨ͋Δ ࣮֬ͳͱ͜Ζ͔Βঃʑʹɺૣ͘࡞Γ͸͡ΊΔ ࣮֬ͳ෦෼͔Βૣ࣮͘૷
    ͋ͱ͔ΒύϑΥʔϚϯεɾνϡʔχϯά΍
 ϒϥογϡΞοϓͷظؒΛ֬อ ࢀߟɿιϑτ΢ΣΞϓϩτλΠϐϯά - Wikipedia
 https://goo.gl/7ZNXG9 ύϑΥʔϚϯεɾνϡʔχϯά͸
 ΤϯδχΞʹ͔͠Ͱ͖ͳ͍69վળ ͲΜͳʹྑ͍ίϯςϯπɺ͖Ε͍ͳ6*Ͱ΋ॏ͔ͬͨΒ࢖͍ͮΒ͍
38. 38 ·ͱΊ
39. 39 ΑΓྑ͍69Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ
 ։ൃϓϩηεΛઃܭ͠Α͏ 39  ٕज़తʹ࣮ݱͰ͖Δ͔ෆ࣮֬
     ϢʔβʔʹͱͬͯՁ஋͕͋Δͷ͔ෆ࣮֬
 Ͳ͏͍͏ܗͰϢʔβʔʹಧ͚Δͷ͕࠷ద͔ෆ࣮֬
     ཁ͕݅ෆ࣮֬
40. 40 40 ౰ͨΓલ඼࣭ ັྗ඼࣭ ਐԽతϓϩτλΠϐϯά ࢖͍ࣺͯܕϓϩτλΠϐϯά Ϣʔβʔʹͱͬͯ͋ͬͯ౰ͨΓલ ϢʔβʔʹͱͬͯαʔϏεΛ࢖͍ଓ͚Δཧ༝ͱͳΔ ΑΓྑ͍69Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ
 ։ൃϓϩηεΛઃܭ͠Α͏ σʔλϞσϦϯάɾ৘ใઃܭ