引導(dǎo)用戶快速完成任務(wù)的4種方法
如何引導(dǎo)用戶快速完成任務(wù)?本文作者從產(chǎn)品設(shè)計(jì)的角度出發(fā),梳理總結(jié)了4種方法,與大家分享。
對于大多數(shù)to B的產(chǎn)品來說,業(yè)務(wù)邏輯是非常的復(fù)雜,為了滿足復(fù)雜業(yè)務(wù)邏輯的需要,我們設(shè)計(jì)的業(yè)務(wù)流程和產(chǎn)品頁面都非常地復(fù)雜,為了能夠讓用戶在使用產(chǎn)品時(shí)方便快捷地完成任務(wù),我們需要用一些方式給予用戶相應(yīng)的引導(dǎo)。下面可以利用這幾種方法可以根據(jù)具體的使用場景和業(yè)務(wù)流程借鑒和使用。
01 使用向?qū)Э丶?/h2>
方向控件是為了讓用戶在進(jìn)行任務(wù)之前,提前了解完成任務(wù)的步驟,在進(jìn)行任務(wù)過程中可以知道當(dāng)前任務(wù)處于哪個(gè)階段。這樣使用戶在使用過程中可以心中有數(shù),會減少很多的困惑和疑慮。
以一個(gè)文件收藏的過程為例,如圖所示:
通過上圖,我們可以看出,創(chuàng)建新收藏夾這個(gè)過程需要四步,這個(gè)時(shí)候我們了解到了完成任務(wù)整體的步驟,心里會明朗很多,同時(shí)上圖也是該任務(wù)的第一步選擇收藏夾類型。
創(chuàng)建收藏夾的第二步創(chuàng)建收藏夾
創(chuàng)建收藏夾的第三步上傳和保存文件。
創(chuàng)建收藏夾的第四步文件上傳成功的提示
通過這個(gè)例子,我們知道了使用向?qū)Э丶梢宰層脩艉芮宄牧私獾酵瓿扇蝿?wù)的步驟,對任務(wù)的每一步都可以做到把控,方便完成任務(wù),同時(shí)提升了用戶的體驗(yàn)。
02 方向引導(dǎo)
對于操作步驟較多的任務(wù),可以利用具有導(dǎo)向型的箭頭進(jìn)行方向性引導(dǎo)。面對B端復(fù)雜得業(yè)務(wù),有些業(yè)務(wù)內(nèi)容我們無法在一個(gè)頁面中全部展示出來,面對這樣得場景,通常會進(jìn)行分頁處理,但是分頁過后,為了讓用戶可以快速的找到它,我們就可以用具有導(dǎo)向性的進(jìn)行引導(dǎo)。如下圖所示:
方向性引導(dǎo)除了使用具有指向性的箭頭以外,通過清晰的視覺縱線,也可以建立起無形的方向性。
03 相似性引導(dǎo)
相似性引導(dǎo)指的是如果大小、色彩、形態(tài)、視覺等元素相似,那么這些相似的因素可以牽引著用戶的視覺、引導(dǎo)用戶操作。
以色彩元素引導(dǎo)為例,在實(shí)際的應(yī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)就是在我們在設(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ò)的!
我也會繼續(xù)學(xué)習(xí)積累快速引導(dǎo)用戶完成任務(wù)的方法,總結(jié)和分享出來,供大家交流和學(xué)習(xí)!
作者,王布斯,B端產(chǎn)品小白。微信公眾號:B端產(chǎn)品經(jīng)理筆跡,專注于自我成長,讓你在to B的路上不孤單。
本文由 @王布斯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
十分感謝大家的認(rèn)可和四位小伙伴的贊賞,讓我受寵若驚,也很開心,今后會將更多自己學(xué)習(xí)和經(jīng)歷分享出來!你們的支持是我最大的動(dòng)力,也許大家可能會覺得我分享出來的內(nèi)容都很基礎(chǔ),但是我覺得只有把基本功打好,才能實(shí)現(xiàn)更好的飛躍,量變到質(zhì)變!