功能可供性(Affordance):物品或環境的特質會影響其功能。
Affordance 是 afford(提供、給予、承擔)的名詞形式,環境的 affordance 是指這個環境可提供給動物的屬性,無論是好的還是壞的,根據《Affordance(可供性)和設計》二手認為「可供性」是一個合適的翻譯。本文保留 Affordance,不做翻譯。
△ 方形輪子自行車和圓形輪子自行車
Affordance 一詞由知覺心理學家詹姆斯·J·吉普森(James J. Gibson)首創,用以解釋我們對天下事物的知覺。吉普森對「Affordance」的定義是:動物或人對世界上某個物體可能實施的某種活動。唐納德·A·諾曼在《設計心理學》中第一次將 affordance 用于設計上的實際問題。舉個例子:方形的輪子和圓形的輪子(如上圖),哪一個看起來可以跑得更快?
維基百科:環境賦使(Affordance),指一件物品實際上用來做何用途,或被認為有什么用途。也就是說在物品的某個方面,具有讓人明顯知道該如何使用它的特性。例如門提供「打開」的功能,椅子提供「支撐」的功能。人們得知如何使用物品有一部分來自認知心理學,另一部分來自物品的外形。
百度百科:功能可供性是知覺領域里的一個新概念,心理學意義的可供性(Affordance)認為人知覺到的內容是事物提供的行為可能,而不是事物的性質,而事物提供的這種行為可能就被稱為可供性。
通用設計法則:一些物品或環境從視覺上會感到適合某些功能。
△ 圖片摘于簡書(https://www.jianshu.com/p/c5eb7261535c)
如果物品或環境的 Affordance 與人們感官的預期相符合,那么這種設計會有很高的接納率和使用率,同時也會被認為容易操作。相反,如果物品或環境的 Affordance 與人們感官的預期相違背,那么這種設計不會有很高的接納率和使用率,同時也會被認為難以操作。
△ iOS6和 iOS7 短信頁面比較(圖片摘于網絡 http://apple.xdnice.com/content/applenews/2013/0614/142195.html)
舉個例子:蘋果操作系統從 iOS6 升級到 iOS7 的時候,Affordance 成為了大家熱議的焦點,以短信頁面為例,iOS6 中「Message」等其他按鈕有邊界,有凸起的感覺,按鈕看起來具有「可以點擊」的 affordance,但是在 iOS7 中,「Message」等其他按鈕,沒有任何修飾,單純的呈現在白色界面上。剛升級到 iOS7 的時候,很多用戶并不適應這種設計,反饋不知道哪里可以點擊。對于老用戶而言,經過了7年的用戶習慣養成,用戶已經形成了一定的使用習慣,iphone 從最初的擬物化到扁平化,用戶早已對可點擊區域了然于心。所以,即使看到「Message」一詞,可點擊的 Affordance 就已經浮現在用戶的頭腦中。對于新用戶而言,從頭開始學習,也并沒有增加學習成本。
△ 彈幕功能
我們再來看 pc 端的彈幕功能,當用戶打開視頻的時候彈幕是自動播放的,但是很多時候彈幕多到喪心病狂,影響用戶的觀看。這時候用戶會選擇關閉彈幕,鼠標 hover 彈幕按鈕時,按鈕高亮,提示「隱藏彈幕」功能,但是同時上彈出一個功能集合彈框,用戶的 Affordance 是關閉彈幕,但是其他功能又與用戶感官相違背,所以會讓用戶難以操作。
生活中常見物品和環境的圖像,可以明確產品的使用性和功能性。
△ 微信紅包
舉個例子:心理學上有個概念叫做 Familiarity bias(熟悉度偏見),說的是人們傾向于相信自己熟悉的東西。熟悉能產生信任,不熟悉產生疑慮。微信紅包便是最成功的案例之一。微信紅包不論是視覺上還是功能上都與我們實際生活中的認知相符合,于是這些圖標可以提示用戶,它們在抽象的界面中的對應功能。