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

コンテンツファースト思考でデザインするときに気をつけてること

matsui
August 11, 2018

 コンテンツファースト思考でデザインするときに気をつけてること

matsui

August 11, 2018
Tweet

More Decks by matsui

Other Decks in Design

Transcript

  1. Ҋ݅ʹΑͬͯϫʔΫϑϩʔΛݕ౼ ϫΠϠʔ ϑϨʔϜ σβΠϯ ϚʔΫΞοϓ $.4 ߏங )5.- ϓϩτ λΠϓ

    σβΠϯ ϚʔΫΞοϓ ௐ੔ ίϯςϯπ΍ϒϥϯυΠϝʔδ͕͸͖ͬΓ͍ͯ͠Ε͹ͬͪ͜Ͱ 0, ίϯςϯπ͕·ܾͩ·ͬͯͳ͍ɾϖʔδ਺͕ͦͦ͋͜͜ΔɾϨεϙϯγϒͳ৔߹͸ͬͪ͜
  2. )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.-

    ϓϩτ λΠϓ ɾ੩తϖʔδͷ৔߹͸ɺ #PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΉ ϨεϙϯγϒରԠͰɺϨΠΞ΢τػೳ͕͍ͭͯΔ ςϯϓϨʔ τΛ࢖͏ͷ͕Φεεϝ 
  3. )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.-

    ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ ϓϩτ λΠϓͷϝϦο τ ɾϫΠϠʔϑϨʔϜΑΓ΋׬੒ܗʹ͍ۙͷͰɺ ͓٬͞Μ͕Πϝʔδ͠΍͍͢ ʜϨεϙϯγϒͰͷݟ͑ํΛ֬ೝͰ͖Δ ɾϦϯΫߏ଄ɺಋઢઃܭΛૣ͍ஈ֊Ͱڞ༗Ͱ͖Δ ɾͦͷ··ίʔσΟ ϯάʹྲྀ༻Ͱ͖ΔͷͰޮ཰త ɾमਖ਼࡞ۀָ͕
  4. )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.-

    ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ ϓϩτ λΠϓΛ࢖ͬͨ ੍࡞ϑϩʔ
  5. )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.-

    ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ ϓϩτ λΠϓΛ࢖੍ͬͨ࡞ϑϩʔ ɾԼ૚ϖʔδͷݪߘΛνΣ οΫ͠ͳ͕Βྲྀ͠ࠐΉ ϘϦϡʔϜ͕ଟ͍৔߹͸ɺ ϖʔδΛ෼ׂͨ͠Γɺ ΞϯΧʔϦϯΫΛ͍ΕͨΓ͢Δ ɾτ οϓ͸Լ૚ϖʔδ͕ݻ·͔ͬͯΒ࡞Δ ɹ͍͖ͳΓτ οϓϖʔδ͔Β࡞Γ͸͡ΊΔΑΓ΋ ɹԼ૚ϖʔδͷઃܭ͕ܾ·ͬͨޙͷํ͕࡞Γ΍͍͢
  6. Ϣʔβʔ໨ઢͷ಺༰ʹͳ͍ͬͯΔ͔ ಺༰͕͏͍͢৔߹͸ɺώΞϦϯάͨ͠Γɺ ଞͷαΠ τΛࢀߟʹͨ͠Γ͕ͯ͠Μ͹Δʜ ʂ ঎඼΍ αʔϏεͷ ϝϦο τ͸ ʁ

    ཉ͍͠৘ใ ͸͋Δ͔ ʁ ೰Έ΍ٙ໰Λ ղফͰ͖ͯ ͍Δ͔ ʁ ݪߘͷ಺༰νΣ οΫ ͘͢͝ ࢀߟʹ ͳΔຊ
  7. ΫϥΠΞϯτ͔Βಧ͍ͨϓϨʔϯͳςΩετ ߴ஌ݝͷʓʓਫ࢈ͷ ʮ࿴ম͖͖ͨͨʯ Ͱ͢ɻҰຊ௼Γͨ͠׍Λ઱౓ͷྑ͍ঢ়ଶͰྫྷౚ͠ɺ ࿴ম͖ʹ͠·ͨ͠ɻ ʓʓ৆Λ  ೥࿈ଓड৆ͨ͠࿩୊ͷ׍ͷ͖ͨͨͰɺ ্݄०ࠒ͔Β໿ ϲ݄ؒͷݶఆൢചͰɺ͓தݩΪϑτʹ΋͓͢͢ΊͰ͢ɻ׍ͷ͖ͨͨ

     ຊʢʓʓHʙʣΛ ਅۭύοΫʹͯ͠ɺ ʓʓ࢈ͷΏͣϙϯਣʢʓNMʣͱηο τͰ͓ಧ͚Ͱ͢ɻࠓͳΒ௨ৗՁ ֨ΑΓ  ׂҾͷ   ԁͱେม͓ಘͰ͢ɻωΪ΍Έΐ ͏͕ɺʹΜʹ͘ͳͲɺ͓޷Έͷༀ ຯΛͷͤͯ͝৆ຯ͍ͩ͘͞ɻ৆ຯظݶ͸ൃૹ೔ΑΓ  िؒͰ͢ɻ
  8. ۟఺΍ҙຯͷ੾ΕΔ ͱ͜ΖͰվߦ͍ͯ͘͠ ͜ͷ௕͍จষɺ ͪ ΐ ͬͱม͔΋ ʜ෼͔Γ΍͍͢จষʹ͍ͯ͘͠ ߴ஌ݝͷʓʓਫ࢈ͷʮ࿴ম͖͖ͨͨʯͰ͢ɻ Ұຊ௼Γͨ͠׍Λ઱౓ͷྑ͍ঢ়ଶͰྫྷౚ͠ɺ࿴ম͖ʹ͠·ͨ͠ɻ 

    ʓʓ৆Λ  ೥࿈ଓड৆ͨ͠࿩୊ͷ׍ͷ͖ͨͨͰɺ ্݄०ࠒ͔Β໿ ϲ݄ ؒͷݶఆൢചͰɺ͓தݩΪϑτʹ΋͓͢͢ΊͰ͢ɻ ׍ͷ͖ͨͨ  ຊΛਅۭύοΫʹͯ͠ɺ ʓʓ࢈ͷΏͣϙϯਣͱηο τͰ͓ಧ͚ Ͱ͢ɻࠓͳΒ௨ৗՁ֨ΑΓ  ׂҾͷ   ԁͱେม͓ಘͰ͢ɻ ωΪ΍Έΐ ͏͕ɺʹΜʹ͘ͳͲɺ͓޷ΈͷༀຯΛͷͤͯ͝৆ຯ͍ͩ͘͞ɻ ৆ຯظݶ͸ൃૹ೔ΑΓ  िؒͰ͢ɻ d ߦ͘ Β͍Λ໨҆ʹ ஈམʢϒϩοΫʣ෼͚ ಡΈ΍͘͢ͳΔΑ͏ʹ੔͑Δ ͍ͩͿεοΩϦ͚ͨ͠Ͳɺ ·ͩ಄ʹೖ͖ͬͯͮΒ͍ঢ়ଶʜ
  9. ϓϩτ λΠϓ ׬੒ ͓தݩΪϑτʹ΋͓͢͢Ί ʂ ߴ஌ݝͷʓʓਫ࢈ʮ࿴ম͖͖ͨͨʯ ˓˓৆Λ  ೥࿈ଓड৆ͨ͠࿩୊ͷ׍ͷ͖ͨͨͰ͢ɻ Ұຊ௼Γͨ͠׍Λ઱౓ͷྑ͍ঢ়ଶͰྫྷౚ͠ɺ࿴ম͖ʹ͠·ͨ͠ɻ

    ਅۭύοΫʹͯ͠ɺ୐ٸศͰ͓ಧ͚͠·͢ɻ  ωΪ΍Έΐ ͏͕ɺʹΜʹ͘ͳͲ͓޷ΈͷༀຯΛͷͤͯ͝৆ຯ͍ͩ͘͞ɻ ʲ ݄ݶఆʳࠓͳΒ௨ৗՁ֨ΑΓ  ׂҾ ʂ    ԁʢ੫ࠐʣ ׍ͷ͖ͨͨ  ຊʢʓʓHʙʣ ʓʓ࢈ͷΏͣϙϯਣʢʓNMʣ ൃૹ೔ΑΓ  िؒ ಺༰ྔ ৆ຯظݶ ίϯςϯπ͕ϝΠϯͳͷͰɺ ϚʔΫΞοϓʢ)5.-ʣͰ ࠶ݱग़དྷΔൣғͰ 0, ৘ใͷ༏ઌ౓ΛܾΊͯɺϝϦϋϦΛ͚͍ͭͯ͘
  10. ͔ͬ͠Γಡ·͍ͤͨͱ͜Ζͱɺ ͳͳΊಡΈͯ͠΋͍͍ͱ͜Ζ ͷ൑அ͕ग़དྷΔϨϕϧʹɻ λΠ τϧΛ௥Ճ େࣄͳཁૉ͸্΍ࠨଆʹ࣋ͬͯ͘Δ ϒϩοΫ͝ͱʹ ৘ใΛ·ͱΊΔ จষ͸؆ܿʹɾ࡟ΕΔ΋ͷ͸࡟Δ มߋ

    10*/5 ͓தݩΪϑτʹ΋͓͢͢Ί ʂ ߴ஌ݝͷʓʓਫ࢈ʮ࿴ম͖͖ͨͨʯ ˓˓৆Λ  ೥࿈ଓड৆ͨ͠࿩୊ͷ׍ͷ͖ͨͨͰ͢ɻ Ұຊ௼Γͨ͠׍Λ઱౓ͷྑ͍ঢ়ଶͰྫྷౚ͠ɺ࿴ম͖ʹ͠·ͨ͠ɻ ਅۭύοΫʹͯ͠ɺ୐ٸศͰ͓ಧ͚͠·͢ɻ  ωΪ΍Έΐ ͏͕ɺʹΜʹ͘ͳͲ͓޷ΈͷༀຯΛͷͤͯ͝৆ຯ͍ͩ͘͞ɻ ʲ ݄ݶఆʳࠓͳΒ௨ৗՁ֨ΑΓ  ׂҾ ʂ    ԁʢ੫ࠐʣ ׍ͷ͖ͨͨ  ຊʢʓʓHʙʣ ʓʓ࢈ͷΏͣϙϯਣʢʓNMʣ ൃૹ೔ΑΓ  िؒ ಺༰ྔ ৆ຯظݶ ςʔϒϧ΍ϦετΛ࢖͏ Πϝʔδը૾Λ௥Ճ
  11. ͓தݩΪϑτʹ΋͓͢͢Ί ʂ ߴ஌ݝͷʓʓਫ࢈ʮ࿴ম͖͖ͨͨʯ ׍ͷ͖ͨͨ  ຊʢʓʓHʙʣ ʓʓ࢈ͷΏͣϙϯਣʢʓNMʣ ൃૹ೔ΑΓ  िؒ

    ˓˓৆Λ  ೥࿈ଓड৆ͨ͠࿩୊ͷ׍ͷ͖ͨͨͰ͢ɻ Ұຊ௼Γͨ͠׍Λ઱౓ͷྑ͍ঢ়ଶͰྫྷౚ͠ɺ࿴ম͖ʹ͠·ͨ͠ɻ ਅۭύοΫʹͯ͠ɺ୐ٸศͰ͓ಧ͚͠·͢ɻ  ωΪ΍Έΐ ͏͕ɺʹΜʹ͘ͳͲ͓޷ΈͷༀຯΛͷͤͯ͝৆ຯ͍ͩ͘͞ɻ ಺༰ྔ ৆ຯظݶ ࠓͳΒ௨ৗՁ֨ΑΓ  ׂҾʂ   ԁʢ੫ࠐʣ ʲ ݄ݶఆʳ σβΠϯ ௐ੔
  12. ͓தݩΪϑτʹ΋͓͢͢Ί ʂ ߴ஌ݝͷʓʓਫ࢈ʮ࿴ম͖͖ͨͨʯ ׍ͷ͖ͨͨ  ຊʢʓʓHʙʣ ʓʓ࢈ͷΏͣϙϯਣʢʓNMʣ ൃૹ೔ΑΓ  िؒ

    ˓˓৆Λ  ೥࿈ଓड৆ͨ͠࿩୊ͷ׍ͷ͖ͨͨͰ͢ɻ Ұຊ௼Γͨ͠׍Λ઱౓ͷྑ͍ঢ়ଶͰྫྷౚ͠ɺ࿴ম͖ʹ͠·ͨ͠ɻ ਅۭύοΫʹͯ͠ɺ୐ٸศͰ͓ಧ͚͠·͢ɻ  ωΪ΍Έΐ ͏͕ɺʹΜʹ͘ͳͲ͓޷ΈͷༀຯΛͷͤͯ͝৆ຯ͍ͩ͘͞ɻ λΠ τϧͷ૷০ ଠࣈ΍ϚʔΧʔ σβΠϯʹ͋Θͤͯɺ ը૾ͷ৭ΈͳͲΛௐ੔ ಺༰ྔ ৆ຯظݶ จࣈ΍എܠͷ৭Λม͑ͯڧௐ มߋ 10*/5 ࠓͳΒ௨ৗՁ֨ΑΓ  ׂҾʂ   ԁʢ੫ࠐʣ ʲ ݄ݶఆʳ
  13. શ෦େࣄ ʂ ࣌ؒΛ͔͚ͯ ͬ͘͡ Γ ݟͯ΋Β͍͍ͨ ΫϥΠΞϯτ ຖ೔๩͍͠͠ɺ จষΛಡΉͷ͕ ΊΜͲ͘

    ͍͞ʜ ϐϯϙΠϯτͰ ݟͤͯ΄͍͠ Ϣʔβʔ ৘ใͷ༏ઌ౓ΛϋοΩϦͤͯ͞ɺ ϝϦϋϦΛ͚͍ͭͯ͘
  14. )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.-

    ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ )5.- ϓϩτ λΠϐϯά ɾ੩తϖʔδͷ৔߹͸ɺ ɹ#PPUTUSBQ ͳͲΛ࢖ͬͯ࡞੒ ɾ8PSE1SFTT Ҋ݅ͷ৔߹͸ɺ ɹݻఆϖʔδʹݪߘΛྲྀ͠ࠐΜͰ͠·͏ ݪߘΛྲྀ͠ࠐΉͱ͖ʹ ؾΛ͚͍ͭͯΔ͜ͱ ίϯςϯπͷςΩετ΋ σβΠϯͷҰ෦ ΋ΒͬͨݪߘΛͦͷ··ྲྀ͠ࠐ·ͳ͍
  15. දهνΣ οΫ ޡࣈ୤ࣈ΍දهΏΕ͕ͳ͍͔ ͓໰͍߹Θͤ ͓໰߹ͤ ͓٬༷ ͓٬͞· ͓͢͢Ί Φεεϝ ฏ੒

     ೥ ̎ ̌ ̍ ̔೥ ɾૹΓԾ໊ ɾ׽ࣈ  ͔ͳ ɾ͔ͳ  Χφ ɾ࿨ྐྵ  ੢ྐྵ
  16. ϧʔϧΛܾΊ͓͖ͯ·͠ ΐ ͏ ͓໰߹Θͤ  ͓໰͍߹Θͤ  ͓໰߹ͤ ͓ਃ͠ࠐΈ 

    ͓ਃࠐΈ  ͓ਃࠐ औΓ૊Έ  औ૊Έ ૹΓԾ໊ ։͍ͨํ͕ ಡΈ΍͍͢ ࣄ͜ͱ ෺΋ͷ ౳ͳͲ ҝͨΊ ߋʹ͞Βʹ ༧Ί͋Β͔͡Ί ٴͼ͓Αͼ جʹ΋ͱʹ ௖͍ͨͩ͘͘ Լ͍͍ͩ͘͞͞ ग़དྷΔͰ͖Δ ༗೉͏͋Γ͕ͱ͏