プロトタイプドリブンなデザインを実現する考え方と環境 / Prototype-driven design

Transcript

1. 1.

   ϓϩτλΠϓυϦϒϯͳσβΠϯ Λ࣮ݱ͢Δߟ͑ํͱ؀ڥ 2019/10/7 UX Engineer Meetup ॏా ܡ੤

2. 2.

   ॏా ܡ੤ Shigeta Keisei ϛΫγΟ → Goodpatch → Sen →

   ΫοΫύου @sagaraya (Twitter/noteͳͲ) UXΤϯδχΞྺ2ʙ3೥
3. 3.

   ϓϩτλΠϐϯάͯ͠·͔͢ʁ

4. 4.

   ϞϊΛݟͳ͕Β࿩ͨ͠΄͏͕ੜ࢈ੑ͕ߴ͍ ૣ͘ϑΟʔυόοΫΛ΋Β͏ ݴ༿ʹͰ͖ͳ͍΋ͷΛΧλνʹ͠ͳ͕Βߟ͑Δ

5. 5.

   ࣮ࡍ΍Δͷ͸೉͍͠ σβΠϯπʔϧͰͰ͖ͯ΋ɺ࣮૷ϨϕϧͰ ΍Δͷ͸͞Βʹ೉͍͠

6. 6.

   ΋ͬͱ௿ίετͰݕূ͍ͨ͠ Ձ஋ͷΘ͔Βͳ͍΋ͷʹίετΛ ͔͚͍͍ͯͷ͔ ͤ·Δʒ੾

7. 7.

   None
8. 8.

   IUUQTUZQFKQFUGFBUVSF ʲUXΤϯδχΞΛ໨ࢦ͢ʹ͸ʁʳΫοΫύουͷUXΤϯδχΞ ʹฉ͍ͨɺಇ͖ํ΍ษڧ๏ - ΤϯδχΞtype | స৬type 20΋ͷϓϩτλΠϓͱݴޠԽͷ྆ྠͰΞϓϦΛϦ χϡʔΞϧ͠·ͨ͠ IUUQTOPUFNVTBHBSBZBOOBCDBBFG

   ͜Ε·ͰͰҰ൪ϓϩτλΠϐϯάͰ͖ͯΔ࣮ײ͕͋Δ
9. 9.

   None
10. 10.

    ͳͥͰ͖ͯΔͷ͔ʁ

11. 11.

    1. ʮliving onʯΛॏࢹ͢Δ 2. ΤϯδχΞͱͯ͠ͷৗࣝΛࣺͯΔ 3. ଍ճΓΛॆ࣮ͤͯ͞εϐʔυΞοϓ

12. 12.

    ʮliving onʯΛॏࢹ͢Δ 1

13. 13.

    $SFBUJWF
    4FMFDUJPO
    Q lࣗࣾ੡඼ͷ։ൃதʹɺͦͷ੡඼Λ։ൃऀࣗ਎͕࢖ͬͯධՁ͢Δख๏ Λɺ͜ͷۀքͰ͸ʮυοάϑʔσΟϯάʯͱ͍͏ɻ͜ͷ༻ޠ͸ݸਓతʹ ͋·Γ޷͖Ͱ͸ͳ͔ͬͨ͠ɺΞοϓϧతͳηϯεʹ΋ૌ͑ͳ͍ɻʢத ུʣΞοϓϧࣾ಺Ͱ΋ʮυοάϑʔσΟϯάʯͱݺͿ৔߹͸͕͋ͬͨɺ ։ൃதͷ੡඼Λ೔ৗੜ׆Ͱ࣮੡඼ͷΑ͏ʹ࢖͏͜ͱΛࢦͯ͠ΑΓසൟʹ ࢖ΘΕͨͷ͸ɺʮMJWJOH
    POʢ฻Β͢ʣʯͱ͍͏දݱͩͬͨɻz

14. 14.

    ը໘

15. 15.

    ը໘ ΞϓϦར༻தͷମݧ

16. 16.

    ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ

17. 17.

    ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ

18. 18.

    ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ ຖ೔ͷମݧΛͱ͓ͯ͠ɺϢʔβʔ͕੒௕ͯ͠ ࣗ෼ͷײ֮ͰྉཧΛָ͠ΊΔΑ͏ʹͳΔ

    ໨ࢦ͢ͱ͜Ζ
19. 19.

    ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ ϢʔβʔςετͰ
 ݕূͰ͖Δൣғ

20. 20.

    ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ ຊ౰ʹݕূ͍ͨ͠ൣғ

21. 21.

    living on͢Δʢ೔ৗੜ׆ͷதͰ࢖͏ʣ ʹ͸࣮૷͢Δ͔͠ͳ͍

22. 22.

    ΤϯδχΞͱͯ͠ͷৗࣝ ΛࣺͯΔ 2

23. 23.

    σβΠϯ ΤϯδχΞϦϯά ࢖͍΍͢͞ ඒ͠͞ Ձ஋ΛఏڙͰ͖͍ͯΔ͔ ίϯηϓτ͕఻ΘΔ͔ อकੑ ҆ఆੑ ࢓༷Λຬ͍ͨͯ͠Δ͔

24. 24.

    σβΠϯ ΤϯδχΞϦϯά ࢖͍΍͢͞ ඒ͠͞ Ձ஋ΛఏڙͰ͖͍ͯΔ͔ ίϯηϓτ͕఻ΘΔ͔ อकੑ ҆ఆੑ ࢓༷Λຬ͍ͨͯ͠Δ͔ ϓϩτλΠϐϯάͰߟ͑Δ


    ͷ͸ͬͪ͜
25. 25.

    ϓϩτλΠϐϯά͸ΤϯδχΞϦϯάΛ ൐͏σβΠϯߦҝ

26. 26.

    ΤϯδχΞϦϯά อकੑ ҆ఆੑ ࢓༷Λຬ͍ͨͯ͠Δ͔ ΤϯδχΞͱͯ͠
    ͷৗࣝ

27. 27.

    ͖Ε͍ͳίʔυͰ͸ͳ͘εϐʔυΛ༏ઌ͢Δ ίʔυϨϏϡʔ͸͠ͳ͍ ΞʔΩςΫνϟ͸ڽΒͳ͍ εϐʔυ্͕ΔͳΒίʔυڞ௨Խ͢Δ͠ςετॻ͘

28. 28.

    ࢓༷͸fix͢Δ΋ͷͰ͸ͳ͍ ͋Δͷ͸ݱ࣌఺ͷϕετ ࢓༷ܾ·ͬͯͳ͍͔Β࣮૷͠ͳ͍͸/(

29. 29.

    ΈΜͳͰݟੵ΋Βͳ͍ ޻਺΍ظݶͰ͸ͳ͘ɺ඼࣭ʹϑΥʔΧε͢Δ
 ʢͱ͸͍͑ࣗ෼ͳΓʹ͍ͭ·Ͱʹ΍Δ͔͸ܾΊΔʣ ͋ͱͰΑΓྑ͍΋ͷΛࢥ͍͍ͭͯ΋Χλνʹ
 ͠΍͍͢

30. 30.

    ίʔυΛॻ͘͜ͱʹͩ͜ΘΒͳ͍ σβΠϯπʔϧ࢖ͬͨ΄͏͕ૣ͘ࢼͤΔ৔߹΋͋Δ

31. 31.

    ଍ճΓΛॆ࣮ͤͯ͞ εϐʔυΞοϓ 3

32. 32.

    None
33. 33.

    αʔϏεͰ͸ͳ͘ ձࣾͷDesign System ৽نࣄۀͰ΋࢖͑Δ

34. 34.

    ίʔυԽ΋͞Ε͍ͯͯɺૣ͘ߴ͍඼࣭ͷ΋ͷΛͭ͘ΕΔ

35. 35.

    ΫοΫύουͷ։ൃதͷΞϓϦΛμ΢ϯϩʔυͰ͖ΔαΠτ

36. 36.

    None
37. 37.

    ϥϕϧΛ͚ͭΕ͹Ϛʔδ͠ͳͯ͘΋ࣾ಺഑৴Ͱ͖Δ ૣ͘഑৴ͯ͠ϑΟʔυόοΫΛ΋Β͑Δ ৄ͘͠͸ͪ͜Βˣ ಈ࡞֬ೝͷͨΊͷࣾ಺ΞϓϦ഑৴αʔϏεΛ৽ͨʹ࡞ͬͨ࿩
    
    J04%$
    
 IUUQTTQFBLFSEFDLDPNTMJHIUBJSJPTED

38. 38.

    1. ʮliving onʯΛॏࢹ͢Δ 2. ΤϯδχΞͱͯ͠ͷৗࣝΛࣺͯΔ 3. ଍ճΓΛॆ࣮ͤͯ͞εϐʔυΞοϓ ೔ৗੜ׆Ͱ࢖͏ͨΊʹϓϩτλΠϐϯά͢Δ ϓϩτλΠϐϯά͸ΤϯδχΞϦϯάΛ൐͏σβΠϯߦҝ citrusʢձࣾͷσβΠϯγεςϜʣʗhanedaʢࣾ಺഑৴πʔϧʣ

39. 39.

    ͓·͚ ࠓ೔࿩͞ͳ͔ͬͨ͜ͱ ࠙਌ձͰ࿩ͯ͠Έ͍ͨ͜ͱ

40. 40.

    • ߟ͑ํɾ؀ڥͰ͸ͳ͘εΩϧ໘ͷ࿩ • ΤϯδχΞͱͯ͠1ਓલʹ΍͍ͬͯ͘εΩϧ ʴ ྑ͍ײ͡ྗ • UXͱ͍͏ݴ༿΁ͷ൷൑ͱͦΕʹର͢Δճ౴ • ϓϩτλΠϐϯά͢Δͱ͖ͱ͠ͳ͍ͱ͖ͷ࢖͍෼͚

    • ΫοΫύουͰͷUXΤϯδχΞͷಇ͖ํ • UXΤϯδχΞืूதͳͷͰɺڵຯ͍Δํ͍ͨΒ͓࿩͠·͠ΐ͏ʂ