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.2k
認知心理学に学ぶ 伝わる情報デザイン / 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
170
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
320
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
450
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
770
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
290
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
36k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.7k
Other Decks in Design
See All in Design
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.4k
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
1k
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
230
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
840
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
100
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
710
Rayout Pattern 01
one0
0
1.3k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
マンガで分かるサービスデザインガイドライン
senryakuka
0
400
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
460
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
380
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
KATA
mclloyd
29
14k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
GraphQLとの向き合い方2022年版
quramy
44
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Documentation Writing (for coders)
carmenintech
67
4.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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 ৄ͘͠ɺ ·ͨͷػձʹʜ
ΘΔใσβΠϯ ड͚औΓ͍͢ܗʹใΛՃ͢Δ ·ͱΊ ϊΠζΛݮΒ͢ʗཧղΛॿ͚Δ
ಧ͍ͨʁ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ೖ ྗ ظ ه
Ա ظ ه Ա ࣝ ֓೦ ܦݧ
͋Γ͕ͱ͏͍͟͝·ͨ͠