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

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

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

0423bea8d0eb451276777e40c7a2a006?s=128

sagaraya

June 22, 2017
Tweet

Transcript

  1. 1 ΑΓྑ͍69Λ࣮ݱ͢Δ։ൃϓϩηεͱ͸  (PPEQBUDI&OHJOFFS.FFUVQWPMΤϯδχΞ໨ઢͰߟ͑ΔσβΠϯ ॏాܡ੤ʢ,FJTFJ4IJHFUBʣ

  2. 2 ॏాܡ੤ʢ,FJTFJ4IJHFUBʣ ৽ଔͰ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Λ࣮ݱ͢ΔͨΊʹɺෆ࣮֬ੑΛݟۃΊͯ
 ։ൃϓϩηεΛઃܭ͠Α͏

    σʔλϞσϦϯάɾ৘ใઃܭ