Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
認知科学のススメ
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
takanorip
July 07, 2022
Design
5.8k
6
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
認知科学のススメ
takanorip
July 07, 2022
More Decks by takanorip
See All by takanorip
今さら理解するウェブフォントver.2026
takanorip
3
1.1k
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
6.5k
「見せる」登壇資料デザインの極意
takanorip
7
1.9k
Design System Documentation Tooling 2025
takanorip
3
3.2k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1.4k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
940
Bulletproof Design System with TypeScript
takanorip
7
5.5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
330
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.2k
Other Decks in Design
See All in Design
プレゼンスライド作成で意識していること
kimichan
0
160
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
2.2k
言語化しきれなくてもいい〜勉強会を「完璧な成果を出す場」から「不確実な刺激と体験を持ち帰る場へ〜
hott3
0
170
泥臭く語るUIデザイン会|ホワイトボードチャレンジ【RAMEN TECH 2026】
garyuten
1
240
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
mukai_takeru
0
400
The decksh tutorial
ajstarks
1
120
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.9k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.6k
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
webnaut
2
170
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
110
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.6k
20260802東京都市大学オープンキャンパス授業
a2k
0
120
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
Fireside Chat
paigeccino
43
4.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.7k
ラッコキーワード サービス紹介資料
rakko
5
5.6M
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
240
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
First, design no harm
axbom
PRO
2
1.4k
My Coaching Mixtape
mlcsv
0
370
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.7k
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つのツール、絶対的な正解ではない。 目の前の課題に向き合い、自分で思考することが何より重要。
ありがとう ございました