Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for majimasachi majimasachi
August 04, 2018
Design
3.5k
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
980
20250129_DAST28_実空間にデジタル資源の接点をデザインする
Avatar for majimasachi majimasachi
0
720
20241019-CUD友の会「困った！を解決するデザイン改訂版」交流会
Avatar for majimasachi majimasachi
0
490
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
Avatar for majimasachi majimasachi
0
800
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
Avatar for majimasachi majimasachi
1
970
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
Avatar for majimasachi majimasachi
2
430
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
Avatar for majimasachi majimasachi
10
2.1k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
Avatar for majimasachi majimasachi
15
41k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
Avatar for majimasachi majimasachi
1
1.2k

Other Decks in Design

See All in Design
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.2k
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
Avatar for Kota SAITO kotasaito_cnt
0
1.1k
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
700
東京都市大学 都市生活学部×一般社団法人オープン企画イベント　「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
Avatar for Kimura Atsunobu a2k
1
140
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
990
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
600
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
320
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.9k
SERVICE PAMPHLET
Avatar for M-HAND,Inc. mhand01
0
3.2k
【2026】ポートフォリオ_大坪明日香
Avatar for tsubo52 tsubo52
0
110
Design dependencies
Avatar for Teba_eleven teba_eleven
0
180

Featured

See All Featured
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
750
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.3k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
11k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
720
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
300
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k

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