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

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

Avatar for majimasachi majimasachi
August 04, 2018
Design
8
3.3k

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

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

majimasachi

August 04, 2018
Tweet

More Decks by majimasachi

See All by majimasachi
20250129_DAST28_実空間にデジタル資源の接点をデザインする
Avatar for majimasachi majimasachi
0
420
20241019-CUD友の会「困った！を解決するデザイン改訂版」交流会
Avatar for majimasachi majimasachi
0
380
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
Avatar for majimasachi majimasachi
0
560
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
Avatar for majimasachi majimasachi
1
820
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
Avatar for majimasachi majimasachi
2
330
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
Avatar for majimasachi majimasachi
10
1.9k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
Avatar for majimasachi majimasachi
15
38k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
Avatar for majimasachi majimasachi
1
1.1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
Avatar for majimasachi majimasachi
7
2.8k

Other Decks in Design

See All in Design
How to get a Tiger to Tulsa
Avatar for Brynn McDucky P. mcduckyart
0
110
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
140
Haley's adventure chase
Avatar for Ivette Molina ivettetwin
0
230
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
140
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
0
680
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
4k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
430
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
130
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
280
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
840
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
660
オープンデータを利用して色々なものを作った話
Avatar for Hajime Kato hjmkth
1
110

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k

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