仕様伝達の解像度を高める！プロトタイプ入門編｜UI/UXデザイナー LT会 vol.5

プロトタイプ、どのくらいの種類があるかご存知でしょうか？プロトタイプと一口に言っても、実はそのときどきによって適切なプロトタイプがあります。今回はプロトタイプの種類や使い分けを紹介しながら、チームでプロダクト開発をしていく上でのプロトタイプの重要性についてお話させていただきます。

■こちらはUI/UXデザイナー LT会 vol.5での登壇スライドになります。
https://rakus.connpass.com/event/223225/

Transcript

1. ࢓༷఻ୡͷղ૾౓ΛߴΊΔʂ ϓϩτλΠϓೖ໳ฤ 
   ૑଄ਆ͘ΖͪΌΜʛ,VSPTBLJ
   :VLB
2. ૑଄ਆ͘ΖͪΌΜʛ,VSPTBLJ
   :VLB 
   ژ౎ࢢཱܳज़େֶʛϏδϡΞϧσβΠϯଔ
   
   ›$ʛδϡΤϦʔσβΠφʔ
   
   גࣜձࣾ+0--:
   (00%ʛαʔϏε։ൃ෦
   
   ಉ্ʛܦӦاըࣨ
   69ετϥςδετ ৽نϓϩμΫτσΟϨΫγϣϯ
   
   ࢓༷ɾཁ݅ఆٛ
   
   
   6*69σβΠϯ
   
   αʔϏεσβΠϯɹFUDʜ IUUQTXXX26-0PPP !P26-0P
3. ಥવͰ͕͢
4. ΞϓϦͩͬͨΓXFCͩͬͨΓΛ࡞ͬͯͯʜ
5. ࢓༷Λ఻͑Δͬͯ೉͘͠ͳ͍Ͱ͔͢ʁ ΞϓϦͩͬͨΓXFCͩͬͨΓΛ࡞ͬͯͯʜ
6. ࢓༷఻ୡΛʜ ϏδωεαΠυ σβΠφʔ ΤϯδχΞ
7. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
   σβΠφʔ ΤϯδχΞ
8. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
   σβΠφʔ ΤϯδχΞ ˓
   ͙͢ʹ఻͑ΒΕΔ
   ʷ
   ݴ༿଍ΒͣͷՄೳੑ
   ʷ
   ϩά͕࢒Βͳ͍ ˓
   ϩά͕࢒Δ
   ʷʮମݧʯ͕Ͱ͖ͳ͍
   ˠ׬੒Πϝʔδ͕ਓʹΑΔ
   ʷ
   ݸਓͷจষྗʹґଘ ˓
   ʮମݧʯ͕Ͱ͖Δ
   ˠ׬੒ΠϝʔδͷҰக
   ˓
   ద੾ͳϑΟʔυόοΫ
   ʷ
   ੍࡞޻਺͕͔͔Δ
9. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
   σβΠφʔ ΤϯδχΞ ௿ ߴ ࢓༷఻ୡͷղ૾౓ ˓
   ͙͢ʹ఻͑ΒΕΔ
   ʷ
   ݴ༿଍ΒͣͷՄೳੑ
   ʷ
   ϩά͕࢒Βͳ͍ ˓
   ϩά͕࢒Δ
   ʷʮମݧʯ͕Ͱ͖ͳ͍
   ˠ׬੒Πϝʔδ͕ਓʹΑΔ
   ʷ
   ݸਓͷจষྗʹґଘ ˓
   ʮମݧʯ͕Ͱ͖Δ
   ˠ׬੒ΠϝʔδͷҰக
   ˓
   ద੾ͳϑΟʔυόοΫ
   ʷ
   ੍࡞޻਺͕͔͔Δ
10. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ௿ ߴ ࢓༷఻ୡͷղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ ˓
    ϩά͕࢒Δ
    ʷʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ
    ʷ
    ݸਓͷจষྗʹґଘ ˓
    ͙͢ʹ఻͑ΒΕΔ
    ʷ
    ݴ༿଍ΒͣͷՄೳੑ
    ʷ
    ϩά͕࢒Βͳ͍ ˓
    ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˓
    ద੾ͳϑΟʔυόοΫ
    ʷ
    ੍࡞޻਺͕͔͔Δ
11. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ݴ༿଍ΒͣͷՄೳੑ
    ԿΛ఻͔͑ͨͷ
    ϩά͕࢒Βͳ͍ ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˠద੾ͳϑΟʔυόοΫ ௿ ߴ ίϛϡχέʔγϣϯղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ ϓϩτλΠϓͱ͸ʂ
12. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ݴ༿଍ΒͣͷՄೳੑ
    ԿΛ఻͔͑ͨͷ
    ϩά͕࢒Βͳ͍ ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˠద੾ͳϑΟʔυόοΫ ௿ ߴ ίϛϡχέʔγϣϯղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ ϓϩτλΠϓͱ͸ʂ ࢓༷఻ୡͷղ૾౓ʹख໭Γ޻਺࡟ݮ཰
13. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ݴ༿଍ΒͣͷՄೳੑ
    ԿΛ఻͔͑ͨͷ
    ϩά͕࢒Βͳ͍ ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˠద੾ͳϑΟʔυόοΫ ௿ ߴ ίϛϡχέʔγϣϯղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ ख໭Γ޻਺ ⬇︎ ɹϓϩμΫτΫΦϦςΟ ⬆︎ ϓϩτλΠϓͱ͸ʂ ࢓༷఻ୡͷղ૾౓ʹख໭Γ޻਺࡟ݮ཰
14. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ௿ ߴ ࢓༷఻ୡͷղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ ˓
    ͙͢ʹ఻͑ΒΕΔ
    ʷ
    ݴ༿଍ΒͣͷՄೳੑ
    ʷ
    ϩά͕࢒Βͳ͍ ˓
    ϩά͕࢒Δ
    ʷʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ
    ʷ
    ݸਓͷจষྗʹґଘ ˓
    ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˓
    ద੾ͳϑΟʔυόοΫ
    ʷ
    ੍࡞޻਺͕͔͔Δ
15. ͉͉͉͉ ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ௿ ߴ ࢓༷఻ୡͷղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ -PX'J )J'J ˓
    ͙͢ʹ఻͑ΒΕΔ
    ʷ
    ݴ༿଍ΒͣͷՄೳੑ
    ʷ
    ϩά͕࢒Βͳ͍ ˓
    ϩά͕࢒Δ
    ʷʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ
    ʷ
    ݸਓͷจষྗʹґଘ ˓
    ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˓
    ద੾ͳϑΟʔυόοΫ
    ʷ
    ੍࡞޻਺͕͔͔Δ
16. ͉͉͉͉ ͉͉͉͉ ࢓༷఻ୡΛʜ ϏδωεαΠυ ޱ಄ ςΩετ ϓϩτλΠϓ
    σβΠφʔ ΤϯδχΞ ௿ ߴ ࢓༷఻ୡͷղ૾౓ ௿ ߴ ख໭Γ޻਺࡟ݮ཰ -PX'J )J'J ˓
    ͙͢ʹ఻͑ΒΕΔ
    ʷ
    ݴ༿଍ΒͣͷՄೳੑ
    ʷ
    ϩά͕࢒Βͳ͍ ˓
    ϩά͕࢒Δ
    ʷʮମݧʯ͕Ͱ͖ͳ͍
    ˠ׬੒Πϝʔδ͕ਓʹΑΔ
    ʷ
    ݸਓͷจষྗʹґଘ ˓
    ʮମݧʯ͕Ͱ͖Δ
    ˠ׬੒ΠϝʔδͷҰக
    ˓
    ద੾ͳϑΟʔυόοΫ
    ʷ
    ੍࡞޻਺͕͔͔Δ
17. ϓϩτλΠϓͬͯͲΜͳछྨ͕͋Δͷʁ
18. ϓϩτλΠϓͷछྨ ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯϓϩτλΠϓ 5ϓϩτλΠϓ
    Φζͷຐ๏࢖͍
19. ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J
20. ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
21. ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
22. ϖʔύʔϓϩτλΠϓ ɾࢴ
    ɾϖϯ ࢖༻πʔϧ ɾϞϊΫϩͰ0,ʂ
    ɾΠϝʔδΛܗʹ͓ͯ͜͠ΈΑ͏ͱ͢Δ͜ͱ
    ɾϗϫΠτϘʔυͳͲͷ׆༻΋🙆
23. IUUQTXXXVJTUFODJMTDPNQSPEVDUTJQIPOFTUFODJMLJU 6*
    45&/$*-4
24. ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
25. ϫΠϠʔϑϨʔϜ w NJSP
    w 1SPUU
    w fi HNB
    w "EPCF
    9% ࢖༻πʔϧ ɾϞϊΫϩͰ0,ʂ
    ɾͲ͜ʹͳΜͷ৘ใ͕͘Δ͔ʁ
    ɾπʔϧʹΑͬͯ͸ը໘ભҠΛಈతʹ
    ɹσβΠϯ͢Δ͜ͱ͕Մೳ IUUQTMJHJODDPKQ w 4LFUDI
    w &YDFM
    w 1PXFS1PJOU 
 FUDʜ
26. ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
27. σβΠϯϓϩτλΠϓ w fi HNB
    w 4LFUDI
    w "EPCF
    9%
    w "EPCF
    *MMVTUSBUPS
    w "EPCF
    1IPUPTIPQɹFUDʜ ࢖༻πʔϧ w σβΠϯίϯηϓτͷࡦఆ
    w Χϥʔίʔυͷࢦఆ
    w ίϯϙʔωϯτͷ࡞੒ IUUQTNJONL4UI
28. σβΠϯϓϩτλΠϓ ϞϊΫϩ
    ˣ
    ৭࠼ݕ౼ͷϑϩʔ IUUQTJOUFSTPHDPJMCMPHIPXQSPUPUZQJOHIFMQTUPNBLFCFUUFSEJHJUBMQSPEVDUT
29. ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
30. ΠϯλϥΫγϣϯϓϩτλΠϓ w 'SBNFS
    w JOWJTJPO
    w 0SJHBNJ
    4UVEJP
    w 1SPU1JFɹFUDʜ ࢖༻πʔϧ w ΞχϝʔγϣϯͷϓϩτλΠϓ
    w ϊʔίʔυπʔϧతʹ੍࡞Ͱ͖Δ
    
    w ྲྀ༻ՄೳͳίʔυԽ IUUQTXXXUPQUBMDPNEFTJHOFSTGSBNFSKTGSBNFSUVUPSJBMDSFBUJOHQSPUPUZQFT
31. 'MVUUFS'MPX
    
    (PPHMF੡ϞόΠϧϑϨʔϜϫʔΫ'MVUUFSʹಛԽ IUUQT fl VUUFS fl PXJP
32. ϓϩτλΠϓͷछྨ ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯϓϩτλΠϓ 5ϓϩτλΠϓ
    Φζͷຐ๏࢖͍
33. 5ϓϩτλΠϓ Φζͷຐ๏࢖͍ ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
34. 5ϓϩτλΠϓ
35. 5ϓϩτλΠϓ
36. Φζͷຐ๏࢖͍
37. 5ϓϩτλΠϓ Φζͷຐ๏࢖͍ ϓϩτλΠϓਫ਼౓ ޻਺ ߴ ௿ -PX'J )J'J ϖʔύʔϓϩτλΠϓ ϫΠϠʔϑϨʔϜ σβΠϯϓϩτλΠϓ ΠϯλϥΫγϣϯ
    ϓϩτλΠϓ
38. ϓϩτλΠϓڞ༗࣌ʹߟ͑ͨ΄͏͕͍͍͜ͱ🤔
39. ϓϩτλΠϓڞ༗࣌ʹߟ͑ͨ΄͏͕͍͍͜ͱ🤔 େਓ਺ϓϩδΣΫτͷࡍʹɺ͍͔ʹޮ཰తʹೝࣝڞ༗Λ͢Δ͔ʁ
40. اըɾ࢓༷ॻ࡞੒ ཁ݅ఆٛ ը໘ઃܭɾ6*σβΠϯ ࣮૷ ▶︎ ▶︎ ▶︎
41. ཁ݅ఆٛ ը໘ઃܭɾ6*σβΠϯ ࣮૷ ▶︎ ▶︎ ▶︎ ϏδωεαΠυͱͷڞ༗είʔϓ اըɾ࢓༷ॻ࡞੒
42. ཁ݅ఆٛ ը໘ઃܭɾ6*σβΠϯ ࣮૷ ▶︎ ▶︎ ▶︎ σβΠφʔɾΤϯδχΞαΠυͱͷڞ༗είʔϓ اըɾ࢓༷ॻ࡞੒ ϏδωεαΠυͱͷڞ༗είʔϓ
43. ཁ݅ఆٛ ը໘ઃܭɾ6*σβΠϯ ࣮૷ ▶︎ ▶︎ ▶︎ ϏδωεαΠυͱͷڞ༗είʔϓ σβΠφʔɾΤϯδχΞαΠυͱͷڞ༗είʔϓ ϓϩδΣΫτϝϯόʔ਺͕૿͑ͯ͘Δͱ؅ཧ͕೉͘͠ͳΔ
    ෦໳ʹΑͬͯπʔϧʹೃછΈ͕͋Δਓɾͳ͍ਓͷࠩ΋Ͱͯ͘Δ
    ˠڞ༗͍ͨ͠෦໳ͷಛ௃ʹԠͯ͡ద੾ͳπʔϧΛબͿ͜ͱ΋େ੾ʂ اըɾ࢓༷ॻ࡞੒
44. 8SBQ
    6Q
45. اը ΤϯδχΞ σβΠφʔ Ӧۀ Ϛʔέλʔ
46. اը ΤϯδχΞ σβΠφʔ Ӧۀ Ϛʔέλʔ ࢓༷఻ୡͷ೉͠͞
47. اը ΤϯδχΞ σβΠφʔ Ӧۀ Ϛʔέλʔ ࢓༷఻ୡͷ೉͠͞ ʹ
    ߟ͑ํɾՁ஋؍ɾഎܠͷҧ͍
48. اը ΤϯδχΞ σβΠφʔ Ӧۀ Ϛʔέλʔ ࢓༷఻ୡͷ೉͠͞ ʹ
    ߟ͑ํɾՁ஋؍ɾഎܠͷҧ͍ ϓϩτλΠϓΛద੾ʹ࢖͍
    ࢓༷఻ୡͷղ૾౓ΛߴΊΔ͜ͱ͕େ੾ʂ
49. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·͢🙇 IUUQTXXX26-0PPP !P26-0P ࢀߟࢿྉ 5IJT
    JT
    4FSWJDF
    %FTJHO
    %PJOH
    αʔϏεσβΠϯͷ࣮ફ
    ϚʔΫɾεςΟΫυʔϯ