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
310
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
350
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
500
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
majimasachi
1
790
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
310
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
37k
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
Crisp Code inc. ブランドガイドライン
so_kotani
1
160
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
300
プロダクトデザインの「守破離」の「破」について
hayashirine
0
330
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1k
今日から意識できるアクセシビリティ
fumiko
0
200
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
530
Kid Cowboy 103
marilutwin
0
160
セブンデックス カルチャーブック
sevendex
1
9.3k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
310
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
250
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
130
How to go from research data to insights?
mastervicedesign
1
250
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
What's in a price? How to price your products and services
michaelherold
245
12k
Into the Great Unknown - MozCon
thekraken
37
1.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
It's Worth the Effort
3n
184
28k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
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 ৄ͘͠ɺ ·ͨͷػձʹʜ
ΘΔใσβΠϯ ड͚औΓ͍͢ܗʹใΛՃ͢Δ ·ͱΊ ϊΠζΛݮΒ͢ʗཧղΛॿ͚Δ
ಧ͍ͨʁ ਓͷใॲཧγεςϜ ײ֮ ֮ ೝ ೖ ྗ ظ ه
Ա ظ ه Ա ࣝ ֓೦ ܦݧ
͋Γ͕ͱ͏͍͟͝·ͨ͠