反饋機制在交互設計中的應用

鄂錦慧 蔣 曉 （江南大學 214122）

反饋是在人機交互中用以明示用戶的行為，呈現操作結果（成功或失?。?、系統的當前的狀態（系統的進程或錯誤）或提示用戶（二次確認或警告）。為用戶的每個操作提供及時的感知反饋，給予用戶安全感。APP、網頁等這類互聯網交互產品，沒有相應的說明書，用戶往往根據自己的經驗進行操作和瀏覽。因此，前饋機制和反饋機制就顯得尤為重要，良好的反饋機制可以大幅提升用戶的交互體驗，最大程度地優化了用戶與系統之間的交互。

一、交互設計中的反饋機制

著名網頁易用性專家雅各布·尼爾森提出了可用性十大原則，其中第一條就是：狀態可見原則（Visibility of system status ）。系統應該讓用戶時刻清楚地了解到當前發生了什么，也就是讓用戶快速了解自己處于何種狀態、對過去發生的事、當前所要達到的目標、以及未來去向有所了解，一般的方法就是在合適的時間給用戶適當的反饋，防止用戶使用出現錯誤。尼爾森提到的“狀態可見”就是我們常說的反饋。

交互設計中的反饋就是在用戶通過媒介對系統進行操作后，用戶從系統得到的信息，或因用戶的行為所致的變化，系統給予用戶視覺、聽覺或觸覺等感官上的反饋（如圖1）。反饋機制是交互設計中優化和提升用戶體驗的關鍵場景和重要環節。

圖1 交互設計反饋機制架構圖

二、良好的反饋機制需具備的特性

（一）及時性

所謂及時的反饋就是系統對用戶行為做出響應的時間小于用戶失去等待耐心的時間，當用戶對系統產生了操作行為后，系統沒有及時的給用戶反饋，可能會導致用戶不知道下一步如何操作，或不知道自己的行為是否有效，導致用戶對其失去信心。當系統沒有及時地給用戶反饋，用戶就有可能給其打上“難用”的標簽，將不會進行第二次使用。

當用戶開始進行操作，等待時間就開始計時，系統應馬上提供視覺上的反饋，比如顏色、形狀或圖案上的變化，告訴用戶系統已經收到了請求并正在努力運作。以loading設計為例，當用戶的網絡連接速度過慢而不能迅速打開頁面時，如果系統不能即時明確進程指示，用戶很可能會不斷刷新或者重新連接，等待時間過長，就會造成用戶心理上的不確定，為了避免這種情況，很多交互軟件都設計了獨特的等待動畫，減少用戶對等待時間的感知，讓用戶在等待時有東西可看，更少的關注自己等待了多久，不讓用戶在等待時間內感到無聊。

（二）易懂性

良好的反饋機制應該是清晰明了且避免過于煩瑣的，減少冗余的信息和干擾項，避免用戶產生思維和操作上的混亂，增加用戶理解的難度。人們處理信息的能力是有限的，信息過長、選項過多、步驟過長，都會增加用戶做出決策的時間、增加用戶對信息處理的難度。部分用戶在面對復雜的步驟時，會直接放棄，很難往下進行。同時在反饋內容上應避免使用過于專業或程序化的語言，文字信息應簡潔易懂，不應過長。

（三）符合用戶的情感認知

在Alan Cooper所寫的《交互設計精髓》提到了三個模型：實現模型、心理模型和表現模型。實現模型是實際中系統的程序如何工作，包括系統的內部結構和工作原理。心理模型是指用戶通過長期生活和使用相關系統獲得的經驗，在使用系統時，對其表現形式已經存在理想預期。表現模型是系統是設計師所選擇的一種表現方式，向用戶展現系統具有的功能，因此表現模型也被稱為“設計師模型”。 設計師使用的表現模型，越接近用戶的心理模型，則越容易被用戶接受，用戶越會感到系統“很好用”。

圖2 Cooper建立的實現模型、心理模型和表現模型之間的關系

用戶對一些交互行為是有預期值的，例如點擊提交按鈕后，用戶期待得到提交成功的提示反饋，倘若得到的提示不符合用戶的認知，就會造成用戶的疑惑，即表現模型和心理模型產生了沖突。

大多數用戶可能都會有這樣的經歷，當想要瀏覽的網頁不存在時，就會跳轉到404 not found網頁，通常是由于所要瀏覽的頁面被移除、服務器連接失敗或是訪客輸入了錯誤的URL，不同的網站web服務器都會提供默認的404頁面（如圖3），默認的404頁面對于用戶來說非常的不友好，沒有給用戶提供任何解決方案，會造成用戶的流失。現在很多網站都設計開發了自己個性化的404網頁（如圖4），一方面緩解了用戶沒有跳轉到想要的網頁的失落感與煩躁情緒，另一方面也用幽默簡單的提示語讓用戶了解到跳轉到404頁面的原因，增強網站的可讀性和趣味性。

圖3 默認的404界面

圖4 優化后的404界面

三、反饋機制在交互設計中的應用

（一）作用于視覺的反饋機制

視覺是人類探知外界信息的主要途徑，80%的信息是通過視覺提供的；視覺反饋是最直接且最基本的反饋，也是當下最主流的反饋方式。有趣的視覺反饋可以給用戶留下深刻的印象，甚至成為吸引用戶的因素之一。

登錄界面幾乎是任何一款APP都具備的界面，但是大多數的交互及反饋都相對單一，只有簡單的輸入框和提示文字（如圖5）。過于單一的文本容易讓用戶產生疲勞，圖像或動畫具有一定的形象性和感染力，可以增加交互過程的趣味性。Bilibili的登錄界面中，除了所必須的輸入輸出文本框及提示語之外，還有Bilibili官方形象的兩個代表人物，用戶完成輸入手機號或用戶名之后，通過視覺圖像上的變化，避免讓用戶在輸入登錄信息時感到枯燥，提升了用戶的耐心的同時，也增添了交互的趣味性（如圖6）。

圖5 普通登錄注冊界面

圖6 Bilibili登錄注冊交互界面

（二）作用于聽覺的反饋機制

聽覺是人類獲取信息的第二大感官，在一些空間交互場景中，視覺反饋顯然已經不能滿足交互需求，恰當的提示音的反饋，可以幫助用戶進行有效的交互，提升交互效率及交互體驗。

1.符合生活場景和用戶認知

不同的個體對聲音的認知是有差異的，在設計聲音反饋時，設計師應將用戶的學習能力、理解能力和接受能力考慮其中，貼近生活場景的聲音更容易被用戶所接受。在使用微信紅包功能進行交易時，用戶拆開紅包，跳轉到收款成功的界面的同時，伴隨著清脆的硬幣灑落的聲音。這樣的聲音反饋給整個交互過程帶來了趣味性，讓用戶在拆紅包時體驗到驚喜的感覺。

2.準確的表達情緒和意義

聽覺反饋與視覺反饋相比，相對來說不那么直觀，視覺反饋中除了顏色的改變和動畫之外，還有具體的文字描述。但是每個人對聲音的感知是有差異的，所以設計師在設計聲音反饋時，要綜合考慮用戶在不同場景下對不同提示音的理解，確保提示音準確地表達了系統想要傳遞給用戶的信息。

在用戶進行一系列操作后，系統給出操作成功的提示音，這樣的正面聽覺反饋無疑可以給用戶帶來自信感與愉悅感，當用戶的操作行為有誤時或系統對用戶的行為進行警告時出現負反饋時，除了可能會出現的Dialog類型的彈窗，通常還會伴隨著警示類的提示音來吸引用戶的注意。在設計此類反饋時應尤其注意將聲音的音色，音調和響度考慮進去，考慮提示音是否符合用戶的心理預期，避免造成用戶的不悅及焦慮。

（三）作用于觸覺的反饋機制

觸覺反饋提高了視覺和聽覺反饋的人機交互性，并與其二者相結合，達到了更真實更自然的反饋效果，給用戶帶來了沉浸式體驗。在某些場景下，視覺反饋和聽覺反饋仍具有局限性，對于一些在聽覺或視覺上有障礙的人群，作用于觸覺的反饋可以幫助他們更好的使用交互設備或智能手機。

2011年，全鍵盤手機正值盛行，諾基亞發布的觸屏手機N9沒有配備物理鍵盤，諾基亞通過觸覺技術讓用戶在虛擬鍵盤上仍能體驗到“按鍵”的快感。觸覺反饋在未來的交互場景中會得到更為廣泛的應用，美國專商局授予蘋果的一項新專利顯示，未來的的Apple Pencil或將向用戶提供觸覺反饋，同時讀取使用者的抓握方式，蘋果公司希望借助觸覺反饋為用戶提供界面元素警報。

隨著AR、VR技術日益成熟，觸覺反饋的應用也越來越廣泛，已廣泛應用于娛樂、教育、醫療和交通運輸等領域。但大多數的觸覺反饋還只有震動反饋和力反饋這兩種反饋方式，還未深入涉及柔軟度、紋理、溫度等更細膩的觸覺反饋方式。

四、結語

反饋機制就是人與系統或產品的溝通中介，在交互過程中是必不可少的環節。良好的反饋機制不僅僅是反饋，更是一種引導，可以讓用戶在交互過程中產生愉悅感和自豪感。隨著虛擬現實技術的成熟，反饋也變的越來越多元化，視覺反饋、聽覺反饋和觸覺反饋融合地越來越自然，給用戶提供了交互的真實感和沉浸感。但是也應注意不要反饋過度，避免給用戶帶來不必要的打擾。

隨著AR、VR和人工智能技術的不斷成熟，反饋將會變得越來越多元化，未來的人機交互必定是基于多感知交互的，除了對觸覺反饋進一步深入的研究，嗅覺和味覺等體感反饋都將應用到人機交互中。