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.4k

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

Other Decks in Design

See All in Design
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.3k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
300
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
280
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
220
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
210
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
2.2k
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
2
300
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
590
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
870
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.5k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
890
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
280

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
192
56k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k

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