認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design

Transcript

1. 2018.08.04 WordBench ૔ෑ ୈ4ճษڧձ LT ؒౢ
   ࠫ஌ ఻ΘΔ৘ใσβΠϯ ೝ஌৺ཧֶʹֶͿ

2. PROFILE ؒౢ
   ࠫ஌ @mjmjsachi ߴ஌ࢢࡏॅ
   ϑϦʔϥϯεσβΠφʔ
   DTP
   
   ΢Σϒ

3. photo by chiharu nagatomi ࣮ߦҕһ
   ͯ͠·ͨ͠

4. https://speakerdeck.com/majimasachi/wordcamp-ogijima-2018-slideguide-jp

5. None
6. None

7. cognitive psychology ೝ஌৺ཧֶ ৘ใॲཧͷ؍఺͔Β
   ੜମͷೝ஌׆ಈΛݚڀ͢Δֶ໰ Wikipedia

8. ෼͔ͬͨʂ
   ఻Θͬͨʂ ਓͷ৘ใॲཧγεςϜ ײ֮ ஌֮ ೝ஌ ೖ
   ྗ ୹
   ظ
   

   ه
   Ա ௕
   ظ
   ه
   Ա ஌ࣝ ֓೦ ܦݧ

9. ఻Θͬͨʂ
   ෼͔ͬͨʂ ਓͷ৘ใॲཧγεςϜ ײ֮ ஌֮ ೝ஌ ୹
   ظ
   ه
   Ա

   ௕
   ظ
   ه
   Ա ஌ࣝ ֓೦ ܦݧ ೖ
   ྗ ৘ใΛॲཧ͠΍͘͢͢Δ͜ͱͰ
   ఻͍͑ͨ಺༰ͷཧղʹ
   ϦιʔεΛ࢖ͬͯ΋Β͏ ఻ΘΔ৘ใσβΠϯ ຊ೔ͷ͓࿩

10. ৘ใΛॲཧ͠΍͘͢͢Δ ⁞ϊΠζΛݮΒ͢  ཧղΛॿ͚Δ

11. ⁞ϊΠζΛݮΒ͢ ෳࡶ͞͸෼͔Γ΍͢͞ͱτϨʔυΦϑ
    ৘ใͷϛχϚϧԽ
    ৘ใॲཧΛϚϧνλεΫԽͤ͞ͳ͍޻෉

12. ϊΠζΛݮΒ͢ දه༳Εɾޡࣈ୤ࣈΛͳ͘͢
    ؆ܿͳݴ͍ճ͠ʹ͢Δ
    6*
    ͷҰ؏ੑΛอͭ
    ཁૉΛ੔ྻͤ͞Δ
    ૷০Ͱ৘ใྔΛ૿΍͗͢͠ͳ͍

13.  ཧղΛॿ͚Δ ʮೝ஌༰қੑʯ ΛߴΊΔ
    ਓ͸ೝ஌͕༰қͳ΋ͷʹ޷ҙΛ๊͘ ʰϑΝετεϩʔʱ
    μχΤϧɾΧʔωϚϯ

14. ཧղΛॿ͚Δ ݟ΍͘͢දࣔ͢Δ
    ܁Γฦ͢
    ड͚खʹͱͬͯ
    ೃછΈͷ͋Δදݱʹ͢Δ
    ஫໨͢΂͖෦෼Λࣔ͢

15. ཧղΛॿ͚Δ 0120154022

16. ཧղΛॿ͚Δ 0120-1540-22

17. ཧղΛॿ͚Δ 0120-1540-22 ͻͬ ͜ ͠ ͸ ʹͬͭ͏

18. ཧղΛॿ͚Δ ׽ࣈͱ͔ͳΛద౓ʹࠞͥΔ
    ۟ಡ఺΍ΧοίΛ্ख͘࢖͏
    վߦ͸ҙຯͷ۠੾ΓͰߦ͏ ৘ใͷνϟϯΫԽ ͨͩͷจࣈྻʹ·ͱ·ΓΛ༩͑Δ͜ͱͰ
    ॲཧΛ͠΍͘͢͢Δ

19. ཧղΛॿ͚Δ ྨࣅੑɿ"ͱ#͸ࣅ͍ͯΔ
    ֊૚ੑɿ"ͱ͍͏౔୆ͷ্ʹ#͕͋Δ
    ҼՌੑɿ"͸#ͷݪҼͰ͋Δ
    ࣌ܥྻੑɿ"ͷ͋ͱʹ#͕ى͜Δ ৘ใͷମ੍Խ ৘ใಉ࢜Λؔ܎ੑʹΑͬͯ·ͱΊΔ etc

20. ཧղΛॿ͚Δ ৘ใಉ࢜ͷؔ܎ੑʹ;͞Θ͍͠දݱʹ͢Δ ৘ใͷମ੍Խɹࢹ֮Խ

21. ཧղΛॿ͚Δ ৘ใͷମ੍Խɹࢹ֮Խ ʲ
    σβΠϯͷେݪଇ
    ʳ ۙ઀
    Proximity ੔ྻ
    Alignment ڧऑ
    Contrast ൓෮
    Repetition

22. ཧղΛॿ͚Δ ৘ใͷମ੍Խɹࢹ֮Խ ʲ
    σβΠϯͷେݪଇ
    ʳ ۙ઀
    Proximity ੔ྻ
    Alignment ڧऑ
    Contrast ൓෮
    Repetition ৄ͘͠͸ɺ ·ͨͷػձʹʜ

23. ఻ΘΔ৘ใσβΠϯ ड͚औΓ΍͍͢ܗʹ৘ใΛՃ޻͢Δ ·ͱΊ ϊΠζΛݮΒ͢ʗཧղΛॿ͚Δ

24. ಧ͍ͨʁ ਓͷ৘ใॲཧγεςϜ ײ֮ ஌֮ ೝ஌ ೖ
    ྗ ୹
    ظ
    ه
    

    Ա ௕
    ظ
    ه
    Ա ஌ࣝ ֓೦ ܦݧ

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