如何引導(dǎo)用戶快速完成任務(wù)？本文作者從產(chǎn)品設(shè)計(jì)的角度出發(fā)，梳理總結(jié)了4種方法，與大家分享。

對(duì)于大多數(shù)to B的產(chǎn)品來說，業(yè)務(wù)邏輯是非常的復(fù)雜，為了滿足復(fù)雜業(yè)務(wù)邏輯的需要，我們?cè)O(shè)計(jì)的業(yè)務(wù)流程和產(chǎn)品頁面都非常地復(fù)雜，為了能夠讓用戶在使用產(chǎn)品時(shí)方便快捷地完成任務(wù)，我們需要用一些方式給予用戶相應(yīng)的引導(dǎo)。下面可以利用這幾種方法可以根據(jù)具體的使用場(chǎng)景和業(yè)務(wù)流程借鑒和使用。

01 使用向?qū)Э丶?/h2>

方向控件是為了讓用戶在進(jìn)行任務(wù)之前，提前了解完成任務(wù)的步驟，在進(jìn)行任務(wù)過程中可以知道當(dāng)前任務(wù)處于哪個(gè)階段。這樣使用戶在使用過程中可以心中有數(shù)，會(huì)減少很多的困惑和疑慮。

以一個(gè)文件收藏的過程為例，如圖所示：

通過上圖，我們可以看出，創(chuàng)建新收藏夾這個(gè)過程需要四步，這個(gè)時(shí)候我們了解到了完成任務(wù)整體的步驟，心里會(huì)明朗很多，同時(shí)上圖也是該任務(wù)的第一步選擇收藏夾類型。

創(chuàng)建收藏夾的第二步創(chuàng)建收藏夾

創(chuàng)建收藏夾的第三步上傳和保存文件。

創(chuàng)建收藏夾的第四步文件上傳成功的提示

通過這個(gè)例子，我們知道了使用向?qū)Э丶梢宰層脩艉芮宄牧私獾酵瓿扇蝿?wù)的步驟，對(duì)任務(wù)的每一步都可以做到把控，方便完成任務(wù)，同時(shí)提升了用戶的體驗(yàn)。

02 方向引導(dǎo)

對(duì)于操作步驟較多的任務(wù)，可以利用具有導(dǎo)向型的箭頭進(jìn)行方向性引導(dǎo)。面對(duì)B端復(fù)雜得業(yè)務(wù)，有些業(yè)務(wù)內(nèi)容我們無法在一個(gè)頁面中全部展示出來，面對(duì)這樣得場(chǎng)景，通常會(huì)進(jìn)行分頁處理，但是分頁過后，為了讓用戶可以快速的找到它，我們就可以用具有導(dǎo)向性的進(jìn)行引導(dǎo)。如下圖所示：

方向性引導(dǎo)除了使用具有指向性的箭頭以外，通過清晰的視覺縱線，也可以建立起無形的方向性。

03 相似性引導(dǎo)

相似性引導(dǎo)指的是如果大小、色彩、形態(tài)、視覺等元素相似，那么這些相似的因素可以牽引著用戶的視覺、引導(dǎo)用戶操作。

以色彩元素引導(dǎo)為例，在實(shí)際的應(yīng)用場(chǎng)景中如果我們知道了某個(gè)業(yè)務(wù)的流程，但是如果沒有位置添加向?qū)Э丶r(shí)，就可以用相同的顏色標(biāo)注流程的路徑，這樣用戶通過相同顏色路徑的引導(dǎo)，也可以很快得完成任務(wù)。

04 運(yùn)動(dòng)元素引導(dǎo)

運(yùn)動(dòng)元素引導(dǎo)就是在我們?cè)谠O(shè)計(jì)流程和設(shè)計(jì)頁面時(shí)，讓用戶根據(jù)某元素得移動(dòng)軌跡，指引用戶完成任務(wù)，比如，上傳文件時(shí)引導(dǎo)控件，網(wǎng)頁中常見得導(dǎo)航滑塊，如圖所見：

這是我學(xué)習(xí)得四種引導(dǎo)用戶快速完成任務(wù)得方法，第一種向?qū)Э丶?jīng)常應(yīng)用到我設(shè)計(jì)的產(chǎn)品中，在復(fù)雜的業(yè)務(wù)流程中，確實(shí)非常的有效果，無論是自己的體驗(yàn)還是用戶的反饋都是很不錯(cuò)的！

我也會(huì)繼續(xù)學(xué)習(xí)積累快速引導(dǎo)用戶完成任務(wù)的方法，總結(jié)和分享出來，供大家交流和學(xué)習(xí)！

作者，王布斯，B端產(chǎn)品小白。微信公眾號(hào)：B端產(chǎn)品經(jīng)理筆跡，專注于自我成長(zhǎng)，讓你在to B的路上不孤單。

本文由 @王布斯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。