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.3k
認知心理学に学ぶ 伝わる情報デザイン / 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
500
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
390
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
610
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
850
あかるいブランドカラーと コントラストの話 / 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
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
「UXとUIの違い」v2
shirasu3
0
210
Yumika Yamada Portfolio
yumii
0
1.3k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
380
harutaka Vision Deck
zenkigenforrecruit
0
190
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
1.7k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
230
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
1
200
Them Middle School Kids Pitch
stevie_vee
0
120
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
130
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Code Reviewing Like a Champion
maltzj
525
40k
Designing for Performance
lara
610
69k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Faster Mobile Websites
deanohume
309
31k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Into the Great Unknown - MozCon
thekraken
40
2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
It's Worth the Effort
3n
187
28k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
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 ৄ͘͠ɺ ·ͨͷػձʹʜ
ΘΔใσβΠϯ ड͚औΓ͍͢ܗʹใΛՃ͢Δ ·ͱΊ ϊΠζΛݮΒ͢ʗཧղΛॿ͚Δ
ಧ͍ͨʁ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ೖ ྗ ظ ه
Ա ظ ه Ա ࣝ ֓೦ ܦݧ
͋Γ͕ͱ͏͍͟͝·ͨ͠