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
220
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
330
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
470
ブロックエディターではじめるアクセシビリティ / 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
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
860
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
630
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
LayerX DesignersDeck
layerx
PRO
0
2.6k
250131_product meetup
motokoishida
0
100
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
240
セブンデックス カルチャーブック
sevendex
0
1.9k
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
280
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
174
51k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Git: the NoSQL Database
bkeepers
PRO
427
64k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
The Cult of Friendly URLs
andyhume
78
6.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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 ৄ͘͠ɺ ·ͨͷػձʹʜ
ΘΔใσβΠϯ ड͚औΓ͍͢ܗʹใΛՃ͢Δ ·ͱΊ ϊΠζΛݮΒ͢ʗཧղΛॿ͚Δ
ಧ͍ͨʁ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ೖ ྗ ظ ه
Ա ظ ه Ա ࣝ ֓೦ ܦݧ
͋Γ͕ͱ͏͍͟͝·ͨ͠