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
認知科学のススメ
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
takanorip
July 07, 2022
Design
6
5.5k
認知科学のススメ
takanorip
July 07, 2022
Tweet
Share
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
2
640
Design System Documentation Tooling 2025
takanorip
3
2.4k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
960
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
680
Bulletproof Design System with TypeScript
takanorip
7
4.8k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
260
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.2k
Other Decks in Design
See All in Design
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
840
AIでデザインをつくる:基礎編
kenichiota0711
3
2.9k
maki setoguchi
maki_setoguchi
0
720
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
230
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
350
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
210
ドルちゃん
design_dolphins
0
580
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
250
Drawing for Animation
lynteo
2
230
kintone Style Book
kintone
6
12k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
740
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
280
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Making the Leap to Tech Lead
cromwellryan
135
9.8k
Docker and Python
trallard
47
3.8k
Making Projects Easy
brettharned
120
6.6k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
GitHub's CSS Performance
jonrohan
1032
470k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
The Cost Of JavaScript in 2023
addyosmani
55
9.8k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
130
Tell your own story through comics
letsgokoyo
1
840
Paper Plane
katiecoart
PRO
0
48k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.5k
Transcript
takanorip 2022.07.07 デザイナーの勉強法ハックLT 認知科学のススメ
自己紹介 e takanorip / Takanori Ok e Ubie株式会社 デザインエンジニa e
デザインシステム、フォント、Figma..C e デザインの小難しい本を読むのが好きで2 e 後で紹介しま2 e WEB+DB Press vol.129でデザインシステムの特集記事書きました
認知科学とは q 生体(人間など)の認知を情報処理の観点から研究する学 q 刺激とそれに対する反応だけに注目するのではなく、認知の過程で何が起きているかモデル化し 情報処理のメカニズムを解明することを主眼に置いてい& q 心理学、人工知能、言語学、神経科学、哲学など様々な学問にまたがって研究が行われてい& e 認知心理学は心理学における学際領域
認知心理学は、人間がものごとを認識するしくみを科学的に明らかにする学問です。「知のし くみ」の科学であり、人の「賢さと愚かさ」についての心理学ということができます。 引用:服部雅史, 小島治幸, 北神慎司, 「基礎から学ぶ認知心理学 -- 人間の認識の不思議」, 有斐閣, 2015, p1
メリット①:ユーザーへの負荷が少ないデザインができる X 使いにくさの原因の大部分は「認知負荷の高さ」にある@ X 認知のしくみを理解することで認知負荷の低いデザインができる@ X 認知しやすいデザインは予期せぬ事故やクレームを減らす効果もある。
メリット②:ユーザーの行動・思考をある程度予想できるようになる a 認知科学では認知に関する様々なモデルが明らかになっているので、 それらを用いることで利用者がどのように考え行動するかを予想できる@ a 精度の高い仮説を立てることができるので、リサーチの精度も向上する。
メリット③:より論理的にデザインを考えられる U 認知科学の知識をベースにデザインすることで、より論理的にデザインを 組み立てることができるd U 思考や感覚を論理化することで、思考を共有しやすくなり、チーム内で合意を 得やすくなり、改善もしやすくなる。
おすすめ書籍①:基礎から学ぶ認知心理学 認知心理学を学ぶならこれ f 認知心理学をコンパクトかつ網羅的に基礎から解r f 図解がわかりやすX f コラムやさらに学習したい人のためのブックガイドが充実し ているので、次の学習につなげやすい https://www.amazon.co.jp/dp/4641150273/
おすすめ書籍②:デザインの生態学―新しいデザインの教科書 生態心理学とデザインをつなぐ i 生態心理学者、プロダクトデザイナー、建築家の3人が、それ ぞれの視点から「感覚の論理」について考えるX i 対談とその内容を発展させた解説で構成されていて面白 i 難しい本だけど何度も読み返したくなる1冊 https://www.amazon.co.jp/dp/448779918X/
おすすめ書籍③:新版 アフォーダンス (岩波科学ライブラリー) アフォーダンスを深ぼる r J.J.Gibsonが提唱したアフォーダンス理論について、日本の アフォーダンス研究の第一人者である佐々木正人先生が解説 しているt r 難解な理論をわかりやすくコンパクトにまとめられていg
r 「誰のためのデザイン?」に書かれているアフォーダンス (シグニファイア)とは少し異なるので注意(こちらのほう が元祖本家) https://www.amazon.co.jp/dp/4000296345/
番外編:デザイン人間工学の基本 デザイン×人間工学のバイブル b 人間工学をデザインに応用するための基礎をまとめたW b 人間工学の基礎理論から、システム設計手法、 ユーザビリティ評価手法まで幅広く網羅されてい b 認知科学についても一部記述があ b
辞書的に活用するのもあり https://www.amazon.co.jp/dp/4000296345/
最後に 知識は力、センスは知識からはじまる。 様々な知識を吸収して、より良いデザインを目指そう。 頭でっかちになりすぎてはだめ 認知心理学は1つのツール、絶対的な正解ではない。 目の前の課題に向き合い、自分で思考することが何より重要。
ありがとう ございました