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

3 評(píng)論 8790 瀏覽 42 收藏 9 分鐘

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

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

什么是Affordance?

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

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

Affordance 一詞由知覺心理學(xué)家詹姆斯·J·吉普森(James J. Gibson)首創(chuàng),用以解釋我們對(duì)天下事物的知覺。吉普森對(duì)「Affordance」的定義是:動(dòng)物或人對(duì)世界上某個(gè)物體可能實(shí)施的某種活動(dòng)。唐納德·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)境從視覺上會(huì)感到適合某些功能。

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

△?圖片摘于簡書

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

△?iOS6和 iOS7 短信頁面比較(圖片摘于網(wǎng)絡(luò)?

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

△?彈幕功能

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

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

△?微信紅包

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

小結(jié)

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

參考資料:

相關(guān)閱讀

那些很熟悉但又不知怎么用的設(shè)計(jì)法則(1):80/20法則

那些很熟悉但又叫不出名字的設(shè)計(jì)法則(2):形式服從功能

那些很熟悉但又叫不出名字的設(shè)計(jì)法則(3):??硕?/a>

那些很熟悉但又叫不出名字的設(shè)計(jì)法則(4):倒金字塔法則

那些很熟悉但又叫不出名字的設(shè)計(jì)法則(5):系列位置效應(yīng)

那些很熟悉但又叫不出名字的設(shè)計(jì)法則(6):馮·雷斯托夫效應(yīng)
 

作者:笣米奔

來源:微信公眾號(hào)“二手設(shè)計(jì)(ID:ershou-design)”

本文章由“二手設(shè)計(jì)”出品,轉(zhuǎn)載請(qǐng)注明出處,多謝合作!

注明出處格式(原文作者:二手設(shè)計(jì) / 微信號(hào):ershou-design)

題圖來自 Pixabay,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 設(shè)計(jì)心理學(xué)第一本應(yīng)該是第四章有說,并提到了擬物設(shè)計(jì),他們都是設(shè)計(jì)迭代中必然會(huì)經(jīng)歷的一個(gè)階段,一個(gè)用來過渡的階段。

    來自北京 回復(fù)
  2. 在游戲設(shè)計(jì)中,這種例子更多。比如說:玩家的生命值應(yīng)該用紅色表示,加血的藥水應(yīng)該是紅色,圣光就應(yīng)該是金黃色的……等等。

    來自廣東 回復(fù)