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
takanorip
July 07, 2022
Design
5.6k
6
Share
認知科学のススメ
takanorip
July 07, 2022
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
3
810
Design System Documentation Tooling 2025
takanorip
3
2.6k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
740
Bulletproof Design System with TypeScript
takanorip
7
5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
280
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.2k
Other Decks in Design
See All in Design
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
610
つくり方を変えていく | change-how-we-build
mottox2
2
1.2k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
340
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
520
2026年の勢い / Momentum for 2026
bebe
0
440
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
270
第18回サイゼミ
lw
1
3.8k
root COMPANY DECK / We are hiring!
root_recruit
3
28k
コンテンツ作成者の体験を設計する
chiilog
0
160
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
220
The Art of Caring
klemens
0
320
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
140
Featured
See All Featured
It's Worth the Effort
3n
188
29k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
How to make the Groovebox
asonas
2
2.2k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
Typedesign – Prime Four
hannesfritz
42
3k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
140
Writing Fast Ruby
sferik
630
63k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
330
Why Our Code Smells
bkeepers
PRO
340
58k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
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つのツール、絶対的な正解ではない。 目の前の課題に向き合い、自分で思考することが何より重要。
ありがとう ございました