四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 建站知識(shí)
提高轉(zhuǎn)化率!如何打造一個(gè)能留住用戶的進(jìn)度指示器?

2016-05-05

2556


在設(shè)計(jì)大型電商網(wǎng)站或是復(fù)雜在線服務(wù)系統(tǒng)的時(shí)候,遇到最核心的問題就是設(shè)計(jì)一個(gè)在線下單或是配置的流程。如果能把用戶流程設(shè)計(jì)得簡(jiǎn)單并且符合用戶直覺,這絕對(duì)是提高轉(zhuǎn)化率的關(guān)鍵。過程中任何一個(gè)對(duì)用戶造成的挫折感都有可能讓他們離開去嘗試其他選擇。

易用的分步流程可以有效的避免用戶受挫,并且?guī)椭麄兂晒Φ耐瓿芍饕蝿?wù)。本文我將帶大家來看一下各式流程進(jìn)度的設(shè)計(jì)。

什么是進(jìn)度跟蹤器?

進(jìn)度跟蹤器(進(jìn)度指示)通過將流程切分成多個(gè)邏輯步驟,從而顯示了線性的進(jìn)度流程。他們可以引導(dǎo)用戶按照一系列的步驟進(jìn)行操作從而完成任務(wù)。好的進(jìn)度跟蹤器設(shè)計(jì)需要告知用戶如下信息:

哪些步驟(或是任務(wù))用戶已經(jīng)完成了(最好使用合適的視覺表現(xiàn))

當(dāng)前在哪個(gè)步驟(用戶在全流程中的當(dāng)前位置)

還有哪些步驟需要去完成(最好有明確的指引)

△ 進(jìn)度追蹤器將流程用步驟的方式展現(xiàn)出來

這是使用步驟化流程的三個(gè)最主要原因:

可以把用戶需要輸入的信息更有邏輯的組合起來

給用戶設(shè)定一個(gè)清晰的預(yù)期

為用戶在一個(gè)復(fù)雜的長(zhǎng)流程中跟蹤狀態(tài)

為何進(jìn)度跟蹤器有效?

進(jìn)度跟蹤器給用戶創(chuàng)造了清晰的路徑。研究表明,當(dāng)用戶對(duì)完成最終目標(biāo)需要多少步驟有了清晰的概念之后,中途放棄的情況得到顯著的減少。從心理學(xué)的角度來說,也十分站得住腳。

△ 用分步操作來完成建立賬戶

而且,將內(nèi)容展現(xiàn)在區(qū)塊中更有利于用戶進(jìn)行信息的掃描,從而可以提高用戶對(duì)流程的理解。事實(shí)上,區(qū)塊設(shè)計(jì)能提供符合邏輯且具有視覺差異的內(nèi)容模塊,這對(duì)于復(fù)雜的全局來說很有幫助。

進(jìn)度跟蹤器的使用

進(jìn)度跟蹤器在許多場(chǎng)景下都能使用,下面三種是最為常見的,

在線下單

至今為止,進(jìn)度跟蹤器最常用在在線購買中,因?yàn)橘徺I的任務(wù)天生就是分為多個(gè)步驟。

多步表單

如果一個(gè)表單需要用戶提供許多的信息,最好將這個(gè)表單拆分成多個(gè)步驟

引導(dǎo)

進(jìn)度跟蹤器也常于App引導(dǎo)。如果步驟不多的情況下可以使用屏幕下方的小點(diǎn)來進(jìn)行標(biāo)注(像如下Dropbx的案例)

△ Dropbox引導(dǎo)

進(jìn)度跟蹤器設(shè)計(jì)案例

如何設(shè)計(jì)一個(gè)卓越的進(jìn)度跟蹤器,這個(gè)問題并沒有一個(gè)通用的答案。但是你始終需要確認(rèn)的是——用戶是如何和你的系統(tǒng)進(jìn)行交互的。通常來說,步驟的設(shè)計(jì)應(yīng)當(dāng)盡可能簡(jiǎn)單清晰,以免讓用戶感到困惑。

設(shè)定用戶預(yù)期

當(dāng)用戶需要完成一個(gè)復(fù)雜的流程操作時(shí),進(jìn)行用戶的預(yù)期管理就顯得尤為重要,我們需要在用戶開始操作前就告訴他們大致需要多少工作和時(shí)間能完成這個(gè)流程。如果用戶僅認(rèn)為他們只需要兩分鐘就能完成,但卻花了十分鐘,這體驗(yàn)一定很糟糕。

給用戶提供合適的流程說明能幫助用戶做好進(jìn)行復(fù)雜操作的心里準(zhǔn)備。當(dāng)然如果能夠給用戶一個(gè)完成任務(wù)的時(shí)間預(yù)估就最好了,尤其當(dāng)這些步驟的復(fù)雜程度并不等同的時(shí)候。(例如,某些步驟可能需要比其他的花去更多的時(shí)間。)

建立符合邏輯的流程

展現(xiàn)出流程的進(jìn)展方向。最好可以使用箭頭來強(qiáng)調(diào)流程的流向,因?yàn)閱渭兪褂镁€進(jìn)行連接無法提現(xiàn)出流程的概念。

使用圖標(biāo)配合文字來描述流程中這些步驟,這樣可以讓用戶更清晰地了解步驟。

不要把流程拆得過長(zhǎng),3-5步為宜。

使用數(shù)字來體現(xiàn)步驟和當(dāng)前位置(例如,五步中的第三步)

時(shí)刻讓用戶知道自己的處境

“我在哪兒?”這是一個(gè)用戶在界面中進(jìn)行導(dǎo)航時(shí)常常會(huì)問自己的問題。這也是為什么一個(gè)移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站好的進(jìn)度跟蹤器需要隨時(shí)保持讓用戶清楚地知道自己在流程中的哪個(gè)步驟的原因。這樣用戶就能清楚地知道自己都做了些什么以及接下來需要做些什么,有助于流程的推進(jìn)。

同時(shí)為進(jìn)度跟蹤器提供一個(gè)良好的視覺展示也是十分必要。用戶往往依賴于導(dǎo)航上的一些視覺線索進(jìn)行判斷。

△ 來自Dribble的案例

可以使用一些清晰的狀態(tài)變化來表明當(dāng)前步驟,而不僅僅是改變簡(jiǎn)單的顏色。合適的圖標(biāo)和文字有助于用戶理解。

文字隨著狀態(tài)而改變

避免多個(gè)進(jìn)度跟蹤器同時(shí)存在

不要在同一個(gè)頁面中多次使用進(jìn)度跟蹤器,也不要使用嵌套。這很有可能會(huì)給你的界面帶來混亂。

△ 反面案例

使用進(jìn)度反饋

進(jìn)度跟蹤器可以在用戶保存了某個(gè)步驟后顯示短暫的反饋。移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站而這個(gè)反饋僅應(yīng)該存在于當(dāng)步驟間有一些潛在的等待的情況下。

進(jìn)度跟蹤器在移動(dòng)端的應(yīng)用

由于水平空間在手機(jī)上非常局限,垂直方向上的進(jìn)度跟蹤器對(duì)于移動(dòng)應(yīng)用或是站點(diǎn)來說也許是個(gè)更好的選擇。需要稍稍注意一下每一步的內(nèi)容都是響應(yīng)式的即可。

△ 垂直向的進(jìn)度跟蹤器很適合小屏

小結(jié)

設(shè)計(jì)進(jìn)度跟蹤器的時(shí)候需要謹(jǐn)記簡(jiǎn)單、易理解,而且別忘了使用視覺表現(xiàn)對(duì)用戶進(jìn)行合適的引導(dǎo)。始終把用戶放在首位,不要為自己而設(shè)計(jì)。最后,好的進(jìn)度跟蹤器能夠保證用戶順利完成流程的同時(shí),對(duì)你的產(chǎn)品有一個(gè)更好的印象。



關(guān)注我們:在查找公眾號(hào)中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號(hào)

本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天 

關(guān)鍵詞:移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
巧家县| 扶沟县| 曲靖市| 麻阳| 巴中市| 阜新| 壤塘县| 邹平县| 扎兰屯市| 香河县| 韩城市| 广东省| 宁武县| 姚安县| 固镇县| 卢龙县| 镇远县| 南雄市| 土默特右旗| 乐东| 鹰潭市| 深水埗区| 肥城市| 印江| 石台县| 库车县| 遂昌县| 青田县| 钦州市| 南和县| 石城县| 东安县| 贵德县| 阿城市| 乡城县| 阿克陶县| 东明县| 罗山县| 道孚县| 柞水县| 德州市|