上期靠益,我們從表單驗證宣决、問題設(shè)置、填寫規(guī)則的位置吆你、錯誤提示信息4方面來闡述了對表單優(yōu)化的技巧弦叶,各位看官是否有些意猶未盡的感腳呢~下篇我們就繼續(xù)談?wù)勗鯓宇A(yù)防用戶的常見錯誤、控制表單長度早处、實現(xiàn)不同設(shè)備適配和疏通注冊障礙湾蔓。
5.提前預(yù)防用戶常見錯誤
處理錯誤最好的方式是杜絕錯誤出現(xiàn),所以一個友好的表單一定是朝著規(guī)避用戶錯誤的方向去設(shè)計的砌梆。
用戶常見錯誤通常有三:
漏填字段
用戶在提交表單前默责,可能會漏填一些字段,原因大概有二:用戶不知道這是必填項咸包;用戶不愿意透露這些信息桃序。所以表單中必須要有明顯的必填標(biāo)識和信息用途。
此外烂瘫,表單數(shù)據(jù)分析也十分必要媒熊。如果經(jīng)過分析發(fā)現(xiàn)表單的某一個字段總是沒有用戶填寫,那么遠程用戶測試也許能找到原因所在坟比。
填寫錯誤
用戶最容易出現(xiàn)的一個填寫錯誤就是拼寫錯誤芦鳍,如果能提前搜集到這些錯誤和對應(yīng)的修改,在用戶輸入錯誤時給到提示或者自動識別更正葛账,才能設(shè)計出用戶心目中的在線好表單柠衅。
但是也有不提倡表單自動更正的情況。比如電子郵箱的域名更正就應(yīng)該采用表單提示籍琳,其一可以避免表單中的郵箱域名數(shù)據(jù)錄入不全帶來的問題菲宴。用戶填寫的實際是正確的郵箱,如果表單自動更正趋急,則字段信息永遠都是錯誤信息喝峦;其二也能增強用戶檢查錯誤的意識。
格式錯誤
表單的一些特定字段可能有固定格式要求呜达,比如密碼谣蠢、地址、出生日期等闻丑,所以要將格式要求顯著地標(biāo)記出來漩怎。
6.表單長度
長表單讓人一看就有費勁的感覺,所以許多用戶體驗良好的網(wǎng)站都采用了一頁式表單或折疊式表單嗦嗡,看起來要填的內(nèi)容很少勋锤,實際上和一些長表單的內(nèi)容是一致的。但是直觀來講侥祭,用戶認(rèn)為這種短表單操作更簡單快捷叁执。不過有些表單從性質(zhì)和目的上來講不能做成短表單茄厘,比如汽車保險報價表單等。
減少表單長度的正確方式谈宛,前面已經(jīng)提到過一個就是精簡字段次哈,另外還可以在一些小細節(jié)上做優(yōu)化。下圖表單中吆录,使用了地址匹配功能窑滞,不僅可以節(jié)省時間,還能讓表格看起來更精簡恢筝,用戶體驗更上一層樓哀卫!
對于較長的表格,建議分成不同的版塊撬槽,這樣用戶也不會乍一看覺得表格太長而不愿意填此改。比如下圖,雖然需要填寫大量信息侄柔,但是巧妙地分成了四個版塊共啃,而且設(shè)計又友好簡約,因此用戶不會產(chǎn)生反感暂题。
另外移剪,精簡字段雖好,但也要適可而止薪者。某零售商就此還做了一個測試挂滓,把付款表單設(shè)計成3個版本:
1. 原版本(字段相對累贅)
2. 刪除了3個字段的版本(刪除了賬號、電話號碼啸胧、郵箱字段)
3. 保留少量字段和導(dǎo)航元素的版本
最終的測試發(fā)現(xiàn)版本2的表現(xiàn)更加優(yōu)異,轉(zhuǎn)化率提升了10.8%幔虏。相比之下纺念,版本3的轉(zhuǎn)換率提升了2.8%。
從這個案例可以看出想括,刪減表單字段也不能盲目陷谱。如果字段刪減過多,最好使用A/B測試瑟蜈,找到提升轉(zhuǎn)化率的臨界點烟逊。
7.輸入格式和設(shè)備的適配
近幾年移動電商火爆發(fā)展,但是對于提高移動設(shè)備上的轉(zhuǎn)化率問題铺根,表單是一個常見的瓶頸宪躯,因而表單設(shè)計要求可以實現(xiàn)不同設(shè)備的適配。
解決這個問題的關(guān)鍵還是要將表格優(yōu)化到適應(yīng)移動設(shè)備和平板電腦位迂,讓用戶填寫表格時更加便捷访雪。
比如详瑞,我們可以根據(jù)表格填寫的字段來切換移動設(shè)備上的輸入鍵盤。在輸入電話和卡號時臣缀,使用數(shù)字鍵盤坝橡,輸入電子郵件時,使用全鍵盤精置。這將會大大提升移動端用戶體驗计寇。
另外,表單的字段和按鈕設(shè)計在移動端要變大脂倦,以避免移動用戶在輸入數(shù)據(jù)時發(fā)生錯誤番宁。下圖中的表單字段和 “繼續(xù)” 這個CTA按鈕就足夠大,方便用戶在觸屏設(shè)備上操作狼讨。
再者贝淤,我們還可以運用設(shè)備的一些特性,如指紋登錄或者如下圖使用攝像頭掃描信用卡進行付款政供,這樣能更大程度加快操作流程播聪。
8.付款無需登錄或注冊
對于購物網(wǎng)站來說,建議提供無需登錄或注冊即可付款的入口布隔。這是經(jīng)過零售商的不斷測試得出的結(jié)論——付款前要求用戶登錄或注冊會增加付款障礙离陶,會造成高達50%的客戶流失。
其實這也情有可原衅檀。用戶挑選商品時花費了很多時間招刨,選定后只想快速付款收貨,而這時要求用戶登錄或注冊并不人性化哀军,會延長付款時間沉眶。并且在移動端登錄或注冊相較PC會不太方便,不利于提升轉(zhuǎn)化率杉适。
盡管存在上述問題谎倔,但注冊對于零售商和消費者來說有一定好處:
1.提高營銷效率。通過對用戶數(shù)據(jù)的分析猿推,有助于零售商向用戶發(fā)送符合用戶特征和興趣的營銷郵件片习;
2.有助于保留回頭客。注冊用戶與商家建立的聯(lián)系更加緊密蹬叭,也使得后續(xù)購買不用再次輸入地址和付款等信息而更加便捷藕咏。
3.特價和獎勵。注冊用戶可以享受到商家特別的優(yōu)惠或者獎勵秽五。
所以一個理想的解決方案就是給予用戶選擇是否注冊的權(quán)利孽查,如下:
上圖創(chuàng)建一個賬戶只需要用戶的電子郵件地址,并設(shè)置一個密碼坦喘,十分方便卦碾。但需要把握好提供注冊的時機铺坞,最好在用戶完成購買后,或者將要完成之時洲胖,避免讓注冊成為購買障礙济榨。
上圖表單,既允許用戶可以在注冊之前完成訂單绿映,又提醒用戶注冊帶來的便利擒滑,給予了用戶選擇的權(quán)力。
此外叉弦,商家可以直接不提醒用戶注冊或登錄丐一,默認(rèn)使用快速結(jié)賬的方式。比如下面這個表單淹冰,用戶一旦選擇產(chǎn)品后库车,就可以直接進入購物車界面。
我們可以看到雖然有是登錄或創(chuàng)建一個賬戶的選項樱拴,但并沒有做重點突出柠衍,這樣就直接掃清了可能有的付款障礙。
總結(jié)
文章中關(guān)于表格設(shè)計的技巧都是基于用戶測試和優(yōu)化實戰(zhàn)得出晶乔,因此這里列出的設(shè)計原則和技巧對于入門表單設(shè)計來說具有很大的借鑒意義和實用價值珍坊。然而,每個網(wǎng)站的性質(zhì)和面對的用戶都是不盡相同的正罢,用戶行為可能會因為網(wǎng)站的類型或者是使用的設(shè)備而發(fā)生變化阵漏,因此在表單設(shè)計中要從實際出發(fā),通過掌握客戶旅程翻具,不斷對表單測試優(yōu)化履怯,才能找出最適合自己的表單設(shè)計。
干貨專區(qū)
表單優(yōu)化
程序化廣告
白皮書|2017《程序化廣告生態(tài)實用手冊》重磅發(fā)布
IAB發(fā)布新行業(yè)標(biāo)準(zhǔn) 解決跨屏及程序化創(chuàng)意問題
移動營銷