Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological in...
Search
majimasachi
August 04, 2018
Design
8
3.4k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
2018.08.04 WordBench 倉敷 第4回勉強会でのライトニングトーク登壇資料です。
発表内容のテキスト版はこちら:
http://bit.ly/infodesignLT
majimasachi
August 04, 2018
Tweet
Share
More Decks by majimasachi
See All by majimasachi
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
510
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
400
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
620
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
860
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
340
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
2k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
38k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1.1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.8k
Other Decks in Design
See All in Design
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.4k
sachi_y_portfolio
sachi337
0
520
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.3k
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
120
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
340
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
130
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
520
7 Core Values of Round-L
wired888
0
1.7k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
290
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
810
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
540
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Language of Interfaces
destraynor
161
25k
Thoughts on Productivity
jonyablonski
70
4.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building an army of robots
kneath
306
46k
A better future with KSS
kneath
239
17k
Automating Front-end Workflow
addyosmani
1370
200k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
2018.08.04 WordBench ෑ ୈ4ճษڧձ LT ؒౢࠫ ΘΔใσβΠϯ ೝ৺ཧֶʹֶͿ
PROFILE ؒౢࠫ @mjmjsachi ߴࢢࡏॅ ϑϦʔϥϯεσβΠφʔ DTPΣϒ
photo by chiharu nagatomi ࣮ߦҕһ ͯ͠·ͨ͠
https://speakerdeck.com/majimasachi/wordcamp-ogijima-2018-slideguide-jp
None
None
cognitive psychology ೝ৺ཧֶ ใॲཧͷ؍͔Β ੜମͷೝ׆ಈΛݚڀ͢Δֶ Wikipedia
͔ͬͨʂ Θͬͨʂ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ೖ ྗ ظ
ه Ա ظ ه Ա ࣝ ֓೦ ܦݧ
Θͬͨʂ ͔ͬͨʂ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ظ ه Ա
ظ ه Ա ࣝ ֓೦ ܦݧ ೖ ྗ ใΛॲཧ͘͢͢͠Δ͜ͱͰ ͍͑ͨ༰ͷཧղʹ ϦιʔεΛͬͯΒ͏ ΘΔใσβΠϯ ຊͷ͓
ใΛॲཧ͘͢͢͠Δ ⁞ϊΠζΛݮΒ͢ ཧղΛॿ͚Δ
⁞ϊΠζΛݮΒ͢ ෳࡶ͔͞Γ͢͞ͱτϨʔυΦϑ ใͷϛχϚϧԽ ใॲཧΛϚϧνλεΫԽͤ͞ͳ͍
ϊΠζΛݮΒ͢ දه༳ΕɾޡࣈࣈΛͳ͘͢ ؆ܿͳݴ͍ճ͠ʹ͢Δ 6*ͷҰ؏ੑΛอͭ ཁૉΛྻͤ͞Δ ০ͰใྔΛ૿͗͢͠ͳ͍
ཧղΛॿ͚Δ ʮೝ༰қੑʯ ΛߴΊΔ ਓೝ͕༰қͳͷʹҙΛ๊͘ ʰϑΝετεϩʔʱ μχΤϧɾΧʔωϚϯ
ཧղΛॿ͚Δ ݟ͘͢දࣔ͢Δ ܁Γฦ͢ ड͚खʹͱͬͯ ೃછΈͷ͋Δදݱʹ͢Δ ͖͢෦Λࣔ͢
ཧղΛॿ͚Δ 0120154022
ཧղΛॿ͚Δ 0120-1540-22
ཧղΛॿ͚Δ 0120-1540-22 ͻͬ ͜ ͠ ʹͬͭ͏
ཧղΛॿ͚Δ ࣈͱ͔ͳΛదʹࠞͥΔ ۟ಡΧοίΛ্ख͘͏ վߦҙຯͷ۠ΓͰߦ͏ ใͷνϟϯΫԽ ͨͩͷจࣈྻʹ·ͱ·ΓΛ༩͑Δ͜ͱͰ ॲཧΛ͘͢͢͠Δ
ཧղΛॿ͚Δ ྨࣅੑɿ"ͱ#ࣅ͍ͯΔ ֊ੑɿ"ͱ͍͏ͷ্ʹ#͕͋Δ ҼՌੑɿ"#ͷݪҼͰ͋Δ ࣌ܥྻੑɿ"ͷ͋ͱʹ#͕ى͜Δ ใͷମ੍Խ ใಉ࢜ΛؔੑʹΑͬͯ·ͱΊΔ etc
ཧղΛॿ͚Δ ใಉ࢜ͷؔੑʹ;͞Θ͍͠දݱʹ͢Δ ใͷମ੍Խɹࢹ֮Խ
ཧղΛॿ͚Δ ใͷମ੍Խɹࢹ֮Խ ʲσβΠϯͷେݪଇʳ ۙProximity ྻAlignment ڧऑContrast ෮Repetition
ཧղΛॿ͚Δ ใͷମ੍Խɹࢹ֮Խ ʲσβΠϯͷେݪଇʳ ۙProximity ྻAlignment ڧऑContrast ෮Repetition ৄ͘͠ɺ ·ͨͷػձʹʜ
ΘΔใσβΠϯ ड͚औΓ͍͢ܗʹใΛՃ͢Δ ·ͱΊ ϊΠζΛݮΒ͢ʗཧղΛॿ͚Δ
ಧ͍ͨʁ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ೖ ྗ ظ ه
Ա ظ ه Ա ࣝ ֓೦ ܦݧ
͋Γ͕ͱ͏͍͟͝·ͨ͠