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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
RyokaNAKAI
August 22, 2024
Design
2
930
アフォーダンスとシグニファイア
RyokaNAKAI
August 22, 2024
Tweet
Share
More Decks by RyokaNAKAI
See All by RyokaNAKAI
ダークユーザインタフェース
ryokanakai
0
31
【SBTechFestival2022】SCM_店舗在庫管理領域_UI改善_設計意図説明資料【配布用】
ryokanakai
0
290
【LT】ユーザインタフェース評価入門
ryokanakai
0
43
視覚障碍者ための音声認証インタフェースデザイン
ryokanakai
0
56
コンセプトデザインガイド
ryokanakai
0
55
猫を目覚ましに変えるプロダクト「ねこざまし」
ryokanakai
1
74
【HaptiGraph】ミナールのロシア戦役表象地図を触覚で味わうプロダクトの提案
ryokanakai
0
340
Other Decks in Design
See All in Design
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
190
コンテンツ作成者の体験を設計する
chiilog
0
120
Storyboard Exercise: Chase Sequence
lynteo
1
240
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
250
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
6
5k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
210
AIでデザインをつくる:基礎編
kenichiota0711
3
2.9k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
220
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
830
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.3k
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
330
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Utilizing Notion as your number one productivity tool
mfonobong
4
250
HDC tutorial
michielstock
1
530
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
GraphQLとの向き合い方2022年版
quramy
50
14k
Designing for Timeless Needs
cassininazir
0
160
Designing Powerful Visuals for Engaging Learning
tmiket
0
270
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
Test your architecture with Archunit
thirion
1
2.2k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Ethics towards AI in product and experience design
skipperchong
2
220
Designing Experiences People Love
moore
143
24k
Transcript
中井 崚日
アフォーダンスとは 物体への 操作可能性
None
仮説 知識がアフォーダンスを生む? 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
椅子のアフォーダンス「荷物置き」
椅子への意味づけ
椅子は「座るための物」?
知識がアフォーダンスを生む?
直感が使い方を判断
物体から使い方を探る
椅子の意味は「座る」に限定されない
椅子の意味「かくれる」
アフォーダンス
「環境が動物に提供する意味や価値」
青虫にとって椅子は「よじ登る」の意味がある
見る側によって変化する椅子との関係
老人、赤子、蛇、蝶、見る側によって意味が異なる
アフォーダンスは個人の経験や個性によって決まる
知識がアフォーダンスを生むのではない 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
個性や経験がアフォーダンスを限定する 個性や 経験 (潜在記憶) 物体の 情報 アフォーダンス
アフォーダンスの語源 「与える・提供する」 という意味を持つ ” ” アフォード の造語
ドアによる「押す」「引く」など多様なアフォード
シグニファイアとは 特定の行動を アフォードを するもの
ドアノブ形状が「押す」をアフォード
None
ドアのシグニファイアの例 押す 引く
一意でないシグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
None
None
スーパーマリオにおけるシグニファイア
無意識は心地良い “無意識に行っている動作にこそ、 ” 人と物の間に心地良さが生まれている 深澤直人
シグニファイアで無意識をデザインせよ
出典 ジェームズ・ジェローブ・ギブソン
出典 ドナルド・ノーマン
Appendix
図の出典 1. いいデザインとは?心理学的概念「アフォーダンス」と「シグニファイア - Part 1 」を理解する 2. 具体例から考えるアフォーダンスとシグニファイアの違い 3.
——AMBIENT 人間の無意識をデザインする 深澤直人がデザインする生活 の周囲展(汐留) 4. 学習まんが「アフォーダンス」 5. アフォーダンスからシグニファイアへ
学習まんが「アフォーダンス」