Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザイナがエンジニアの 知識を持つこと

Shoko Terajima
December 12, 2020

デザイナがエンジニアの 知識を持つこと

デザイナがエンジニアの知識を持つとどんな感じかを話したスライドです。

Shoko Terajima

December 12, 2020
Tweet

More Decks by Shoko Terajima

Other Decks in Design

Transcript

  1. σβΠφ͕ΤϯδχΞͷ
    ஌ࣝΛ࣋ͭ͜ͱ
    !TIPLPMBUFEBZ
    3BJMT(JSMT(BUIFSJOH+BQBO

    View Slide

  2. !TIPLPMBUFEBZ
    #FUXFFO&OHJOFFSBOE%FTJHOFS
    .PUIFSPGUISFFDIJMESFO

    View Slide

  3. ͭͷΧϧςͷσβΠϯΛ
    ୲౰͍ͯ͠·͢

    View Slide

  4. º
    ͭͷΧϧςͷσβΠϯΛ
    ୲౰͍ͯ͠·͢

    View Slide

  5. 3BJMT(JSMTͱͷؔΘΓ

    View Slide

  6. TU
    UI
    UI
    (JSMTͱͯ͠ࢀՃ
    ϩΰ࡞੒ɺελοϑͱͯ͠ࢀՃ
    ΦʔΨφΠβʔͱͯ͠ࢀՃ
    .PSFʹࢀՃ
    ͜͜Βลͷظؒ͸ग़࢈Ҏ֎͸օۈ৆ͷ͸ͣɾɾ

    View Slide

  7. ͓·͚ϩΰ࡞੒ཪ࿩
    σβΠφͷํ޲ʹߦ͔͘
    ໎ͬͯͨࠒʹ
    ࣗ෼΁ͷ՝୊ͱͯ͠࡞੒
    (JSM 3VCZ
    ౦ژӺ

    View Slide

  8. ຊ୊
    σβΠφ͕ΤϯδχΞͷ
    ஌ࣝΛ࣋ͭͱ͍͏͜ͱ

    View Slide

  9. ։࠵৘ใ
    ˞༧૝Ͱ͋Γਖ਼ࣜͳσʔλͰ͸͋Γ·ͤΜ
    3BJMT(JSMTͷࢀՃऀ

    View Slide

  10. ։࠵৘ใ
    ΤϯδχΞ
    αΠτ
    ๚໰ऀ
    ϑΥϩϫʔ
    5-

    ։࠵اۀ
    ͷࣾһ
    ˞༧૝Ͱ͋Γਖ਼ࣜͳσʔλͰ͸͋Γ·ͤΜ
    3BJMT(JSMTͷࢀՃऀ

    View Slide

  11. ։࠵৘ใ
    ΤϯδχΞ
    αΠτ
    ๚໰ऀ
    ϑΥϩϫʔ
    5-

    ։࠵اۀ
    ͷࣾһ
    ˞༧૝Ͱ͋Γਖ਼ࣜͳσʔλͰ͸͋Γ·ͤΜ
    ಉ྅
    ༑ਓɾ
    ϑΥϩϫʔ
    Ո଒ɾ࿀ਓ
    3BJMT(JSMTͷࢀՃऀ

    View Slide

  12. ։࠵৘ใ
    ΤϯδχΞ
    αΠτ
    ๚໰ऀ
    ϑΥϩϫʔ
    5-

    ։࠵اۀ
    ͷࣾһ
    ˞༧૝Ͱ͋Γਖ਼ࣜͳσʔλͰ͸͋Γ·ͤΜ
    ಉ྅
    ༑ਓɾ
    ϑΥϩϫʔ
    Ո଒ɾ࿀ਓ
    3BJMT(JSMTͷࢀՃऀ
    ಉ྅
    ಛʹσβΠφ͕
    ଟ͍ҹ৅

    View Slide

  13. 3BJMT(JSMT͸ΤϯδχΞʹͳΔ͚ͩͰͳ͘ɺ
    ΤϯδχΞ஌ࣝΛ਎ʹ͚ͭͨ
    σβΠφʹͳΔͨΊʹ΋ྑͦ͞͏

    View Slide

  14. TU
    UI
    UI
    σβΠφͱͯ͠δϣϒνΣϯδ
    อकαϙʔτɾϚωδϝϯτۀ
    ࣾ໨
    ࣾ໨
    σβΠφͱͯ͠స৬
    ࣾ໨
    ϑϩϯτΤϯδχΞͱͯ͠స৬
    3BJMT(JSMTʹѹ౗తײँ

    View Slide

  15. 8FC΍ϩΰɺҹ࡮σβΠϯ͸
    ΋͏ਓͷσβΠφ͞Μʹ͓೚ͤ
    ϩΰ
    8FCαΠτ
    όφʔ
    ҹ࡮෺
    ηϯε͕͋ͬͯΠϥετ΋্खͳ
    !0#*@EFTV͞Μ͕୲౰ͯ͘͠ΕΔ
    ͋ͱ:PV5VCFͱ͔
    ϓϨθϯࢿྉͱ͔ɾɾ

    View Slide

  16. ࣗ෼͸։ൃαʔϏεͷσβΠϯΛ୲౰
    ϓϩτλΠϓ࡞੒Ҏ֎͸ΤϯδχΞͱҰॹʹ։ൃ

    View Slide

  17. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    σβΠϯΛ࢝Ίͨ౰ॳ

    View Slide

  18. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    ϓϩτλΠϓ
    ࡞੒
    σβΠϯΛ࢝Ίͨ౰ॳ

    View Slide

  19. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    ϓϩτλΠϓ
    ࡞੒
    σβΠϯΛ࢝Ίͨ౰ॳ
    ΤϯδχΞ
    ࣮૷

    View Slide

  20. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    ֬ೝ
    ϓϩτλΠϓ
    ࡞੒
    σβΠϯΛ࢝Ίͨ౰ॳ
    ΤϯδχΞ
    ࣮૷

    View Slide

  21. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    ֬ೝ
    ϓϩτλΠϓ
    ࡞੒
    σβΠϯΛ࢝Ίͨ౰ॳ
    ͜͜ͷԟ෮
    ͕ଟ͔ͬͨ
    ΤϯδχΞ
    ࣮૷

    View Slide

  22. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    ֬ೝ
    ϓϩτλΠϓ
    ࡞੒
    σβΠϯΛ࢝Ίͨ౰ॳ
    ͜͜ͷԟ෮
    ͕ଟ͔ͬͨ
    ΤϯδχΞ
    ࣮૷
    ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒
    ݱࡏ

    View Slide

  23. ࣗ෼ͷ࢓ࣄͷྲྀΕ
    ώΞϦϯά
    ֬ೝ
    ϓϩτλΠϓ
    ࡞੒
    σβΠϯΛ࢝Ίͨ౰ॳ
    ͜͜ͷԟ෮
    ͕ଟ͔ͬͨ
    ΤϯδχΞ
    ࣮૷
    ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒
    ݱࡏ
    ࣗ෼Ͱ
    ΍Δ͜ͱʹ

    View Slide

  24. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒
    ͋ΒΏΔύλʔϯΛચ͍ग़͠੾Εͳͯ͘΋
    େମޙͰͳΜͱ͔ͳΔɻ
    औΓ͜΅͠͸͋ΔલఏͰਐΊΔɻ
    ࢓༷ͷચ͍ग़ָ͕͠
    ΤϯδχΞ஌͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ

    View Slide

  25. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒ طଘͷ࢓༷ JGจͳͲ
    ͳͲ͸ίʔυΛಡΊ͹
    Θ͔ΔͷͰࣄલڞ༗͸গͳΊͰࡁΉ
    ͋ΒΏΔύλʔϯΛચ͍ग़͠੾Εͳͯ͘΋
    େମޙͰͳΜͱ͔ͳΔɻ
    औΓ͜΅͠͸͋ΔલఏͰਐΊΔɻ
    ࢓༷ͷચ͍ग़ָ͕͠
    ΤϯδχΞ஌͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ

    View Slide

  26. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒ طଘͷ࢓༷ JGจͳͲ
    ͳͲ͸ίʔυΛಡΊ͹
    Θ͔ΔͷͰࣄલڞ༗͸গͳΊͰࡁΉ
    ͋ΒΏΔύλʔϯΛચ͍ग़͠੾Εͳͯ͘΋
    େମޙͰͳΜͱ͔ͳΔɻ
    औΓ͜΅͠͸͋ΔલఏͰਐΊΔɻ
    ࢓༷ͷચ͍ग़ָ͕͠
    ύϑΥʔϚϯε΍࣮૷ίετΛߟ͑ͨҊΛෳ਺ग़͢
    Α͏ʹ͍ͯ͠Δ
    ίετͷߟָྀ͕
    ΤϯδχΞ஌͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ

    View Slide

  27. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒ طଘͷ࢓༷ JGจͳͲ
    ͳͲ͸ίʔυΛಡΊ͹
    Θ͔ΔͷͰࣄલڞ༗͸গͳΊͰࡁΉ
    ͋ΒΏΔύλʔϯΛચ͍ग़͠੾Εͳͯ͘΋
    େମޙͰͳΜͱ͔ͳΔɻ
    औΓ͜΅͠͸͋ΔલఏͰਐΊΔɻ
    ࢓༷ͷચ͍ग़ָ͕͠
    ύϑΥʔϚϯε΍࣮૷ίετΛߟ͑ͨҊΛෳ਺ग़͢
    Α͏ʹ͍ͯ͠Δ
    ίετͷߟָྀ͕
    ༨നͳͲ͸࣮૷Ͱ੔͑ͨΒ͍͍ͷͰɺϥϑͳ΋ͷͰ
    0,ͱ͍ͯ͠Δɻ
    ࡞੒ͷखؒɺ࣌ؒͷ୹ॖʹͳ͍ͬͯΔ
    ϓϩτ࡞੒ָ͕
    ΤϯδχΞ஌͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ

    View Slide

  28. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    σβΠϯ͸ͪ͜ΒͰ΍ΔͷͰɺػೳͷΈ࣮૷͘ΕͨΒ
    ྑ͍Ͱ͢
    ػೳ͕͋Ε͹͍͍
    ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ
    ϓϩτλΠϓ
    ࡞੒

    View Slide

  29. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    σβΠϯ͸ͪ͜ΒͰ΍ΔͷͰɺػೳͷΈ࣮૷͘ΕͨΒ
    ྑ͍Ͱ͢
    ػೳ͕͋Ε͹͍͍
    ڞ༗͸ϒϥϯνஔ͍ͯ͘Ε͍ͯͨΒɺ͋ͱ͸ͪ͜ΒͰ
    ϒϥϯν͕͋Ε͹͍͍
    ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ
    ϓϩτλΠϓ
    ࡞੒

    View Slide

  30. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    σβΠϯ͸ͪ͜ΒͰ΍ΔͷͰɺػೳͷΈ࣮૷͘ΕͨΒ
    ྑ͍Ͱ͢
    ػೳ͕͋Ε͹͍͍
    ڞ༗͸ϒϥϯνஔ͍ͯ͘Ε͍ͯͨΒɺ͋ͱ͸ͪ͜ΒͰ
    ϒϥϯν͕͋Ε͹͍͍
    ձ࿩ͰࠔͬͯΔ༷ࢠ͸͋Μ·Γͳ͍ ؾ͕͢Δ

    ձ࿩ָ͕ ʹͳͬͯΔͱ͍͍ͳ

    ΤϯδχΞଆ͔Βݟָͯʹͳͬͯͦ͏ͩͱࢥ͏͜ͱ
    ϓϩτλΠϓ
    ࡞੒

    View Slide

  31. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒
    ࢥͬͨΜͱͪΌ͏৚͕݅औΓ͜΅͞Ε͍ͯͨ
    ಈ͖͕ඞཁΘ͔Γʹ͍͘Ϩεϙϯγϒ೉
    ্ه͸૝ఆ಺ͳͷͰ௥Ճमਖ਼ͨ͠Β(JU)VCͷ%SBGUͰ
    ֬ೝͯ͠΋Β͏ɻ
    Өڹൣғ ר͖ࠐΉਓ਺
    ͕খͯ͘͞ࡁΉ
    يಓमਖ਼ָ͕
    ΤϯδχΞ஌͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ

    View Slide

  32. ώΞϦϯά
    ΤϯδχΞ
    ࣮૷
    σβΠϯ
    ࣮૷
    ϓϩτλΠϓ
    ࡞੒
    ࢥͬͨΜͱͪΌ͏৚͕݅औΓ͜΅͞Ε͍ͯͨ
    ಈ͖͕ඞཁΘ͔Γʹ͍͘Ϩεϙϯγϒ೉
    ্ه͸૝ఆ಺ͳͷͰ௥Ճमਖ਼ͨ͠Β(JU)VCͷ%SBGUͰ
    ֬ೝͯ͠΋Β͏ɻ
    Өڹൣғ ר͖ࠐΉਓ਺
    ͕খͯ͘͞ࡁΉ
    يಓमਖ਼ָ͕
    ࣮૷ָ͕ ָɾɾɾʁ

    ࣗ෼ͷΠϝʔδ௨ΓʹͳΔ
    ෺ʹΑͬͯ͸9EΑΓίʔυͰ੔͑ΔΑΓָ
    ͍ܰ΋ͷͳΒ͹ΤϯδχΞͷखΛआΓΔඞཁ͕ͳ͍
    ΤϯδχΞ஌͕ࣝ͋Δ͜ͱͰָʹͳ͍ͬͯΔͱࢥ͏͜ͱ

    View Slide

  33. ΤϯδχΞ σβΠφ
    σβΠφ͕ΤϯδχΞͷ஌ࣝΛ࣋ͭͱ
    ࣗ෼ͱ͓ޓָ͍͕

    View Slide

  34. ͜͜ͷ໘ੵΛ૿΍͢
    ΤϯδχΞ σβΠφ
    σβΠφ͕ΤϯδχΞͷ஌ࣝΛ࣋ͭͱ
    ࣗ෼ͱ͓ޓָ͍͕

    View Slide

  35. ͜͜ͷ໘ੵΛ૿΍͢
    ΤϯδχΞ σβΠφ
    ଞͷ৬छ Ӧۀ΍ਓࣄ౳

    Ͱ΋ݴ͑Δ͜ͱ
    σβΠφ͕ΤϯδχΞͷ஌ࣝΛ࣋ͭͱ
    ࣗ෼ͱ͓ޓָ͍͕

    View Slide

  36. ͪͳΈʹσϝϦοτ΋͋Δ ࢲͷ৔߹

    ࣮૷ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*΍ಈ͖Λආ͚͕ͪɻ
    ਺೥ͦΕΛଓ͚ͨͨΊɺ΋͸΍Ϧονͳ΋ͷ͕ු͔͹ͳ͍

    View Slide

  37. ͪͳΈʹσϝϦοτ΋͋Δ ࢲͷ৔߹

    ࣮૷ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*΍ಈ͖Λආ͚͕ͪɻ
    ਺೥ͦΕΛଓ͚ͨͨΊɺ΋͸΍Ϧονͳ΋ͷ͕ු͔͹ͳ͍
    ։ൃ౎߹͸Ϣʔβʹؔ܎ͳ͍ͱࢥ͍ͭͭ΋ɺ͍ͭͦͷ౎߹Λ
    ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ

    View Slide

  38. ͪͳΈʹσϝϦοτ΋͋Δ ࢲͷ৔߹

    ࣮૷ํ๏ʹҾͬுΒΕ͕ͪͰɺϦονͳ6*΍ಈ͖Λආ͚͕ͪɻ
    ਺೥ͦΕΛଓ͚ͨͨΊɺ΋͸΍Ϧονͳ΋ͷ͕ු͔͹ͳ͍
    ։ൃ౎߹͸Ϣʔβʹؔ܎ͳ͍ͱࢥ͍ͭͭ΋ɺ͍ͭͦͷ౎߹Λ
    ݴ͍༁ʹͯ͠͠·͍ͦ͏ʹͳΔ
    ౰વ͚ͩͲɺͲͪΒͷ෼໺΋ษڧ͠ଓ͚Δ͜ͱʹͳΔͷͰେม
    σβΠϯΛઐ໳ʹຏ͍͍ͯͬͨਓʹ͸શ͘ఢΘͳ͍
    ࣗ෼͸։ൃ͕޷͖͔ͩΒ྆ํ΍͍ͬͯΔ͚ͩɻ
    σβΠφ΋ίʔυΛॻ͘΂͖ʂΈ͍ͨͳਪ঑ҙݟͰ͸͋Γ·ͤΜ

    View Slide

  39. ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View Slide