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
RyokaNAKAI
August 22, 2024
Design
1
440
アフォーダンスとシグニファイア
RyokaNAKAI
August 22, 2024
Tweet
Share
More Decks by RyokaNAKAI
See All by RyokaNAKAI
ダークユーザインタフェース
ryokanakai
0
5
【SBTechFestival2022】SCM_店舗在庫管理領域_UI改善_設計意図説明資料【配布用】
ryokanakai
0
170
【LT】ユーザインタフェース評価入門
ryokanakai
0
21
視覚障碍者ための音声認証インタフェースデザイン
ryokanakai
0
20
コンセプトデザインガイド
ryokanakai
0
32
猫を目覚ましに変えるプロダクト「ねこざまし」
ryokanakai
0
36
【HaptiGraph】ミナールのロシア戦役表象地図を触覚で味わうプロダクトの提案
ryokanakai
0
94
Other Decks in Design
See All in Design
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
290
(第1回) アーキテクト・テックリード育成講座
masakaya
0
170
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
300
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
140
Dive Deep into Communication
yomtsu
0
220
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
550
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
250
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
300
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
1
900
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
980
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
220
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Producing Creativity
orderedlist
PRO
344
40k
Git: the NoSQL Database
bkeepers
PRO
429
65k
A designer walks into a library…
pauljervisheath
205
24k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
660
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
What's in a price? How to price your products and services
michaelherold
244
12k
Done Done
chrislema
182
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
How STYLIGHT went responsive
nonsquared
99
5.4k
Building Applications with DynamoDB
mza
93
6.3k
Transcript
中井 崚日
アフォーダンスとは 物体への 操作可能性
None
仮説 知識がアフォーダンスを生む? 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
椅子のアフォーダンス「荷物置き」
椅子への意味づけ
椅子は「座るための物」?
知識がアフォーダンスを生む?
直感が使い方を判断
物体から使い方を探る
椅子の意味は「座る」に限定されない
椅子の意味「かくれる」
アフォーダンス
「環境が動物に提供する意味や価値」
青虫にとって椅子は「よじ登る」の意味がある
見る側によって変化する椅子との関係
老人、赤子、蛇、蝶、見る側によって意味が異なる
アフォーダンスは個人の経験や個性によって決まる
知識がアフォーダンスを生むのではない 個人の 知識 (顕在記憶) 物体の 情報 アフォーダンス
個性や経験がアフォーダンスを限定する 個性や 経験 (潜在記憶) 物体の 情報 アフォーダンス
アフォーダンスの語源 「与える・提供する」 という意味を持つ ” ” アフォード の造語
ドアによる「押す」「引く」など多様なアフォード
シグニファイアとは 特定の行動を アフォードを するもの
ドアノブ形状が「押す」をアフォード
None
ドアのシグニファイアの例 押す 引く
一意でないシグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
シグニファイアがアフォーダンスを更に限定する 個性や 経験 物体の 情報 シグニファイア
None
None
スーパーマリオにおけるシグニファイア
無意識は心地良い “無意識に行っている動作にこそ、 ” 人と物の間に心地良さが生まれている 深澤直人
シグニファイアで無意識をデザインせよ
出典 ジェームズ・ジェローブ・ギブソン
出典 ドナルド・ノーマン
Appendix
図の出典 1. いいデザインとは?心理学的概念「アフォーダンス」と「シグニファイア - Part 1 」を理解する 2. 具体例から考えるアフォーダンスとシグニファイアの違い 3.
——AMBIENT 人間の無意識をデザインする 深澤直人がデザインする生活 の周囲展(汐留) 4. 学習まんが「アフォーダンス」 5. アフォーダンスからシグニファイアへ
学習まんが「アフォーダンス」