Slide 1
Slide 1 text
設計的心理學
The Design of Everyday Things
- 人性化的產品設計如何改變世界
HPX102.1 周間組
Slide 2
Slide 2 text
目錄
作者簡介
序章
第一章：日常事物的精神病理學
- 現代裝置的複雜性
- 人本設計
- 互動的基本原則
- 預設用途
- 指意
- 對應性
- 回饋
- 概念模型
- 系統印象
- 科技進步的矛盾
- 設計的挑戰
Slide 3
Slide 3 text
作者簡介
Slide 4
Slide 4 text
唐納．諾曼 Donald A. Norman
1935 年 12 月 25 日（82 歲），美國
美國認知科學、人因工程等設計領域的著名學者
尼爾森諾曼集團的創辦人與顧問 - 該公司主要提供關於使用者經驗的研究諮詢顧問服務
知名著作：
-《設計的心理學》
-《情感＠設計：為什麼有些設計讓你一眼就愛上》
-《好設計不簡單：和設計師聯手馴服複雜科技，享受豐富生活》
Slide 5
Slide 5 text
序章
Slide 6
Slide 6 text
書名演化：《設計心理學》> 《設計&日常生活》 > 《設計的心理學》
設計入門書
用意1：發覺生活中不良設計造成的問題。同時發現好的設計如何使生活更輕鬆
用意2：知道如何選擇容易使用的產品，以及如何應付令人困惑的產品
每章節改寫內容的摘要
作者的個人網站：jnd.org
介紹
Slide 7
Slide 7 text
jnd.org
Slide 8
Slide 8 text
總結
隨著時間的推移
即便人的心理不變，世界上的工具、事物和文化也會持續改變。
科技會繼續前進。
雖然設計的原則不會變，但應用這些原則的方法必須因新的人
類活動、新的科技，和新的溝通互動方式而改變。
Slide 9
Slide 9 text
第一章
Slide 10
Slide 10 text
日常事物的精神病理學
The Psychopathology of Everyday Things
Slide 11
Slide 11 text
你是否曾經有打不開門的經驗
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
「諾曼門」
(Norman doors)
- 泛指那些夭壽難開/關的門
Slide 14
Slide 14 text
優良設計的重點：
容易發現、容易理解
Slide 15
Slide 15 text
可發現性
(Discoverability)
易理解性
(Understanding)
Slide 16
Slide 16 text
現代裝置的複雜性
Slide 17
Slide 17 text
人為過失? 機械過失?
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
夏威夷飛彈誤報事件
Slide 20
Slide 20 text
神奇的下拉式選單
Slide 21
Slide 21 text
設計機器時，必須假定人會犯錯
(第5章會有更多分析)
Slide 22
Slide 22 text
人本設計
Human-Centered design,HCD
Slide 23
Slide 23 text
人們往往不知道自己真正的需求
Slide 24
Slide 24 text
透過觀察、快速測試的方式來趨近於問題
Slide 25
Slide 25 text
(第6章會探討各種人本設計的挑戰)
體驗設計
重點不同的專門設計領域
工業設計
互動設計
人本設計
確保設計能符合使用者的需求及能力的
設計過程
人本設計和不同設計分工的角色
Slide 26
Slide 26 text
互動的基本原則
Slide 27
Slide 27 text
體驗
*工程師最痛很的字眼之一
(X
Slide 28
Slide 28 text
優秀的設計師創造愉悅的體驗
Slide 29
Slide 29 text
還記得前面開門的例子嗎?
如果是你開門，你會得到甚麼體驗呢
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
前方出現了一道關著的門
1.
你走上前去觀察這道門 ＞ 了解這扇門的用意
2.
發現門上有一個喇叭鎖門把 ＞ 發現關鍵的指引
3.
於是你嘗試著旋轉喇叭鎖 ＞ 從過往的概念模型中取得操作經驗
4. ok
，你成功打開了這扇門 ＞ 獲得開心
(?
的情緒
可發現性
Slide 32
Slide 32 text
五個基本心理觀念 + 1
Slide 33
Slide 33 text
預設用途
(affordances)
指意
(signifiers)
使用侷限
(constraints)
對應性
(mapping)
回饋
(feedback)
概念模型
(conceptual model)
Slide 34
Slide 34 text
預設用途
(affordances)
指意
(signifiers)
使用侷限
(constraints)
對應性
(mapping)
回饋
(feedback)
概念模型
(conceptual model)
Slide 35
Slide 35 text
物體與操作者之間的關係
Slide 36
Slide 36 text
易視性
(visibility)
Slide 37
Slide 37 text
預設用途
(affordances)
指意
(signifiers)
使用侷限
(constraints)
對應性
(mapping)
回饋
(feedback)
概念模型
(conceptual model)
Slide 38
Slide 38 text
又稱為意符
*非符號學領域中的指意
Slide 39
Slide 39 text
向人們傳達適當的行為方式的指示方法
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
指意隨著科技進步也會跟著改變
Slide 43
Slide 43 text
No content
Slide 44
Slide 44 text
可以知覺的預設用途往往會成為一種指意
預設用途與指意
Slide 45
Slide 45 text
預設用途與指意差異
預設用途 操作者與物體之間的互動可能性 有些可以知覺，有些則不行
指意
指示的信號，指出甚麼樣的行動是可行的，以及
該如何做
必須是可感知、清楚的
Slide 46
Slide 46 text
能感知的預設用途也可能是誤導性的指意
預設用途與指意
Slide 47
Slide 47 text
No content
Slide 48
Slide 48 text
預設用途
(affordances)
指意
(signifiers)
使用侷限
(constraints)
對應性
(mapping)
回饋
(feedback)
概念模型
(conceptual model)
Slide 49
Slide 49 text
兩個集合的元素間的關係
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
No content
Slide 52
Slide 52 text
控制介面和顯示器的安排
Slide 53
Slide 53 text
方向盤 ＞ 車子方向
Slide 54
Slide 54 text
No content
Slide 55
Slide 55 text
讓我們來看看方向盤是如何讓車子轉向
Slide 56
Slide 56 text
No content
Slide 57
Slide 57 text
我看不懂
Slide 58
Slide 58 text
對於使用者來說，原理不是重點
Slide 59
Slide 59 text
使用者可以不知道汽車、戰車、船
轉方向的差異
Slide 60
Slide 60 text
他把方向盤/舵向左轉
對應的物件就要向左轉
不然客服就死定了(X
Slide 61
Slide 61 text
重點在於如何透過對應性
去連結使用者心中的心理模型
Slide 62
Slide 62 text
負面案例
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
No content
Slide 65
Slide 65 text
完形心理學
分組
(groupings)
接近性
(proximity)
Slide 66
Slide 66 text
正面案例
Slide 67
Slide 67 text
No content
Slide 68
Slide 68 text
良好的對應性須符合自然的導引
但是須注意，文化也會產生影響
(第3章會探討不同文化對時間的觀點)
Slide 69
Slide 69 text
預設用途
(affordances)
指意
(signifiers)
使用侷限
(constraints)
對應性
(mapping)
回饋
(feedback)
概念模型
(conceptual model)
Slide 70
Slide 70 text
傳達一個動作的結果
Slide 71
Slide 71 text
請你試著喝一口水
Slide 72
Slide 72 text
然後思考一下你做了甚麼
Slide 73
Slide 73 text
1. 找到水杯
2. 將水杯拿起來
3. 喝它!!
喝水流程
Slide 74
Slide 74 text
1. 使用眼睛尋找水杯，並獲得水杯所在位置回饋
2. 將手伸向水杯，碰觸到水杯時，觸感回饋
3. 施力握緊水杯，觸感回饋
4. 將水杯移動到嘴邊......
5. ......
6. 好喝!!
喝水流程
Slide 75
Slide 75 text
回饋必須立即
Slide 76
Slide 76 text
有沒有曾經因為不及時的回饋而放棄
Slide 77
Slide 77 text
延宕的回饋令人不舒服
進而容易放棄等待
Slide 78
Slide 78 text
負面案例
Slide 79
Slide 79 text
No content
Slide 80
Slide 80 text
No content
Slide 81
Slide 81 text
設計不良往往是要降低成本
Slide 82
Slide 82 text
正面案例
Slide 83
Slide 83 text
No content
Slide 84
Slide 84 text
1. 按鈕聲
2. 顯示按下的數字
撥打電話時的回饋
Slide 85
Slide 85 text
回饋是必要的，且必須要正確、適當
Slide 86
Slide 86 text
預設用途
(affordances)
指意
(signifiers)
使用侷限
(constraints)
對應性
(mapping)
回饋
(feedback)
概念模型
(conceptual model)
Slide 87
Slide 87 text
高度簡化來解釋東西如何運作
Slide 88
Slide 88 text
電腦中的資料夾與電子郵件
Slide 89
Slide 89 text
No content
Slide 90
Slide 90 text
用相似且簡化後的概念來解釋
Slide 91
Slide 91 text
BUT!
有時候會出現誤導的情況
Slide 92
Slide 92 text
一項產品可能有多個概念模型
Slide 93
Slide 93 text
汽車駕駛 & 汽車維修員
方向盤
Slide 94
Slide 94 text
概念模型經常由經驗所構成
Slide 95
Slide 95 text
所以會出錯!!
因為人類不可信(X
Slide 96
Slide 96 text
除了經驗以外，透過前面所談的
指意、預設用途、使用侷限、對應性等方式
可以推測出概念模型
Slide 97
Slide 97 text
No content
Slide 98
Slide 98 text
No content
Slide 99
Slide 99 text
再次證明每個人的心理模型是不同的(X
Slide 100
Slide 100 text
概念模型的價值，在於提供一個預測事情進行的理解方式
以及出現BUG時，能提供排除障礙的方法
Slide 101
Slide 101 text
系統印象
Slide 102
Slide 102 text
人，就是在生活中不斷地學習、建立各種不同的心理模型
某項物品的概念模型，就是透過過去所接觸到所有與之相關的
各式資料所組合而成，稱之為系統印象
Slide 103
Slide 103 text
設計師的概念
模型
設計產品
使用者的概念
模型
使用產品
系統印象
產品、說明書
設計 詮釋
使用
Slide 104
Slide 104 text
科技進步的矛盾
Slide 105
Slide 105 text
科技帶來便利生活，同時也讓生活更複雜
Slide 106
Slide 106 text
No content
Slide 107
Slide 107 text
或許未來我們會變成不會使用手機的人
Slide 108
Slide 108 text
設計的挑戰
Slide 109
Slide 109 text
設計是一項跨領域的合作，需要眾多領域的配合
Slide 110
Slide 110 text
管理人員：不准延後，只能準時上架
行銷人員：外包費用有點貴，不能再便宜一些嗎
客戶：這個系統不好玩，如果這樣那樣的話更好
工程師：按鈕一定要不規則形嗎，方形的不是很好
主管：幫我改一下，我明天就要
老闆：我要又快又好又便宜(X
．．．．．．
Slide 111
Slide 111 text
設計不難，最難的是人
Slide 112
Slide 112 text
如何說服人理解彼此的觀點，用客觀的角度去看待意見
Slide 113
Slide 113 text
好的設計需要考量各種需求，透過不同的觀點來尋求、改進自身
設計的漏洞，進而做出更優質的設計內容
Slide 114
Slide 114 text
謝謝