在現(xiàn)實(shí)世界中，我們需要學(xué)習(xí)很多規(guī)則。有些用于規(guī)范社會(huì)行為，例如過馬路需要走斑馬線，開車要遵守交通規(guī)則，要會(huì)判斷紅綠燈，汽車尾部的紅燈提醒我門注意車速車距。也有用于指引普通日常行為的規(guī)則，例如遙控器的使用說明，洗衣機(jī)的洗滌設(shè)定流程等等。

在路上

標(biāo)識(shí)

在介紹 affordance 之前，先介紹一個(gè)與之相關(guān)的概念「標(biāo)識(shí)(signifier)」。

正如文章開頭所說的日常生活中的各種規(guī)則都被設(shè)計(jì)成各種各樣的「標(biāo)識(shí)」——交通規(guī)則、說明書。

Apple Remote

遙控器上面有可理解文字的描述，可按下的按鈕，這些都是標(biāo)識(shí)提供的「信息」。人「拾取」了這些「信息」，對(duì)其進(jìn)行或多或少的「加工」，然后與其交互并獲得相應(yīng)的反饋，這個(gè)過程就是一個(gè)完整的認(rèn)知流程。

使用指引

人在對(duì)這些標(biāo)識(shí)信息的加工過程中，需要花一定的「力氣」，相信很多同學(xué)在使用這些日常生活中的物件時(shí)，都曾經(jīng)遇到使用障礙——在沒看清楚遙控器上的標(biāo)識(shí)前，我們根本不懂如何使用，有些甚至復(fù)雜到看懂了之后也無法靈活地使用。

使用說明

然而，有些事物的信息卻不需要太多的「力氣」去加工。很多好的設(shè)計(jì)可以讓我們效率更高，使用體驗(yàn)更好。人們可以輕易地從這些環(huán)境或者事物中拾取各種信息，而且無需加工和理解，即可知道如何使用以達(dá)到特定目的。其實(shí)這些無意識(shí)的「設(shè)計(jì)」，或者說這些能提供信息的物體屬性，一直存在。

Affordance

下圖是一個(gè)地鐵站內(nèi)的消防箱，用于存放和保護(hù)各種應(yīng)急滅火器材。箱子正面寫著「滅火器箱」，紅色的涂料也表明了它的重要性和警示意義，蓋子上的封條也說明了它不能被隨意觸碰等。這些認(rèn)知都是人們對(duì)「標(biāo)識(shí)」加工之后得出來的。

消防箱

然而，一個(gè)在等候地鐵進(jìn)站的疲憊的乘客，坐了上去……拋開倫理道德和法律法規(guī)來看，為什么這個(gè)帶著明顯警示意義的箱子，還是有人會(huì)坐上去？

「凳子」

可以想象的是，因?yàn)檫@位乘客剛逛完街，實(shí)在是太累了，看到這箱子的表面是平整的、牢固的，長度和寬度剛剛好，這些箱子本身的屬性加在一起提供了一個(gè)「可以坐上去」的信息，乘客拾取了這個(gè)信息，自然而然地坐了上去。

Affordance 一詞由認(rèn)知心理學(xué)家 James J. Gibson 創(chuàng)造。他用了一塊地板來解釋 affordance：如果一塊地平面是水平的、平整的、堅(jiān)硬的，面積足夠?qū)拸V的，那么動(dòng)物就可以在其上站立、行走或者奔跑。對(duì)于動(dòng)物來說，地板的這四種屬性提供了讓動(dòng)物可站立、可行走、可奔跑的特性。這種環(huán)境或物體所提供給動(dòng)物的屬性，就叫 affordance，即「可供性」。

上圖中的消防箱子「平整」、「牢固」、「長度寬度」的屬性，提供了可以坐上去的 affordance，也就是「可供坐下的屬性」。

那么，「標(biāo)識(shí)」與「可供性」有什么區(qū)別？

紅綠燈是最常見的交通標(biāo)識(shí)

「標(biāo)識(shí)」屬于普通意識(shí)行為，它需要人主動(dòng)加工和分析各種信息，例如紅燈、斑馬線、喇叭聲等等，這里的「人」包括了設(shè)計(jì)者與使用者（用戶），設(shè)計(jì)者加工出標(biāo)識(shí)，然后讓用戶接收和分析標(biāo)識(shí)。而且在接收這些信息的時(shí)候，用戶的注意力是被吸引集中到信息上面的，例如在馬路上我們必須時(shí)刻注意各種信號(hào)。

司機(jī)等紅燈的時(shí)候，手累了，車窗的高度剛剛好可提供擱手

而 affordance 強(qiáng)調(diào)的是環(huán)境或者物體對(duì)于人的行為的拉扯作用。人無需費(fèi)「力氣」去分析加工物體所提供的某些屬性，即可輕易地利用這些屬性完成任務(wù)達(dá)成目標(biāo)。

逛街累了的人，他們很自然地坐在路邊的花基欄桿上稍作休息。因?yàn)闄跅U的高度剛剛好。

兩者的差異在于認(rèn)知過程所需的「力度」——affordance 的力度在閾值之下，是無意識(shí)的。

Without Thought

無印良品的產(chǎn)品設(shè)計(jì)師深澤直人在《不為設(shè)計(jì)而設(shè)計(jì)=最好的設(shè)計(jì)》一書中說，affordance 是「對(duì)動(dòng)物而言的環(huán)境性質(zhì)，它揭露了人們已經(jīng)知道卻沒有發(fā)現(xiàn)之事」。他成立的一家取名為「Without Thought」的 workshop，就傳達(dá)出很多對(duì)這類無意識(shí)行為的思考，他在很多文章和演講場合都強(qiáng)調(diào)過，人與事物之間的關(guān)系應(yīng)該是自然而然，不加思索的，而且不應(yīng)添加太多無用的細(xì)節(jié)來刺激用戶，只需「剛剛好」就行。

深澤直人的傘

Affordance 也有好壞之分，越好的 affordance 對(duì)人的行為的拉扯力就越強(qiáng)。同樣是石頭，當(dāng)你累的時(shí)候，你會(huì)選擇哪一塊？

選左邊的同學(xué)請(qǐng)聯(lián)系我

身邊的例子

最近下雨天，大家都帶傘，下圖是我們?cè)诤芏嗟胤蕉伎梢钥吹降钠胀ǚ庞陚愕耐啊Ｋ€經(jīng)常被誤認(rèn)為垃圾桶，甚至煙灰缸，這就是一個(gè)很好的 affordance 案例——一個(gè)桶可以被不同的人在不同的場景下，拾取到不同的信息和屬性。

普通傘架

對(duì)于放雨傘這個(gè)行為，我們有沒有別的設(shè)計(jì)方式？

下圖是某韓國公司設(shè)計(jì)的傘架，更簡單更純粹。

韓國的傘架

很多時(shí)候我們都會(huì)把傘卡在瓷磚之間的縫隙之中，然后把傘靠在墻邊。深澤直人便通過這個(gè)縫隙和墻壁可以提供「支撐傘」的屬性，在門口玄關(guān)的墻邊鑿開一條小坑，以此設(shè)計(jì)出一個(gè)不顯眼的「傘架」。

深澤直人的傘架

勞動(dòng)人民的智慧是無限的，公司的花槽瞬間變傘架，還設(shè)計(jì)毛線啊？而且，無論有勾還是沒勾，一樣能架住。這時(shí)候，傘的手柄與花槽共同提供了可以掛靠的屬性。

公司的傘架

源起

一年多之前，在 Windows Phone 和 iOS 7 的帶動(dòng)下，興起了扁平化的風(fēng)潮。那時(shí)看到對(duì)扁平化鋪天蓋地的吐槽，我竟無言以對(duì)。

擬物化 vs 扁平化

我一直在想，在特定場景之下，只要產(chǎn)品能夠自動(dòng)提供或者完成某些特定的需求，讓用戶不加思索地完成任務(wù)，那么高光漸變凹凸感等細(xì)節(jié)就變得毫無意義，變成多余的「標(biāo)識(shí)」。我開始尋找關(guān)于無意識(shí)設(shè)計(jì)的案例，特別是 UI 設(shè)計(jì)領(lǐng)域的。

Apple 的 iOS 鍵盤，會(huì)根據(jù)不同的輸入場景，提供不同輔助更能，例如在搜索框激活鍵盤，右下角的「return」按鈕會(huì)變成「search」；還會(huì)調(diào)用不同字符的鍵盤，例如字母鍵盤、全數(shù)字鍵盤。

Apple iOS 鍵盤

關(guān)于 Apple iOS 的鍵盤，還有一個(gè)黑科技。這是蘋果的 No.7,900,156 鍵盤專利，大概意思就是當(dāng)用戶想輸入 apple 這個(gè)單詞的時(shí)候，在敲下字母「a」 后，系統(tǒng)會(huì)根據(jù)字典來預(yù)測例如 apple、action 之類的常用單詞，判定下一個(gè)字母的位置「P」、「C」，并將這些字母的可觸發(fā)區(qū)域放大，讓用戶更容易點(diǎn)擊。

iOS 鍵盤專利

最近另外一個(gè)比較好的例子，就是 Apple Watch 的「Short-Look」與「Long-Look」模式。

Apple Watch Short-Look and Long-Look

當(dāng) Apple Watch 接收到新消息時(shí)，會(huì)同過振動(dòng)通知用戶，用戶抬起手腕后，Apple Watch 將會(huì)激活屏幕顯示消息的「Short-Look」模式——僅提供最簡單的消息標(biāo)題、應(yīng)用名稱和圖標(biāo)。如果用戶覺得這個(gè)信息在當(dāng)前場景下對(duì)自己沒什么用處的話，必然會(huì)放下手腕，不加理會(huì)，此時(shí) Apple Watch 就會(huì)忽略掉這條信息，標(biāo)記為未讀，繼而關(guān)閉屏幕；如果用戶覺得該通知信息有用，通常都會(huì)想進(jìn)一步了解更多信息，那么手腕一般不會(huì)那么快放下，此時(shí)系統(tǒng)會(huì)識(shí)別這種情況并將通知信息調(diào)整為「Long-Look」模式，展示出信息的所有詳細(xì)內(nèi)容，并且通過信息的識(shí)別，提供一些簡單的回應(yīng)按鈕，例如信息內(nèi)容如果是「今晚去哪吃飯？福建料理還是蘭州食堂？」，系統(tǒng)會(huì)提供「福建料理」、「蘭州食堂」、「忽略」三個(gè)按鈕給用戶選擇。

總結(jié)

Affordance 還沒成熟，還有很多需要完善的地方，尚不足以作為一個(gè)工具或者方法論來應(yīng)用于日常設(shè)計(jì)工作，也不建議大家這樣做，因?yàn)槿绻盐詹缓茫蜁?huì)淪為「找借口的工具」。但是我建議大家把它作為一個(gè)觀察世界的方法或者角度，特別是在日常生活中，希望大家通過認(rèn)識(shí) affordance，能多留意身邊的好例子。

參考來源：
《Affordance 可供性與設(shè)計(jì)》
《消解設(shè)計(jì)的界限》
《不為設(shè)計(jì)而設(shè)計(jì)=最好的設(shè)計(jì)》