即使是如今最頂尖的數(shù)字產(chǎn)品，都很難完全保證整體的體驗(yàn)足夠完美，用戶完全不用等待。實(shí)際上，由于種種原因，可能是硬件和軟件的性能，可能是用戶本身的操作，流程可能會(huì)停頓，中斷，然后用戶需要等待，或者系統(tǒng)還需要在后臺(tái)處理當(dāng)前或者其他的數(shù)據(jù)，在 B 端和專業(yè)領(lǐng)域當(dāng)中，這類問(wèn)題會(huì)更加嚴(yán)重，也更加復(fù)雜。

比如在復(fù)雜的 B 端產(chǎn)品當(dāng)中，產(chǎn)品功能過(guò)于復(fù)雜，用戶涉及到的流程會(huì)非常之多。用戶忙于其他事物，再回來(lái)的時(shí)候就已經(jīng)忘記之前的操作了，又比如幾個(gè)月前完成了一部分的工作，幾個(gè)月后想要繼續(xù)，用戶可能早已忘記了之前的操作，這個(gè)時(shí)候要怎么辦?

世界頂級(jí) UX 研究團(tuán)隊(duì) NNGroup 的 UX 設(shè)計(jì)師梳理總結(jié)了 5 個(gè)處理「體驗(yàn)中斷」這一問(wèn)題的原則：

• 呈現(xiàn)已完成的進(jìn)度，以及剩余待完成的步驟
• 在完成界面當(dāng)中，給用戶提供詳細(xì)信息說(shuō)明
• 通過(guò)內(nèi)置的筆記和評(píng)論模塊，來(lái)留下操作記錄
• 提供對(duì)歷史版本文檔/文件的訪問(wèn)
• 允許冗長(zhǎng)、復(fù)雜的任務(wù)在后臺(tái)自動(dòng)運(yùn)行

下面我們針對(duì)這些點(diǎn)逐一說(shuō)明。

1、呈現(xiàn)進(jìn)度和步驟

其實(shí)在很多 C 端的應(yīng)用當(dāng)中都可能會(huì)存在這個(gè)問(wèn)題，但是在 B 端產(chǎn)品當(dāng)中會(huì)顯得更加明顯。而解決這個(gè)問(wèn)題的原則早在幾十年前 Jakob Nielsen 的十大啟發(fā)式當(dāng)中就已經(jīng)指明：

系統(tǒng)狀態(tài)要保持可見(jiàn)性。

越是復(fù)雜大型的應(yīng)用、越是專業(yè)的流程當(dāng)中，越是需要合理的步驟來(lái)幫助用戶控制和了解當(dāng)前進(jìn)行到哪個(gè)步驟了。

傳統(tǒng)意義上的桌面端界面可以借助「進(jìn)度指示器」來(lái)標(biāo)識(shí)：

來(lái)源：https://dribbble.com/shots/15184687-Register-Scriptcase

來(lái)源：https://dribbble.com/shots/7434415-Daily-UI-086-Progress-Bar

即使是在移動(dòng)端 APP 的小屏幕上，也有一些比較合理的呈現(xiàn)形式：

來(lái)源：https://dribbble.com/shots/8411843-App-multi-step-form-and-progress

當(dāng)然，在更加專業(yè)的B 端設(shè)計(jì)當(dāng)中，還有一些注意事項(xiàng)：

如果可以提供更加明確的進(jìn)度百分比，最好同時(shí)標(biāo)注出相應(yīng)的進(jìn)度百分比，對(duì)于超長(zhǎng)操作流程是非常有用的。如果可以的話，表明當(dāng)前步驟的名稱和位置，確?！高M(jìn)度指示器」是高度可見(jiàn)的

2、在完成界面提供說(shuō)明

當(dāng)用戶完成一系列的流程抵達(dá)某個(gè)結(jié)果的時(shí)候，這個(gè)時(shí)候一個(gè)簡(jiǎn)單的「完成」或者「祝賀」并不夠，用戶可能花費(fèi)了很長(zhǎng)時(shí)間來(lái)完成這個(gè)操作，甚至中斷了多次才抵達(dá)最終完成的界面。

如果流程不算太多，為了方便起見(jiàn)，可以快速告知用戶結(jié)果和接下來(lái)會(huì)發(fā)生的事情：

來(lái)源：https://dribbble.com/shots/8244170-Congrats

或者告知用戶接下來(lái)可能還需要他來(lái)補(bǔ)充完成的事情：

來(lái)源：https://dribbble.com/shots/16454089-Croply-Payment-Designs

但是，對(duì)于更加復(fù)雜的流程，或者是涉及到金融操作，涉及到專業(yè)領(lǐng)域的流程，到了最后的完成界面最好要給予清晰的匯總說(shuō)明：

來(lái)源：https://dribbble.com/shots/7052984-Recharge-Successful

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

另外，還需要補(bǔ)充的是，在較長(zhǎng)且可能存在多次中斷的流程的結(jié)果頁(yè)當(dāng)中，最好還要這樣處理：

• 提供時(shí)間總長(zhǎng)度、中斷時(shí)間長(zhǎng)度、流程的總結(jié)說(shuō)明
• 提供中間具體發(fā)生變化的信息總結(jié)說(shuō)明，比如是否有跳過(guò)的步驟，系統(tǒng)狀態(tài)發(fā)生了哪些變化
• 如果可以，提供相關(guān)文檔和內(nèi)容對(duì)話框。

3、增加注釋、評(píng)論和筆記模塊

實(shí)際上，這種評(píng)論和注釋功能在很多當(dāng)下的多人協(xié)作和文檔類的工具當(dāng)中，已經(jīng)不少了，不過(guò)對(duì)于復(fù)雜和專業(yè)的 B 端應(yīng)用，同樣是相當(dāng)有必要的，尤其是對(duì)于需要長(zhǎng)周期推進(jìn)的項(xiàng)目，注釋和評(píng)論功能能夠在不同的階段、不同的環(huán)節(jié)留下輔助性的說(shuō)明，方便自己或者其他人在跟進(jìn)的時(shí)候，不會(huì)丟失進(jìn)度和細(xì)節(jié)，是正式的文檔和記錄之外的有效補(bǔ)充。

來(lái)源：https://dribbble.com/shots/7201187-Law-Business-Platform

來(lái)源：https://dribbble.com/shots/2503302-Managly-Add-Feedback

需要補(bǔ)充的注意事項(xiàng)：

• 允許用戶直接留下評(píng)論或者注釋，來(lái)解釋他們的操作，并且可以查詢和檢索
• 評(píng)論和注釋最好是開(kāi)放的
• 在工作流的上下文中顯示之前創(chuàng)建的注釋
• 不要強(qiáng)迫用戶跳出系統(tǒng)之外來(lái)留注釋，這樣很容易失去對(duì)應(yīng)的上下文環(huán)境

4、提供近期訪問(wèn)和歷史版本的快速入口

這也是一個(gè)在復(fù)雜應(yīng)用當(dāng)中非常常見(jiàn)的問(wèn)題。一方面，一份文檔可能有多人編輯過(guò)，可能涉及到多次更改，在這個(gè)時(shí)候，歷史修改記錄可以幫助用戶更快定位到發(fā)生的變化。

來(lái)源：https://dribbble.com/shots/7090382-Concept-Design-Activity-History/attachments/92231?mode=media

另外一個(gè)情況，就是涉及到近期編輯過(guò)的文件。在復(fù)雜的多文件系統(tǒng)當(dāng)中，用戶有很大概率無(wú)法記住所有文件的位置、名稱的相關(guān)信息，但是這些文檔有很大概率在時(shí)間維度上是有很高相關(guān)度的——通常是近期修改過(guò)或者編輯過(guò)。 

來(lái)源：https://dribbble.com/shots/15090892-Dropbox-Recent-Files

所以，近期訪問(wèn)過(guò)的文檔和文件是非常重要的信息入口，能夠幫助用戶更快搞清楚近期正在被處理的文檔，在跟進(jìn)的項(xiàng)目，能夠盡快幫助用戶「跟上進(jìn)度」。

5、讓冗長(zhǎng)的任務(wù)后臺(tái)運(yùn)行

在如今的 APP 當(dāng)中，后臺(tái)悄悄運(yùn)行的程序總會(huì)讓人多少有點(diǎn)不安。但是在B 端和專業(yè)應(yīng)用當(dāng)中，某個(gè)程序和任務(wù)一直在前臺(tái)運(yùn)行，可能會(huì)長(zhǎng)時(shí)間占據(jù)用戶的注意力和精力。這個(gè)時(shí)候，最好能夠允許程序在后臺(tái)自動(dòng)運(yùn)行，讓用戶在等待完成的時(shí)候，可以執(zhí)行別的任務(wù)。

結(jié)語(yǔ)

UI 界面已經(jīng)無(wú)處不在了，在專業(yè)領(lǐng)域更加仰賴設(shè)計(jì)師的合理設(shè)計(jì)，復(fù)雜應(yīng)用和專業(yè) APP 當(dāng)中，這些必要的技巧能夠有效地幫助用戶解決問(wèn)題。