注:在獲取專業(yè)知識和技能的道路上,設(shè)計師們會遇到各式各樣的專業(yè)術(shù)語。之前我們已經(jīng)介紹過一些核心術(shù)語的貼子,如可用性和網(wǎng)頁設(shè)計、商務術(shù)語和縮略語、導航元素和色彩詞匯等。這篇文章將繼續(xù)和大家介紹心理學在用戶體驗設(shè)計中的應用,并會在用戶體驗設(shè)計詞匯表中加入一個新詞。今天我們討論的是功能可見性(Affordances,又譯作可供性),它用微妙的線索幫助用戶與界面交互。
功能可見性是物體的一個屬性或特征,它提示著我們可以對這個物體做什么。簡而言之,功能可見性提示用戶如何與某物互動,無論是它是真實物體或是數(shù)字界面。例如,當你看見一個門把手時,它就是一個你可以用它開門的提示。當你看到一個聽筒圖標,它就提示著你可以用它來打電話。功能可見性使我們的世界更加簡單,在它的幫助下,我們可以成功的與物質(zhì)世界和虛擬物體進行交互。
請看下面的灑水追蹤器的界面。你瞬間就能明白所需執(zhí)行的行動已經(jīng)完成——因為有符號“√”的提示。標簽欄中的圖標給了你可以用這個app做些什么的線索:檢查你的一套植物(這個標簽是活躍的,因為它是有色的,而其他的不是)、添加一個新的植物或者查看你的賬戶信息。這些都是動作的功能可見性。
灑水追蹤器
“功能可見性”這個術(shù)語是由心理學家James Gibson首先提出的,他對視覺感知有著深入的研究。 1966 年,他首次在他的書《知覺系統(tǒng)之感覺》中使用這個詞。 1979 年,他在《視覺感知的生態(tài)學方法》一書中闡明了功能可見性的定義:
“環(huán)境的功能可見性是指環(huán)境所給予動物的東西;環(huán)境提供或布置的、無論好壞的東西。我在詞典中找到了動詞afford,但名詞affordance還沒有。我創(chuàng)造了這個新詞。它同時涉及環(huán)境和動物兩者,這是一種此前已有的詞匯所沒有表達出來的關(guān)系,即動物和環(huán)境的互補性。”
根據(jù)吉普森的說法,人類傾向于去改變環(huán)境,希望它的功能可見性更適合他們,并使他們的生活更輕松。學習環(huán)境的功能可見性成為社會化的一個重要部分。
當被應用于設(shè)計時,功能可見性這個術(shù)語指的僅僅是用戶得以察覺到的所有操作可能性。從這個角度來看,Donald Norman在《日常事物設(shè)計》 1988 冊中探索了這一術(shù)語的進一步發(fā)展。根據(jù)專家的說法,術(shù)語“功能可見性”指的是事物被感知到的和實際的屬性,主要是那些決定事物該如何被使用的基本屬性。功能可見性對事物運作提供了強有力的線索。平板是用來推的。旋鈕是用來轉(zhuǎn)動的。插槽是用來插入東西的。球是用來投擲或彈跳的。當功能可見性被利用得當時,用戶只需看一眼就知道該做什么:不再需要額外的圖片、標簽或指令。
隨著各種用戶界面的出現(xiàn),功能可見性得到了一種新的發(fā)展方向。我們曾經(jīng)用不同的動作、工具和東西做了數(shù)百種操作。現(xiàn)在我們僅僅點擊鼠標或者點擊屏幕就可以進行大量的操作。這使得設(shè)計師們需要思考新的呈現(xiàn)功能可見性的方式,來讓人們把以往已在現(xiàn)實生活里習以為常的模式和知識轉(zhuǎn)移并積累到與數(shù)字界面的互動中。這種經(jīng)驗與之前大不相同,所以設(shè)計方法也改變了。
UI中的功能可見性可以根據(jù)他們的表現(xiàn)和展示分類。不管怎樣,主要目標就是利用人們已經(jīng)有的知識和經(jīng)驗,來實現(xiàn)簡化交互流程。
我們可以在用戶界面中根據(jù)表現(xiàn)找到明顯的和隱藏的提示。
明確的功能可見性是基于廣為人知的和典型的提示,來引導用戶進行特定的行動。例如,當你看到一個按鈕被設(shè)計成一個明顯的可點擊的元素,在視覺上類似于物理世界中的按鈕,你知道你可以點擊它來進行交互。如果按鈕中還有文本或圖標,啟示就變得更加清晰:它告訴你系統(tǒng)會如何進行反饋。
美食網(wǎng)站的網(wǎng)頁:CTA(call to action)按鈕作為一個可點擊的元素是清晰的,并且文案也說明了這個按鈕使用戶能夠做什么
隱性的啟示并不那么明顯。它們是隱藏的,只有在用戶行為的特定流程中才能被揭示出來。當我們鼠標懸停在頁面元素上時,得到的工具提示或解釋就是這樣的。另外一個例子是各種多層導航元素,比如下拉菜單或可擴展按鈕,這些下級元素一開始沒有被看到,但是在特定的操作之后顯示出來。也許,漢堡包導航也許是最有爭議的隱形導航之一了,它把可用的功能隱藏在了一個特殊的圖標背后。
Slopes網(wǎng)站頂部的漢堡包按鈕隱藏了擴展的網(wǎng)站菜單
圖形的功能可見性通過視覺應用展現(xiàn)在界面中,幫助用戶瀏覽界面功能。相比文案,用戶對各種各樣的圖形感知速度更快,記憶效果更好,故而圖形的重要性不能被忽視,其中,我們提到一下幾點:
(1)照片
主題照片,物品照片,頭像或標題圖片都是一種視覺輔助,從幫助用戶感知在App或網(wǎng)頁可以進行社么操作(如購買、溝通、展示、觀看、學習、寫作等)到體現(xiàn)某項具體的功能。舉個例子,如果一個App能夠讓用戶保存或共享菜譜,那么像下面圖中那樣配以和菜譜相關(guān)的食材照片就會很棒。
素食配方應用