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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
RyokaNAKAI
August 22, 2024
Design
1.5k
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
99
ダークユーザインタフェース
ryokanakai
0
45
【SBTechFestival2022】SCM_店舗在庫管理領域_UI改善_設計意図説明資料【配布用】
ryokanakai
0
330
【LT】ユーザインタフェース評価入門
ryokanakai
0
58
視覚障碍者ための音声認証インタフェースデザイン
ryokanakai
0
76
コンセプトデザインガイド
ryokanakai
0
77
猫を目覚ましに変えるプロダクト「ねこざまし」
ryokanakai
1
87
【HaptiGraph】ミナールのロシア戦役表象地図を触覚で味わうプロダクトの提案
ryokanakai
0
400
Other Decks in Design
See All in Design
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.1k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
300
開閉UIのアニメーション設計
hiro0218
2
1k
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
920
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
140
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
250
ポートフォリオ_あやの
ngyenmazt1412
0
1.7k
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.8k
ISO 9241-171:2025っていうのがあってな
shosira
1
280
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
Design dependencies
teba_eleven
0
170
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.3k
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
96
14k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
500
First, design no harm
axbom
PRO
2
1.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
250
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
New Earth Scene 8
popppiees
3
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
440
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
Being A Developer After 40
akosma
91
590k
ラッコキーワード サービス紹介資料
rakko
1
4.8M
Transcript
中井 崚日
アフォーダンスとは 物体への 操作可能性
None
仮説 知識がアフォーダンスを生む? 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
椅子のアフォーダンス「荷物置き」
椅子への意味づけ
椅子は「座るための物」?
知識がアフォーダンスを生む?
直感が使い方を判断
物体から使い方を探る
椅子の意味は「座る」に限定されない
椅子の意味「かくれる」
アフォーダンス
「環境が動物に提供する意味や価値」
青虫にとって椅子は「よじ登る」の意味がある
見る側によって変化する椅子との関係
老人、赤子、蛇、蝶、見る側によって意味が異なる
アフォーダンスは個人の経験や個性によって決まる
知識がアフォーダンスを生むのではない 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
個性や経験がアフォーダンスを限定する 個性や 経験 (潜在記憶) 物体の 情報 アフォーダンス
アフォーダンスの語源 「与える・提供する」 という意味を持つ ” ” アフォード の造語
ドアによる「押す」「引く」など多様なアフォード
シグニファイアとは 特定の行動を アフォードを するもの
ドアノブ形状が「押す」をアフォード
None
ドアのシグニファイアの例 押す 引く
一意でないシグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
None
None
スーパーマリオにおけるシグニファイア
無意識は心地良い “無意識に行っている動作にこそ、 ” 人と物の間に心地良さが生まれている 深澤直人
シグニファイアで無意識をデザインせよ
出典 ジェームズ・ジェローブ・ギブソン
出典 ドナルド・ノーマン
Appendix
図の出典 1. いいデザインとは?心理学的概念「アフォーダンス」と「シグニファイア - Part 1 」を理解する 2. 具体例から考えるアフォーダンスとシグニファイアの違い 3.
——AMBIENT 人間の無意識をデザインする 深澤直人がデザインする生活 の周囲展(汐留) 4. 学習まんが「アフォーダンス」 5. アフォーダンスからシグニファイアへ
学習まんが「アフォーダンス」