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

実装含めたプロトタイピングをやっていくための考え方や環境について、UX Engineer Meetupで話しました。

Transcript

1. ϓϩτλΠϓυϦϒϯͳσβΠϯ Λ࣮ݱ͢Δߟ͑ํͱ؀ڥ 2019/10/7 UX Engineer Meetup ॏా ܡ੤
2. ॏా ܡ੤ Shigeta Keisei ϛΫγΟ → Goodpatch → Sen → ΫοΫύου @sagaraya (Twitter/noteͳͲ) UXΤϯδχΞྺ2ʙ3೥
3. ϓϩτλΠϐϯάͯ͠·͔͢ʁ
4. ϞϊΛݟͳ͕Β࿩ͨ͠΄͏͕ੜ࢈ੑ͕ߴ͍ ૣ͘ϑΟʔυόοΫΛ΋Β͏ ݴ༿ʹͰ͖ͳ͍΋ͷΛΧλνʹ͠ͳ͕Βߟ͑Δ
5. ࣮ࡍ΍Δͷ͸೉͍͠ σβΠϯπʔϧͰͰ͖ͯ΋ɺ࣮૷ϨϕϧͰ ΍Δͷ͸͞Βʹ೉͍͠
6. ΋ͬͱ௿ίετͰݕূ͍ͨ͠ Ձ஋ͷΘ͔Βͳ͍΋ͷʹίετΛ ͔͚͍͍ͯͷ͔ ͤ·Δʒ੾
8. IUUQTUZQFKQFUGFBUVSF ʲUXΤϯδχΞΛ໨ࢦ͢ʹ͸ʁʳΫοΫύουͷUXΤϯδχΞ ʹฉ͍ͨɺಇ͖ํ΍ษڧ๏ - ΤϯδχΞtype | స৬type 20΋ͷϓϩτλΠϓͱݴޠԽͷ྆ྠͰΞϓϦΛϦ χϡʔΞϧ͠·ͨ͠ IUUQTOPUFNVTBHBSBZBOOBCDBBFG ͜Ε·ͰͰҰ൪ϓϩτλΠϐϯάͰ͖ͯΔ࣮ײ͕͋Δ
10. ͳͥͰ͖ͯΔͷ͔ʁ
11. 1. ʮliving onʯΛॏࢹ͢Δ 2. ΤϯδχΞͱͯ͠ͷৗࣝΛࣺͯΔ 3. ଍ճΓΛॆ࣮ͤͯ͞εϐʔυΞοϓ
12. ʮliving onʯΛॏࢹ͢Δ 1
13. $SFBUJWF
    4FMFDUJPO
    Q lࣗࣾ੡඼ͷ։ൃதʹɺͦͷ੡඼Λ։ൃऀࣗ਎͕࢖ͬͯධՁ͢Δख๏ Λɺ͜ͷۀքͰ͸ʮυοάϑʔσΟϯάʯͱ͍͏ɻ͜ͷ༻ޠ͸ݸਓతʹ ͋·Γ޷͖Ͱ͸ͳ͔ͬͨ͠ɺΞοϓϧతͳηϯεʹ΋ૌ͑ͳ͍ɻʢத ུʣΞοϓϧࣾ಺Ͱ΋ʮυοάϑʔσΟϯάʯͱݺͿ৔߹͸͕͋ͬͨɺ ։ൃதͷ੡඼Λ೔ৗੜ׆Ͱ࣮੡඼ͷΑ͏ʹ࢖͏͜ͱΛࢦͯ͠ΑΓසൟʹ ࢖ΘΕͨͷ͸ɺʮMJWJOH
    POʢ฻Β͢ʣʯͱ͍͏දݱͩͬͨɻz
14. ը໘
15. ը໘ ΞϓϦར༻தͷମݧ
16. ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ
17. ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ
18. ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ ຖ೔ͷମݧΛͱ͓ͯ͠ɺϢʔβʔ͕੒௕ͯ͠ ࣗ෼ͷײ֮ͰྉཧΛָ͠ΊΔΑ͏ʹͳΔ ໨ࢦ͢ͱ͜Ζ
19. ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ ϢʔβʔςετͰ
 ݕূͰ͖Δൣғ
20. ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δ೔ͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖ೔ͷମݧ ຊ౰ʹݕূ͍ͨ͠ൣғ
21. living on͢Δʢ೔ৗੜ׆ͷதͰ࢖͏ʣ ʹ͸࣮૷͢Δ͔͠ͳ͍
22. ΤϯδχΞͱͯ͠ͷৗࣝ ΛࣺͯΔ 2
23. σβΠϯ ΤϯδχΞϦϯά ࢖͍΍͢͞ ඒ͠͞ Ձ஋ΛఏڙͰ͖͍ͯΔ͔ ίϯηϓτ͕఻ΘΔ͔ อकੑ ҆ఆੑ ࢓༷Λຬ͍ͨͯ͠Δ͔
24. σβΠϯ ΤϯδχΞϦϯά ࢖͍΍͢͞ ඒ͠͞ Ձ஋ΛఏڙͰ͖͍ͯΔ͔ ίϯηϓτ͕఻ΘΔ͔ อकੑ ҆ఆੑ ࢓༷Λຬ͍ͨͯ͠Δ͔ ϓϩτλΠϐϯάͰߟ͑Δ
 ͷ͸ͬͪ͜
25. ϓϩτλΠϐϯά͸ΤϯδχΞϦϯάΛ ൐͏σβΠϯߦҝ
26. ΤϯδχΞϦϯά อकੑ ҆ఆੑ ࢓༷Λຬ͍ͨͯ͠Δ͔ ΤϯδχΞͱͯ͠
    ͷৗࣝ
27. ͖Ε͍ͳίʔυͰ͸ͳ͘εϐʔυΛ༏ઌ͢Δ ίʔυϨϏϡʔ͸͠ͳ͍ ΞʔΩςΫνϟ͸ڽΒͳ͍ εϐʔυ্͕ΔͳΒίʔυڞ௨Խ͢Δ͠ςετॻ͘
28. ࢓༷͸fix͢Δ΋ͷͰ͸ͳ͍ ͋Δͷ͸ݱ࣌఺ͷϕετ ࢓༷ܾ·ͬͯͳ͍͔Β࣮૷͠ͳ͍͸/(
29. ΈΜͳͰݟੵ΋Βͳ͍ ޻਺΍ظݶͰ͸ͳ͘ɺ඼࣭ʹϑΥʔΧε͢Δ
 ʢͱ͸͍͑ࣗ෼ͳΓʹ͍ͭ·Ͱʹ΍Δ͔͸ܾΊΔʣ ͋ͱͰΑΓྑ͍΋ͷΛࢥ͍͍ͭͯ΋Χλνʹ
 ͠΍͍͢
30. ίʔυΛॻ͘͜ͱʹͩ͜ΘΒͳ͍ σβΠϯπʔϧ࢖ͬͨ΄͏͕ૣ͘ࢼͤΔ৔߹΋͋Δ
31. ଍ճΓΛॆ࣮ͤͯ͞ εϐʔυΞοϓ 3
33. αʔϏεͰ͸ͳ͘ ձࣾͷDesign System ৽نࣄۀͰ΋࢖͑Δ
34. ίʔυԽ΋͞Ε͍ͯͯɺૣ͘ߴ͍඼࣭ͷ΋ͷΛͭ͘ΕΔ
35. ΫοΫύουͷ։ൃதͷΞϓϦΛμ΢ϯϩʔυͰ͖ΔαΠτ
37. ϥϕϧΛ͚ͭΕ͹Ϛʔδ͠ͳͯ͘΋ࣾ಺഑৴Ͱ͖Δ ૣ͘഑৴ͯ͠ϑΟʔυόοΫΛ΋Β͑Δ ৄ͘͠͸ͪ͜Βˣ ಈ࡞֬ೝͷͨΊͷࣾ಺ΞϓϦ഑৴αʔϏεΛ৽ͨʹ࡞ͬͨ࿩
    
    J04%$
    
 IUUQTTQFBLFSEFDLDPNTMJHIUBJSJPTED
38. 1. ʮliving onʯΛॏࢹ͢Δ 2. ΤϯδχΞͱͯ͠ͷৗࣝΛࣺͯΔ 3. ଍ճΓΛॆ࣮ͤͯ͞εϐʔυΞοϓ ೔ৗੜ׆Ͱ࢖͏ͨΊʹϓϩτλΠϐϯά͢Δ ϓϩτλΠϐϯά͸ΤϯδχΞϦϯάΛ൐͏σβΠϯߦҝ citrusʢձࣾͷσβΠϯγεςϜʣʗhanedaʢࣾ಺഑৴πʔϧʣ
39. ͓·͚ ࠓ೔࿩͞ͳ͔ͬͨ͜ͱ ࠙਌ձͰ࿩ͯ͠Έ͍ͨ͜ͱ
40. • ߟ͑ํɾ؀ڥͰ͸ͳ͘εΩϧ໘ͷ࿩ • ΤϯδχΞͱͯ͠1ਓલʹ΍͍ͬͯ͘εΩϧ ʴ ྑ͍ײ͡ྗ • UXͱ͍͏ݴ༿΁ͷ൷൑ͱͦΕʹର͢Δճ౴ • ϓϩτλΠϐϯά͢Δͱ͖ͱ͠ͳ͍ͱ͖ͷ࢖͍෼͚ • ΫοΫύουͰͷUXΤϯδχΞͷಇ͖ํ • UXΤϯδχΞืूதͳͷͰɺڵຯ͍Δํ͍ͨΒ͓࿩͠·͠ΐ͏ʂ