
大家網購結帳時,應該都有過類似的經驗。在結帳頁面按下「確認付款」後,畫面剛好沒有跳出轉圈圖示,也沒有顯示「處理中」。
這時候我們通常會以為自己沒按好,很自然地又多點了一兩次。過幾分鐘收到銀行通知,才發現原來剛剛系統都有順利接收到指令,結果產生了重複扣款的狀況。
這篇我們開始進入使用者體驗領域很經典的「Nielsen Norman 十大可用性原則」。第一條叫做「系統狀態可見性(Visibility of System Status)」。這個原則指出,系統應該隨時讓大家知道現在發生了什麼事。透過適當的視覺回饋,在合理的時間內告訴我們,剛才的操作已經順利被接收到了。
付款按鈕按下去之後,最順暢的體驗通常會立刻給出一個明確的回饋,像是按鈕顏色改變、跳出轉圈圖示,或是顯示「處理中請稍候」。當畫面在點擊後維持原狀,我們無法確定操作有沒有生效,大腦出於習慣就會想要尋找確認訊號,這時候很容易就會順手再多點擊一次。
我們在做出一個動作之後,大腦會很自然地預期一個對應的反應,這是非常基本的因果預期心理。只要視覺上的回饋還沒出現,我們就無法判斷剛才的動作到底有沒有順利傳達。這份不確定感會驅使我們重複嘗試,直到得到某種明確的訊號為止。多按幾次的動作,其實是我們的大腦正在積極尋找系統回應的自然反應。
在實務開發上,有時候因為時程安排,這類按鈕狀態的細節會暫時被擱置。提供一個視覺上的小提示,能帶來極大的安定感。讓使用者隨時知道自己站在流程的哪一步,是建立良好互動體驗的關鍵。我們在規劃功能時,可以把「提供明確回饋」納入基本流程裡,讓大家在操作時感到更加安心。
同樣是付款流程,只要按鈕按下去的瞬間立刻給出明確的回饋,就算後台處理時間需要好幾秒鐘,大家也會很放心地耐心等待,因為畫面已經告訴我們系統正在做事了。這些微小的視覺回饋,能直接提升使用者對整個交易過程的信任感,讓每一次的互動都充滿安全感。
聊完這種運用「系統回饋」的心理機制,這邊一樣列出幾個設計小提醒。大家下次剛好做到結帳或表單送出流程時,可以順帶回顧一下這幾個細節: