從平凡到卓越——減少填寫表單過(guò)程的流失率

我做過(guò)的幾個(gè)產(chǎn)品中,流失率最高的地方是“注冊(cè)登錄、添加賬號(hào)卡號(hào)”等填寫表單的過(guò)程。這個(gè)問題是非常嚴(yán)重的。如果流失率是50%,那么一半的推廣費(fèi)就打水漂了。

為什么填寫表單的過(guò)程流失率高呢?它是用戶跟產(chǎn)品建立聯(lián)系的第一步。這步之后,用戶就跟產(chǎn)品綁定了。用戶在使用過(guò)程中不斷投入使用成本,用的越久流失成本就越高,流失率越小。

填寫表單是第一個(gè)也是最重要的一個(gè)減少流失的優(yōu)化點(diǎn)。

幾點(diǎn)優(yōu)化心得:

1、讓用戶知道他們要做什么

2、盡量少讓用戶打字

3、及時(shí)給用戶反饋和提示

4、讓用戶知道現(xiàn)在進(jìn)行到哪一步了

5、讓流程顯得更安全

下面是一個(gè)Axure做的案例

1、每次只顯示一個(gè)輸入框

2、操作提示先突出再隱藏

3、輸入正確有點(diǎn)擊效果,輸入錯(cuò)誤有錯(cuò)誤提示

4、背景顯示流程進(jìn)度


原型的實(shí)現(xiàn)原理:

1、點(diǎn)擊效果用兩次“移動(dòng)”動(dòng)作實(shí)現(xiàn)

2、輸入內(nèi)容的判斷通過(guò)判斷“元件的內(nèi)容”是否等于某值或“元件文字長(zhǎng)度”是否達(dá)到要求

3、錯(cuò)誤提示中“搖頭”效果用n次“移動(dòng)”動(dòng)作實(shí)現(xiàn)(最笨的辦法就是最好的辦法,哈哈)

4、錯(cuò)誤提示中“變色”效果用“切換面板狀態(tài)”的動(dòng)作來(lái)實(shí)現(xiàn)

5、背景進(jìn)度條的變化,用“設(shè)置長(zhǎng)度”動(dòng)作來(lái)實(shí)現(xiàn)

6、多個(gè)動(dòng)作的發(fā)生順序用“等待”動(dòng)作來(lái)調(diào)整

原型文件在大師模板的“注冊(cè)”頁(yè)面里,感興趣的同學(xué)可以下載。

地址沒變http://pan.baidu.com/s/1c16cyQ0

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一. 表單設(shè)計(jì)的影響與原則 1.1 表單的產(chǎn)生 由內(nèi)而外,網(wǎng)站根據(jù)自身信息存儲(chǔ)格式要求,從數(shù)據(jù)庫(kù)映射成表單。 由外...
    曉夢(mèng)蟬君閱讀 12,369評(píng)論 1 30
  • 網(wǎng)上鮮有用戶體驗(yàn)的文章會(huì)把事情發(fā)生的原因給你講的那么詳細(xì)。相對(duì)于本文作者給出的方法,那些追溯源頭的研究更值得一看。...
    D27閱讀 1,721評(píng)論 0 5
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,315評(píng)論 4 61
  • 寫作,應(yīng)該像吃飯睡覺那樣,成為人類生活的必須。寫作不是某個(gè)人的專利,只要愿意,哪怕是目不識(shí)丁的人,也可以通過(guò)口...
    獨(dú)酌相親閱讀 598評(píng)論 22 24
  • 如果你看過(guò)郭采潔主演的電影《一頁(yè)臺(tái)北》,你一定會(huì)被臺(tái)北這座城市的獨(dú)特氣質(zhì)所吸引——既有精致明亮的誠(chéng)品書店,又有狗血...
    LumosMaxima閱讀 558評(píng)論 0 0

友情鏈接更多精彩內(nèi)容