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