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
6
5.4k
認知科学のススメ
takanorip
July 07, 2022
Tweet
Share
More Decks by takanorip
See All by takanorip
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
730
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
550
Bulletproof Design System with TypeScript
takanorip
7
4.3k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
210
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
960
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.5k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.1k
早わかり W3C Community Group
takanorip
0
530
Ubieとアクセシビリティのこれからを考える
takanorip
0
490
Other Decks in Design
See All in Design
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
200
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
320
ドルちゃん
design_dolphins
0
470
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.5k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
210
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
320
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
160
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
210
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
140
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
910
DESIGNEAST 2025 A-3
_kotobuki_
0
110
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
Optimizing for Happiness
mojombo
379
70k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Measuring & Analyzing Core Web Vitals
bluesmoon
9
660
Become a Pro
speakerdeck
PRO
29
5.6k
4 Signs Your Business is Dying
shpigford
186
22k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Building Applications with DynamoDB
mza
96
6.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
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つのツール、絶対的な正解ではない。 目の前の課題に向き合い、自分で思考することが何より重要。
ありがとう ございました