B端應用中，五個降低中斷感的實用技巧

作者：陳子木 2021-09-20 11:36:15

即使是如今最頂尖的數字產品，都很難完全保證整體的體驗足夠完美，用戶完全不用等待。實際上，由于種種原因，可能是硬件和軟件的性能，可能是用戶本身的操作，流程可能會停頓，中斷，然后用戶需要等待，或者系統還需要在后臺處理當前或者其他的數據，在 B 端和專業領域當中，這類問題會更加嚴重，也更加復雜。

比如在復雜的 B 端產品當中，產品功能過于復雜，用戶涉及到的流程會非常之多。用戶忙于其他事物，再回來的時候就已經忘記之前的操作了，又比如幾個月前完成了一部分的工作，幾個月后想要繼續，用戶可能早已忘記了之前的操作，這個時候要怎么辦?

世界頂級 UX 研究團隊 NNGroup 的 UX 設計師梳理總結了 5 個處理「體驗中斷」這一問題的原則：

呈現已完成的進度，以及剩余待完成的步驟
在完成界面當中，給用戶提供詳細信息說明
通過內置的筆記和評論模塊，來留下操作記錄
提供對歷史版本文檔/文件的訪問
允許冗長、復雜的任務在后臺自動運行

下面我們針對這些點逐一說明。

1、呈現進度和步驟

其實在很多 C 端的應用當中都可能會存在這個問題，但是在 B 端產品當中會顯得更加明顯。而解決這個問題的原則早在幾十年前 Jakob Nielsen 的十大啟發式當中就已經指明：

系統狀態要保持可見性。

越是復雜大型的應用、越是專業的流程當中，越是需要合理的步驟來幫助用戶控制和了解當前進行到哪個步驟了。

傳統意義上的桌面端界面可以借助「進度指示器」來標識：

來源：https://dribbble.com/shots/15184687-Register-Scriptcase

來源：https://dribbble.com/shots/7434415-Daily-UI-086-Progress-Bar

即使是在移動端 APP 的小屏幕上，也有一些比較合理的呈現形式：

來源：https://dribbble.com/shots/8411843-App-multi-step-form-and-progress

當然，在更加專業的B 端設計當中，還有一些注意事項：

如果可以提供更加明確的進度百分比，最好同時標注出相應的進度百分比，對于超長操作流程是非常有用的。如果可以的話，表明當前步驟的名稱和位置，確保「進度指示器」是高度可見的

2、在完成界面提供說明

當用戶完成一系列的流程抵達某個結果的時候，這個時候一個簡單的「完成」或者「祝賀」并不夠，用戶可能花費了很長時間來完成這個操作，甚至中斷了多次才抵達最終完成的界面。

如果流程不算太多，為了方便起見，可以快速告知用戶結果和接下來會發生的事情：

來源：https://dribbble.com/shots/8244170-Congrats

或者告知用戶接下來可能還需要他來補充完成的事情：

來源：https://dribbble.com/shots/16454089-Croply-Payment-Designs

但是，對于更加復雜的流程，或者是涉及到金融操作，涉及到專業領域的流程，到了最后的完成界面最好要給予清晰的匯總說明：

來源：https://dribbble.com/shots/7052984-Recharge-Successful

一方面是方便用戶清楚的知道之前的操作可能涉及到的內容，可能有用的內容，也方便用戶在這個地方留存和導出記錄。

另外，還需要補充的是，在較長且可能存在多次中斷的流程的結果頁當中，最好還要這樣處理：

提供時間總長度、中斷時間長度、流程的總結說明
提供中間具體發生變化的信息總結說明，比如是否有跳過的步驟，系統狀態發生了哪些變化
如果可以，提供相關文檔和內容對話框。

3、增加注釋、評論和筆記模塊

實際上，這種評論和注釋功能在很多當下的多人協作和文檔類的工具當中，已經不少了，不過對于復雜和專業的 B 端應用，同樣是相當有必要的，尤其是對于需要長周期推進的項目，注釋和評論功能能夠在不同的階段、不同的環節留下輔助性的說明，方便自己或者其他人在跟進的時候，不會丟失進度和細節，是正式的文檔和記錄之外的有效補充。