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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for majimasachi majimasachi
August 04, 2018
Design
3.4k
8

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

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

Avatar for majimasachi

majimasachi

August 04, 2018

More Decks by majimasachi

See All by majimasachi
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
790
20250129_DAST28_実空間にデジタル資源の接点をデザインする
Avatar for majimasachi majimasachi
0
630
20241019-CUD友の会「困った！を解決するデザイン改訂版」交流会
Avatar for majimasachi majimasachi
0
440
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
Avatar for majimasachi majimasachi
0
710
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
Avatar for majimasachi majimasachi
1
920
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
Avatar for majimasachi majimasachi
2
390
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
Avatar for majimasachi majimasachi
10
2k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
Avatar for majimasachi majimasachi
15
40k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
Avatar for majimasachi majimasachi
1
1.2k

Other Decks in Design

See All in Design
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
280
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
520
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.2k
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
300
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
210
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
180
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.5k
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
230
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
740
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
730
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
290

Featured

See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
250
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
290
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
880
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
270
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
930
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k

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