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
RyokaNAKAI
August 22, 2024
Design
1.6k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
アフォーダンスとシグニファイア
RyokaNAKAI
August 22, 2024
More Decks by RyokaNAKAI
See All by RyokaNAKAI
私が個人開発で使っているOSS 30選 2026/04/14
ryokanakai
0
140
ダークユーザインタフェース
ryokanakai
0
48
【SBTechFestival2022】SCM_店舗在庫管理領域_UI改善_設計意図説明資料【配布用】
ryokanakai
0
330
【LT】ユーザインタフェース評価入門
ryokanakai
0
64
視覚障碍者ための音声認証インタフェースデザイン
ryokanakai
0
79
コンセプトデザインガイド
ryokanakai
0
82
猫を目覚ましに変えるプロダクト「ねこざまし」
ryokanakai
1
93
【HaptiGraph】ミナールのロシア戦役表象地図を触覚で味わうプロダクトの提案
ryokanakai
0
410
Other Decks in Design
See All in Design
Design_Harness_and_Loop.pdf
nagatsu
0
110
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
470
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
210
Figmaを使わなくなった私が、最近していること
mela_dayo
0
100
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
100
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
120
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
150
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
6
6.7k
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
kotasaito_cnt
0
1k
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.1k
プレゼンスライド作成で意識していること
kimichan
0
130
RawrXD: The Sword
seanvraj_arts
0
150
Featured
See All Featured
The SEO identity crisis: Don't let AI make you average
varn
0
560
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
480
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Mind Mapping
helmedeiros
1
380
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
340
We Have a Design System, Now What?
morganepeng
55
8.3k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
750
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
310
Transcript
中井 崚日
アフォーダンスとは 物体への 操作可能性
None
仮説 知識がアフォーダンスを生む? 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
椅子のアフォーダンス「荷物置き」
椅子への意味づけ
椅子は「座るための物」?
知識がアフォーダンスを生む?
直感が使い方を判断
物体から使い方を探る
椅子の意味は「座る」に限定されない
椅子の意味「かくれる」
アフォーダンス
「環境が動物に提供する意味や価値」
青虫にとって椅子は「よじ登る」の意味がある
見る側によって変化する椅子との関係
老人、赤子、蛇、蝶、見る側によって意味が異なる
アフォーダンスは個人の経験や個性によって決まる
知識がアフォーダンスを生むのではない 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
個性や経験がアフォーダンスを限定する 個性や 経験 (潜在記憶) 物体の 情報 アフォーダンス
アフォーダンスの語源 「与える・提供する」 という意味を持つ ” ” アフォード の造語
ドアによる「押す」「引く」など多様なアフォード
シグニファイアとは 特定の行動を アフォードを するもの
ドアノブ形状が「押す」をアフォード
None
ドアのシグニファイアの例 押す 引く
一意でないシグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
None
None
スーパーマリオにおけるシグニファイア
無意識は心地良い “無意識に行っている動作にこそ、 ” 人と物の間に心地良さが生まれている 深澤直人
シグニファイアで無意識をデザインせよ
出典 ジェームズ・ジェローブ・ギブソン
出典 ドナルド・ノーマン
Appendix
図の出典 1. いいデザインとは?心理学的概念「アフォーダンス」と「シグニファイア - Part 1 」を理解する 2. 具体例から考えるアフォーダンスとシグニファイアの違い 3.
——AMBIENT 人間の無意識をデザインする 深澤直人がデザインする生活 の周囲展(汐留) 4. 学習まんが「アフォーダンス」 5. アフォーダンスからシグニファイアへ
学習まんが「アフォーダンス」