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

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

73239a63bba7e11d6f2621caceef76d1?s=47 majimasachi
August 04, 2018
Design
8
2.6k

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

2018.08.04 WordBench 倉敷 第4回勉強会でのライトニングトーク登壇資料です。
発表内容のテキスト版はこちら：http://bit.ly/infodesignLT

73239a63bba7e11d6f2621caceef76d1?s=128

majimasachi

August 04, 2018
Tweet

More Decks by majimasachi

See All by majimasachi
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
1
480
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
2
110
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
10
1.3k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
14
28k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
1
820
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
7
2k
インクルーシブに楽しむアクセシビリティ
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
4
620

Other Decks in Design

See All in Design
Designing Experiences For Indian Users - T-Hub
Ad94879495e21b7362d0d2c845f44bc0?s=48 soham
0
110
若手広告プランナーのキャリアについて
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
210
Dr.'s Prime - Branding Project - CI/VI
696174cb7bfc4ee5aedda0af8e596656?s=48 drsprime
0
500
The Frog Bandit
B789f3884732c5e0bd031a91f1930f3e?s=48 senamiyazaki
0
180
Bec Purser - Are you consulting, collaborating, or co-designing? And why it matters.
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
130
tsunasapo_branch-concept202007
05b48de035af15c85515c4900571c3a0?s=48 tsunasapo
0
190
広告クリエイティブは、AIで拡張する。
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
380
Interest + Curiosity Booklet
C92ba1dc20b6ee6b4ec64e11a9dba4fc?s=48 juliaso
0
140
はじめまして、株式会社サインコサインです。（2022.07）
6581d0d2debbc8be5e4808cf46b4f104?s=48 kakukoki
PRO
4
4k
The Triangle
936338cf2e2eb7fbaadc60850935d0fb?s=48 wallabites
0
150
Robin Beers - Design Researchers, what are we up to in 2022?
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
110
Sponge Bob Exercise Sequence
77b4173a70942a13969b84335c2e7695?s=48 diablicos_
1
450

Featured

See All Featured
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
44
9.7k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
296
110k
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5.6k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
107
16k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
290k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k
VelocityConf: Rendering Performance Case Studies
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
22k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
196
16k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠