那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

Affordance 這個(gè)設(shè)計(jì)概念至今沒有統(tǒng)一的中文譯法。二手翻閱了一些材料，《通用設(shè)計(jì)法則》將 Affordance 譯成「功能可見性」；《設(shè)計(jì)心理學(xué)》將 Affordance 譯成「示能」；百度百科將 Affordance 譯成「功能可供性」；維基百科將 Affordance 譯成「承擔(dān)特質(zhì)」。本期來聊聊 Affordance。

「設(shè)計(jì)法則系列好文」

功能可供性（Affordance）：物品或環(huán)境的特質(zhì)會影響其功能。

什么是Affordance？

Affordance 是 afford（提供、給予、承擔(dān)）的名詞形式，環(huán)境的 affordance 是指這個(gè)環(huán)境可提供給動物的屬性，無論是好的還是壞的，根據(jù)《Affordance（可供性）和設(shè)計(jì)》二手認(rèn)為「可供性」是一個(gè)合適的翻譯。本文保留 Affordance，不做翻譯。

那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

△ 方形輪子自行車和圓形輪子自行車

Affordance 一詞由知覺心理學(xué)家詹姆斯·J·吉普森（James J. Gibson）首創(chuàng)，用以解釋我們對天下事物的知覺。吉普森對「Affordance」的定義是：動物或人對世界上某個(gè)物體可能實(shí)施的某種活動。唐納德·A·諾曼在《設(shè)計(jì)心理學(xué)》中第一次將 affordance 用于設(shè)計(jì)上的實(shí)際問題。舉個(gè)例子：方形的輪子和圓形的輪子（如上圖），哪一個(gè)看起來可以跑得更快？

維基百科：環(huán)境賦使（Affordance），指一件物品實(shí)際上用來做何用途，或被認(rèn)為有什么用途。也就是說在物品的某個(gè)方面，具有讓人明顯知道該如何使用它的特性。例如門提供「打開」的功能，椅子提供「支撐」的功能。人們得知如何使用物品有一部分來自認(rèn)知心理學(xué)，另一部分來自物品的外形。

百度百科：功能可供性是知覺領(lǐng)域里的一個(gè)新概念，心理學(xué)意義的可供性（Affordance）認(rèn)為人知覺到的內(nèi)容是事物提供的行為可能，而不是事物的性質(zhì)，而事物提供的這種行為可能就被稱為可供性。

通用設(shè)計(jì)法則：一些物品或環(huán)境從視覺上會感到適合某些功能。

設(shè)計(jì)中怎樣運(yùn)用Affordance？

那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

△?圖片摘于簡書（https://www.jianshu.com/p/c5eb7261535c）

如果物品或環(huán)境的 Affordance 與人們感官的預(yù)期相符合，那么這種設(shè)計(jì)會有很高的接納率和使用率，同時(shí)也會被認(rèn)為容易操作。相反，如果物品或環(huán)境的 Affordance 與人們感官的預(yù)期相違背，那么這種設(shè)計(jì)不會有很高的接納率和使用率，同時(shí)也會被認(rèn)為難以操作。

那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

△?iOS6和 iOS7 短信頁面比較（圖片摘于網(wǎng)絡(luò) http://apple.xdnice.com/content/applenews/2013/0614/142195.html）

舉個(gè)例子：蘋果操作系統(tǒng)從 iOS6?升級到 iOS7 的時(shí)候，Affordance 成為了大家熱議的焦點(diǎn)，以短信頁面為例，iOS6 中「Message」等其他按鈕有邊界，有凸起的感覺，按鈕看起來具有「可以點(diǎn)擊」的 affordance，但是在 iOS7 中，「Message」等其他按鈕，沒有任何修飾，單純的呈現(xiàn)在白色界面上。剛升級到 iOS7 的時(shí)候，很多用戶并不適應(yīng)這種設(shè)計(jì)，反饋不知道哪里可以點(diǎn)擊。對于老用戶而言，經(jīng)過了7年的用戶習(xí)慣養(yǎng)成，用戶已經(jīng)形成了一定的使用習(xí)慣，iphone 從最初的擬物化到扁平化，用戶早已對可點(diǎn)擊區(qū)域了然于心。所以，即使看到「Message」一詞，可點(diǎn)擊的 Affordance 就已經(jīng)浮現(xiàn)在用戶的頭腦中。對于新用戶而言，從頭開始學(xué)習(xí)，也并沒有增加學(xué)習(xí)成本。

那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

△?彈幕功能

我們再來看 pc 端的彈幕功能，當(dāng)用戶打開視頻的時(shí)候彈幕是自動播放的，但是很多時(shí)候彈幕多到喪心病狂，影響用戶的觀看。這時(shí)候用戶會選擇關(guān)閉彈幕，鼠標(biāo) hover 彈幕按鈕時(shí)，按鈕高亮，提示「隱藏彈幕」功能，但是同時(shí)上彈出一個(gè)功能集合彈框，用戶的 Affordance 是關(guān)閉彈幕，但是其他功能又與用戶感官相違背，所以會讓用戶難以操作。

生活中常見物品和環(huán)境的圖像，可以明確產(chǎn)品的使用性和功能性。

那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

△?微信紅包

舉個(gè)例子：心理學(xué)上有個(gè)概念叫做 Familiarity bias（熟悉度偏見），說的是人們傾向于相信自己熟悉的東西。熟悉能產(chǎn)生信任，不熟悉產(chǎn)生疑慮。微信紅包便是最成功的案例之一。微信紅包不論是視覺上還是功能上都與我們實(shí)際生活中的認(rèn)知相符合，于是這些圖標(biāo)可以提示用戶，它們在抽象的界面中的對應(yīng)功能。

小結(jié)

  • 物品或環(huán)境的 Affordance 與人們感官的預(yù)期相符合。
  • 在抽象的界面中，不論是視覺上還是功能上都要與我們實(shí)際生活中的認(rèn)知相符合。

參考資料：

歡迎關(guān)注譯者的微信公眾號：「二手設(shè)計(jì)」

那些很熟悉但又叫不出名字的設(shè)計(jì)法則：功能可供性

「設(shè)計(jì)法則系列好文」

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com

程遠(yuǎn)鐵粉

文章 6813 人氣 32644.5w

優(yōu)設(shè) 內(nèi)容總監(jiān)
收藏 31
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。

繼續(xù)閱讀本文相關(guān)話題

文章目錄