功能可供性（Affordance）：物(wu)品或(huo)環境的特質會影響其功能。
Affordance 是(shi)(shi) afford（提(ti)(ti)供、給(gei)予、承擔）的(de)名詞形式，環境(jing)的(de) affordance 是(shi)(shi)指這個(ge)環境(jing)可(ke)提(ti)(ti)供給(gei)動物(wu)的(de)屬(shu)性，無論是(shi)(shi)好的(de)還是(shi)(shi)壞的(de)，根據《Affordance（可(ke)供性）和設計》二手(shou)認為「可(ke)供性」是(shi)(shi)一個(ge)合適的(de)翻譯。本(ben)文保留 Affordance，不做(zuo)翻譯。
△ 方形輪(lun)子(zi)(zi)自行(xing)車(che)和圓(yuan)形輪(lun)子(zi)(zi)自行(xing)車(che)
Affordance 一(yi)(yi)詞(ci)由(you)知(zhi)(zhi)覺心(xin)理(li)學家詹姆斯·J·吉普(pu)森（James J. Gibson）首創(chuang)，用(yong)以解釋我們對天下事(shi)物(wu)的(de)(de)(de)知(zhi)(zhi)覺。吉普(pu)森對「Affordance」的(de)(de)(de)定義是(shi)：動物(wu)或(huo)人對世界(jie)上(shang)某個物(wu)體可能實施的(de)(de)(de)某種活動。唐納德(de)·A·諾曼(man)在《設(she)計心(xin)理(li)學》中(zhong)第一(yi)(yi)次(ci)將 affordance 用(yong)于設(she)計上(shang)的(de)(de)(de)實際問題。舉個例子(zi)：方形的(de)(de)(de)輪子(zi)和圓形的(de)(de)(de)輪子(zi)（如(ru)上(shang)圖），哪一(yi)(yi)個看起來可以跑(pao)得更快(kuai)？
維基百科(ke)：環境賦使（Affordance），指一(yi)件物品實際上用(yong)來做何(he)用(yong)途(tu)，或被認為(wei)有(you)什么(me)用(yong)途(tu)。也就是(shi)說在物品的(de)某個方面，具有(you)讓人明(ming)顯知(zhi)道該如何(he)使用(yong)它的(de)特(te)性。例如門提供(gong)「打開」的(de)功能(neng)，椅子提供(gong)「支撐」的(de)功能(neng)。人們得知(zhi)如何(he)使用(yong)物品有(you)一(yi)部(bu)分來自認知(zhi)心理學(xue)，另一(yi)部(bu)分來自物品的(de)外形。
百度百科：功(gong)能可供性是(shi)知(zhi)覺(jue)領域里的(de)一個(ge)新概念，心(xin)理學意義的(de)可供性（Affordance）認(ren)為人知(zhi)覺(jue)到的(de)內容是(shi)事物(wu)提供的(de)行(xing)為可能，而不是(shi)事物(wu)的(de)性質(zhi)，而事物(wu)提供的(de)這種行(xing)為可能就被稱為可供性。
通用設計法則：一些物品或環(huan)境從(cong)視覺(jue)上會感到適合某(mou)些功能(neng)。
△ 圖片摘于簡書（）
如果物品或(huo)環(huan)境的 Affordance 與人們(men)感(gan)(gan)官的預期相(xiang)符合，那(nei)么這(zhe)(zhe)種(zhong)(zhong)設計會(hui)有很高的接納(na)率和使用率，同(tong)時(shi)也(ye)會(hui)被(bei)認為容易操作(zuo)。相(xiang)反，如果物品或(huo)環(huan)境的 Affordance 與人們(men)感(gan)(gan)官的預期相(xiang)違背，那(nei)么這(zhe)(zhe)種(zhong)(zhong)設計不會(hui)有很高的接納(na)率和使用率，同(tong)時(shi)也(ye)會(hui)被(bei)認為難以操作(zuo)。
△ iOS6和 iOS7 短信(xin)頁面比(bi)較（圖片摘于網絡 ）
舉個(ge)例(li)(li)子：蘋果(guo)操作(zuo)系統從 iOS6 升級(ji)到 iOS7 的(de)時候(hou)，Affordance 成(cheng)(cheng)(cheng)為(wei)了(le)大(da)家(jia)熱議的(de)焦(jiao)點(dian)(dian)(dian)，以(yi)(yi)短信頁面為(wei)例(li)(li)，iOS6 中「Message」等(deng)其他按鈕(niu)有(you)邊界，有(you)凸起的(de)感覺，按鈕(niu)看起來具有(you)「可以(yi)(yi)點(dian)(dian)(dian)擊(ji)(ji)」的(de) affordance，但是在(zai) iOS7 中，「Message」等(deng)其他按鈕(niu)，沒(mei)(mei)有(you)任何修(xiu)飾，單純的(de)呈現在(zai)白色界面上。剛升級(ji)到 iOS7 的(de)時候(hou)，很(hen)多用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)并不適應這種設(she)計，反(fan)饋不知道哪里可以(yi)(yi)點(dian)(dian)(dian)擊(ji)(ji)。對于老用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)而言(yan)，經(jing)(jing)過了(le)7年的(de)用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)習(xi)(xi)慣養(yang)成(cheng)(cheng)(cheng)，用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)已經(jing)(jing)形成(cheng)(cheng)(cheng)了(le)一定的(de)使用(yong)(yong)(yong)(yong)(yong)習(xi)(xi)慣，iphone 從最初的(de)擬物化(hua)到扁平化(hua)，用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)早已對可點(dian)(dian)(dian)擊(ji)(ji)區域了(le)然于心(xin)。所以(yi)(yi)，即使看到「Message」一詞，可點(dian)(dian)(dian)擊(ji)(ji)的(de) Affordance 就已經(jing)(jing)浮現在(zai)用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)的(de)頭腦中。對于新(xin)用(yong)(yong)(yong)(yong)(yong)戶(hu)(hu)(hu)而言(yan)，從頭開始學(xue)習(xi)(xi)，也(ye)并沒(mei)(mei)有(you)增加(jia)學(xue)習(xi)(xi)成(cheng)(cheng)(cheng)本(ben)。
△ 彈(dan)幕功能
我們再來看 pc 端(duan)的(de)(de)彈(dan)幕(mu)(mu)功能(neng)(neng)，當用(yong)戶(hu)打開視頻的(de)(de)時(shi)候(hou)(hou)彈(dan)幕(mu)(mu)是自動(dong)播(bo)放的(de)(de)，但(dan)是很多時(shi)候(hou)(hou)彈(dan)幕(mu)(mu)多到喪心病狂(kuang)，影(ying)響用(yong)戶(hu)的(de)(de)觀看。這時(shi)候(hou)(hou)用(yong)戶(hu)會選擇關閉彈(dan)幕(mu)(mu)，鼠(shu)標 hover 彈(dan)幕(mu)(mu)按鈕時(shi)，按鈕高(gao)亮，提示「隱(yin)藏彈(dan)幕(mu)(mu)」功能(neng)(neng)，但(dan)是同時(shi)上彈(dan)出一個功能(neng)(neng)集(ji)合(he)彈(dan)框，用(yong)戶(hu)的(de)(de) Affordance 是關閉彈(dan)幕(mu)(mu)，但(dan)是其他功能(neng)(neng)又與用(yong)戶(hu)感官相違背，所(suo)以(yi)會讓用(yong)戶(hu)難(nan)以(yi)操(cao)作。
生(sheng)活中常見物品和環(huan)境的圖像，可以明確產品的使用性和功能性。
△ 微(wei)信紅包(bao)
舉個例子：心(xin)理學(xue)上(shang)有個概念叫做(zuo) Familiarity bias（熟悉(xi)度偏見(jian)），說的(de)(de)是人們(men)(men)傾向于相信(xin)自己熟悉(xi)的(de)(de)東(dong)西(xi)。熟悉(xi)能(neng)(neng)產生(sheng)信(xin)任，不(bu)熟悉(xi)產生(sheng)疑(yi)慮。微(wei)信(xin)紅(hong)包便是最成功的(de)(de)案(an)例之一。微(wei)信(xin)紅(hong)包不(bu)論是視覺上(shang)還是功能(neng)(neng)上(shang)都(dou)與我(wo)們(men)(men)實(shi)際生(sheng)活(huo)中的(de)(de)認知相符合，于是這(zhe)些圖標可以提示用戶(hu)，它們(men)(men)在抽象的(de)(de)界面中的(de)(de)對應功能(neng)(neng)。
在線客服1號
微信公眾賬號