文化、認知及設計
楊政達
脈絡
• 窄脈絡：usability
• 寬脈絡：user experience
• 脈絡和行為的關係為何？
行為主義
• 1920 年開始
– John B. Watson & B. F. Skinner
– 反對意識經驗識心理學的主流
– 認為心智不可以被量測、行為
可以被量測，所以應該研究可
以被量測的部分
– 強調刺激和反應的關係
• 制約反應是行為的最小單位
刺激
反應
認知心理學
• 1960年代
– Alan Newell & Herbert Simon
– 著重於了解心智運作過程(訊息的處理)
– 以電腦為類比
認知科學家在研究什麼？
• Sensation and Perception - 感覺器官如何接
收這些訊息？
• Attention – 注意力資源如何被分配
• Memory - 資訊如何被表徵
• Decision Making - 我們如何運用這些訊息達
成目的？
感覺器官如何接收這些訊息？
SENSATION AND PERCEPTION
「感覺」與「知覺」是一樣的
嗎?
感覺
知覺
個體靠感覺器官覺察到刺激
的存在（訊息）的歷程。
不僅覺察到刺激（訊息）的
存在及其重要屬性（特
徵），經腦的統合作用，將
感覺所傳來的訊息加以選
擇、組織並做出解釋的歷程
眼睛視覺
耳朵聽覺
鼻子嗅覺
等等。
你相信「眼見為憑」？!
說說看你看到了什麼？
一個少女？
一個老太太？
真的「眼見為憑」？!
• 為什麼會有不同的解讀？
– 背景知識不同
• 錯覺現象
– 知覺並不是真實的反映外在世界
– EX:
• Dragon optical illusion
• Ames room
巴黎火車站前被隕石撞擊?!
Biological movement
我們如何組織外在世界?
完型組織定律（Gestalt
principle）
– 接近法則 (proximity)
• XXX XXX vs. XX XX XX
– 連續法則 (continuity)
• _ _ _ _ vs. _ _ _ - - -
– 相似法則 (similarity)
• XXXxxx
– 閉合法則 (closure)
– Good form
• [ ] vs. [ _
Sausage cat illusion
連續法則的實例
完形原則與設計
http://www.youtube.com/watch?v=LlzuJqZ797
U
注意力資源如何被分配？
ATTENTION
注意力功能
注意力功能
相關名詞
功能描述
vigilance/alertness,
維持性注意力
signal detection,
(sustained attention)
arousal
保持某種醒覺或警覺狀
態以偵測特定目標
選擇性注意力
(selective attention)
resource limitation,
search
刻意選擇某些刺激而忽
略其他刺激
分散性注意力
(divided attention)
resource limitation,
attentional control
刻意而謹慎地安排認知
資源從事多項作業
Conjunctive Search
• Find the letter T
– Which panel is
easier?
Feature Search
• Find the letter O
– Easier or harder than
the previous one?
Another Feature Search
Is there a red T in the
display?
According to feature
integration theory, the
target should “pop out”
No attention required
T
T
T
T
T T T
T
T
T T
T T
T
T
T
T
Another Conjunction Search
Is there a red T in the
display?
Target is defined by two
features: shape and color
According to FIT, the features
must be combined and so
attention is required
Need to examine one by one
X X T
T X T
T X T X
X X
T
T T
Similarity Theory
• Similarity between targets
and distracters is
important, not number of
features to be combined
– More shared features = more
difficult to detect a target
– Find the letter R
Visual search in real life
Change Blindness
Selective Attention
Stroop effect
I. Congruent condition
II. Incongruent condition
Gauging Your Distraction During
Driving
有人自願上台試試看？？
我們如何表徵這些資訊
MEMORY REPRESENTATION
Memory Representation
• What is representation（表徵）?
– 將外在現實的事物以另一種較.為抽象或符號化
的形式來代表的歷程。
– 『Re』 + 『Present』=重新呈現，而非再呈現
記憶的三個歷程
• 訊息處理理論 Information processing model
登錄 (encode)
將外在的物理輸入轉譯為記憶可接受的編
碼或表徵，並將此表徵「放在」記憶中
儲存 (storage)
保留（或貯存）已經編碼的表徵
提取 (retrieval)
從記憶系統提取訊息
登錄的特異性 Encoding specificity
• Godden and Baddeley’s study
– 讓兩群潛水客背一串字詞
– 其中一群在陸地上背，另一群在水中背
– 再分別在兩種情況中回憶字詞
當記憶出錯時
• 錯誤記憶 (false memory)
– 對於沒有發生過的事件有記憶
– Deese-Roediger-McDermott paradigm (DRM
paradigm)
How to train your memory?
試著跟著影片一起體驗『記憶』
我們如何運用這些訊息達成目的？
DECISION MAKING
理性決策
• 關心在各種選項中做選擇的歷程，主要是
評估效益(utility)與機率(probability)以進行
選擇的歷程
非理性決策
•
•
•
•
•
認證偏誤
深信不疑
自負認知
後見之明
捷思
問題組一：
某罕見的非洲疾病正在蔓延，估計會使六百
人喪生。目前有兩種方案可以防制該疾病，
你喜歡那一種方案？
1. 200人會存活。
2. 有三分之一的機率會使600人全部獲
救，另外的三分之二的機率是這600人
一個也救不了。
問題組二：
某罕見的非洲疾病正在蔓延，估計會使六百
人喪生。目前有兩種方案可以防制該疾病，
你喜歡那一種方案？
1. 400 人會喪命。
2. 三分之一的機率不會有人喪生，但有三
分之二的機率是600人全部死去。
框架效應
• 問題組一：72% 選擇方案1 - 風險迴避
• 問題組二：78% 選擇方案2 - 冒險行事
• 『決策』同時受到問題結構及決定者本身
的規範、習慣、個性的影響
Cognition is shaped by culture
文化、脈絡與認知
你看到了什麼？
脈絡與認知
• 脈絡線索
– 經由重複暴露，人們會以內隱的方式學習、記
憶
• 脈絡引導
– 脈絡線索會導引人們的注意力，幫助決策判斷
– Studying perception in context
來源：http://dct.nctu.edu.tw/files/faculty_files/fct_8/Theroleofcontextinmediatedmessageprocessing.pdf
設計師，你把「OK」放左邊根本就
不 OK 呀！
• 當「ok」放在左邊，
視覺方向比較複雜。
• OK按鈕放在右邊，視
覺方向就一致了。
摘錄自：http://techorange.com/2012/09/18/is-that-ok/
• 下圖的「ok」鈕把使
用者帶往「下一
步」，而取消就是回
到原來的視窗
• 下圖這種對話框就比
較方便瀏覽，因為視
線會直接停留在
「ok」鈕
摘錄自：http://techorange.com/2012/09/18/is-that-ok/
• 下圖這樣的擺放造成過大的視覺距離，讓
人難以比較兩個按鈕。但在某些狀況中，
我們需要衡量按這些鈕會發生什麼事情
是。
摘錄自：http://techorange.com/2012/09/18/is-that-ok/
文化與認知
文化與認知
• 東方/相依性 v.s. 西方/獨立性
• 物體再認實驗：
– 西方人較早凝視中央物件，時間也較長
– 東方人的物件再認正確率降低
• 改變偵測作業：
– 西方人較容易發現前景物件的改變
– 東方人較容易發現背景的改變
來源：http://dct.nctu.edu.tw/files/faculty_files/fct_8/Theroleofcontextinmediatedmessageprocessing.pdf
• 長度判斷實驗：
– 西方人對於絕對長度敏感
– 東方人對於相對長度敏感
• 魚的圖片詮釋實驗：
– 西方人，這條魚很獨立
– 東分人，這條魚很孤僻
種族與認知
• Implicit association test
• 正反面詞彙分別與非裔與歐裔臉孔配對
• 非裔美國人臉孔和正面詞彙配對時，反應
較慢
認知是一個推論的過程
當你在思考如何設計、要設計怎麼
樣的東西時，請你好好想想你的使
用者所處的環境、經驗、及文化！