UIデザイナーって何考えてデザインしてるの？

副業先の非デザイナー向けに、UIやインタラクションをデザインをする時の考え方についてプレゼンした時の資料です。

※突っ込みどころはあると覚悟しているので、修正点などあればDMお待ちしています。

Transcript

1. 6*σβΠφʔͬͯԿߟ͑ͯ
   σβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer ?
2. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer σβΠφʔ͕σβΠϯ͢Δର৅͸ɺͨ͘͞Μ
3. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer σδλϧͷϢʔβʔମݧͰ΋ɺந৅͔Β۩ମ·Ͱ͞·͟· ந৅ ۩ମ
4. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer σδλϧͷϢʔβʔମݧͰ΋ɺந৅͔Β۩ମ·Ͱ͞·͟· ந৅ ۩ମ 6*σβΠϯͰ͸
   ͜ͷล
5. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer σδλϧͷϢʔβʔମݧͰ΋ɺந৅͔Β۩ମ·Ͱ͞·͟· ந৅ ۩ମ 6*σβΠϯͰ͸
   ͜ͷล ͜ͷล͸1.ͱܾΊΔ
   ʢ69ͷࠜװʣ
6. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer σδλϧͷϢʔβʔମݧͰ΋ɺந৅͔Β۩ମ·Ͱ͞·͟· ந৅ ۩ମ ࠓճ͸͜͜ʹϑΥʔΧε
7. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer ΠϯλϥΫγϣϯσβΠϯͬͯʁ
8. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer *OUFSBDUJPO ΠϯλϥΫγϣϯͱ͸ӳޠͷʮ
   JOUFSʢ૬ޓʹʣʯͱʮBDUJPOʢ࡞༻ʣʯΛ߹੒ͨ͠΋ͷɻ
   ͦͷجຊ͸ʮਓ͕ؒԿ͔ΞΫγϣϯ ૢ࡞΍ߦಈ Λͨ࣌͠ɺͦͷΞΫγϣϯ͕Ұํ௨ߦʹͳΒͣɺ ૬खଆͷγεςϜͳΓػث͕ͦͷΞΫγϣϯʹରԠͨ͠ϦΞΫγϣϯΛ͢Δʯͱ͍͏͜ͱ άάͬͯΈΔͱ
9. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
   c
   Designer ͭ·Γʁʁ
10. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΠϯλϥΫγϣϯͱ͸ Human System ૢ࡞ ൓Ԡ
11. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer  ΠϯλϥΫγϣϯͬͯԿʁ ਓ͕ؒػցʹରͯ͠ΞΫγϣϯͨ͠Β
    ͦΕʹରͯ͠ػց͕൓Ԡ͢Δ͜ͱ
12. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΠϯλϥΫγϣϯͱ͸ Human System ૢ࡞ ൓Ԡ
13. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΠϯλϥΫγϣϯͱ͸ Human System ૢ࡞ ৘ใΛදࣔ ৘ใΛ
    ղऍ ૢ࡞Λ
    ॲཧ ΋͏গ͠ৄ͘͠
14. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ʁ ͍ͭͰʹ 6*ͬͯͳʹʁ
15. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer *OUFSBDUJPO ΠϯλϥΫγϣϯͱ͸ӳޠͷʮ
    JOUFSʢ૬ޓʹʣʯͱʮBDUJPOʢ࡞༻ʣʯΛ߹੒ͨ͠΋ͷɻ
    ͦͷجຊ͸ʮਓ͕ؒԿ͔ΞΫγϣϯ ૢ࡞΍ߦಈ Λͨ࣌͠ɺͦͷΞΫγϣϯ͕Ұํ௨ߦʹͳΒͣɺ ૬खଆͷγεςϜͳΓػث͕ͦͷΞΫγϣϯʹରԠͨ͠ϦΞΫγϣϯΛ͢Δʯͱ͍͏͜ͱ άάͬͯΈΔͱ *OUFSGBDF ΠϯλϑΣʔε͸ɺ΋ͷ͝ͱͷڥքͱͳΔ෦෼ͱɺͦͷڥքͰͷϓϩτίϧΛࢦ͢ɻ
    ίϯϐϡʔλ ͳͲͰ͸ɺίϯϐϡʔλγεςϜ಺ɺ͋Δ͍͸γεςϜؒͷΠϯλϑΣʔε΍ɺਓؒͱػցͷؒͷ ΠϯλϑΣʔεʢώϡʔϚϯϚγϯΠϯλϑΣʔεʣͳͲ͕͋Δɻ
16. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ͭ·Γʁʁ
17. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΠϯλϥΫγϣϯͱ͸ Human System ૢ࡞ ৘ใΛදࣔ ৘ใΛ
    ղऍ ૢ࡞Λ
    ॲཧ
18. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΠϯλϥΫγϣϯͱ͸ Human System ૢ࡞ ৘ใΛදࣔ ৘ใΛ
    ղऍ ૢ࡞Λ
    ॲཧ ίϨ
19. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer  6*ͬͯԿʁ ਓؒͱػցͷΠϯλϥΫγϣϯΛ
    ஥հ͢ΔϞϊ
20. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer  6*ͬͯԿʁ ਓؒͱػցͷΠϯλϥΫγϣϯΛ
    ஥հ͢ΔϞϊ Α͘ͳ͍6*͸ɺେ఍ͷ৔߹
    ஥հ͕͏·͍ͬͯ͘ͳ͍
21. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer 6*͕͏·͍ͬͯ͘ͳ͍ͱ͖ʁ Human System ૢ࡞ ৘ใΛදࣔ ৘ใΛ
    ղऍ ૢ࡞Λ
    ॲཧ
22. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer 6*͕͏·͍ͬͯ͘ͳ͍ͱ͖ʁ Human System ૢ࡞ ৘ใΛදࣔ ৘ใΛ
    ղऍ ૢ࡞Λ
    ॲཧ ৘ใ͕ਖ਼͘͠ड͚औΕͳ͍
23. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ৘ใ͕ਖ਼͘͠ड͚औΕͳ͍ྫ Τϥʔͷཧ༝Λ
    ཧղͰ͖ͳ͍ ޡೝͯ͠͠·͏ ͦ΋ͦ΋
    ड͚औΖ͏ͱࢥ͑ͳ͍
24. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer 6*͕͏·͍ͬͯ͘ͳ͍ͱ͖ʁ Human System ૢ࡞ ৘ใΛදࣔ ৘ใΛ
    ղऍ ૢ࡞Λ
    ॲཧ ద੾ͳૢ࡞Λ૝ىͰ͖ͳ͍
25. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ద੾ͳૢ࡞Λ૝ىͰ͖ͳ͍ྫ Ϙλϯʹݟ͑ͳ͍ ͺͬͱݟͰ૝ఆͰ͖Δ
    ૢ࡞ͱҟͳΔ
    ʢσΟεϓϨΠΛԡ͢Α͏ʹݟ͑Δʣ
26. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer  6*σβΠφʔ͕ߟ͑ͯΔ͜ͱ ΠϯλϥΫγϣϯΛ્֐͢ΔϞϊΛ
    ͳΔ΂͘ͳ͘͢
27. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΠϯλϥΫγϣϯΛ
    ્֐ͯ͠Δͳɺͬͯࢥͬͨͱ͖ʹ
    Ͳ͏΍ͬͯͳ͍ͯ͘͘͠ͷʁ
28. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer )PX
    UP ํ๏͸ͨ͘͞Μ σβΠϯେݪଇ ΞϑΥʔμϯε γάχϑΝΠΞ ࣗݾؼଐײ ࢹઢ༠ಋ ϓϩτλΠϐϯά ϑΟʔυόοΫ ΦϒδΣΫτࢥߟ6*
29. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer )PX
    UP ࠓճ͸͜͜ʹϑΥʔΧε σβΠϯେݪଇ ΞϑΥʔμϯε γάχϑΝΠΞ ࣗݾؼଐײ ࢹઢ༠ಋ ϓϩτλΠϐϯά ϑΟʔυόοΫ ΦϒδΣΫτࢥߟ6*
30. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
31. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ੔ྻ
32. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ੔ྻ
33. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ੔ྻ ݟ͑ͳ͍ઢΛ࡞ͬͯ
    ࢹઢ༠ಋΛͳΊΒ͔ʹ
34. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ۙ઀
35. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ۙ઀
36. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇۙ઀ ৘ใͷߏ଄ʹԊͬͯ
    ༨നΛίϯτϩʔϧ
37. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇରൺ
38. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇରൺ
39. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇରൺ ཧղ͠΍͍͢৘ใߏ଄Λ
    ࢹઢ༠ಋͰఏࣔ
40. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ൓෮
41. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ൓෮
42. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer σβΠϯେݪଇ
    ൓෮ ྨࣅ৘ใͷελΠϧΛ౷Ұͯ͠
    Ұ໨Ͱྨࣅ৘ใͱΘ͔ΔΑ͏ʹ
43. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ΞϑΥʔμϯε Ϟϊ͕ߦҝΛ༠ൃ͢ΔɻʮʓʓͰ͖ͦ͏ʯײɻ Ҿ͚ͦ͏ʂ ԡͤͦ͏ʂ ճͤͦ͏ʂ ௫Ίͦ͏ʂ
44. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer 5XJUUFSͷ6*Λ෼ੳͯ͠ΈΔ
45. σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ൓෮ ΞϑΥʔμϯε ൓෮ ରൺ ΞϑΥʔμϯε ੔ྻ ൓෮
46. σβΠφʔͬͯԿߟ͑ͯ
    σβΠϯͯ͠Δͷʁ ΓΎʔ
    c
    Designer ?