干貨 | 8招解開在線表單優(yōu)化迷局(下)

上期靠益,我們從表單驗證宣决、問題設(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)化

8招解開在線表單優(yōu)化迷局(上)

8招解開在線表單優(yōu)化迷局(中)

數(shù)字營銷

五招幫你解決轉(zhuǎn)化率問題

營銷人員必須了解的 “點擊流” 數(shù)據(jù)

如果這都不能讓你hold住數(shù)據(jù)可視化

手把手教你玩轉(zhuǎn)Banner廣告

老司機帶你提高落地頁轉(zhuǎn)化率(上)

老司機帶你提高落地頁轉(zhuǎn)化率(下)

程序化廣告

白皮書|2017《程序化廣告生態(tài)實用手冊》重磅發(fā)布

2016程序化購買多維分析報告

如何抓住程序化購買的先機

PMP是不是你的菜裆泳,3分鐘得到答案

4個步驟教你玩轉(zhuǎn)程序化廣告

獨門秘籍解決重定向廣告 “煩惱”

IAB發(fā)布新行業(yè)標(biāo)準(zhǔn) 解決跨屏及程序化創(chuàng)意問題

如何用正確的姿勢擁有自己的DSP虑乖?

中小企業(yè)要不要用程序化廣告?

千億級市場晾虑,品牌與效果雙贏之路

移動營銷

必看!獨家APP人氣全方位解析報告發(fā)布

如何打通大數(shù)據(jù)仅叫,實現(xiàn)跨屏精準(zhǔn)營銷

品牌廣告主與代理商在“移動時代”的何去何從

因“地”制宜帜篇,玩兒出移動營銷新高度

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市诫咱,隨后出現(xiàn)的幾起案子笙隙,更是在濱河造成了極大的恐慌,老刑警劉巖坎缭,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件竟痰,死亡現(xiàn)場離奇詭異签钩,居然都是意外死亡,警方通過查閱死者的電腦和手機坏快,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門铅檩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人莽鸿,你說我怎么就攤上這事昧旨。” “怎么了祥得?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵兔沃,是天一觀的道長。 經(jīng)常有香客問我级及,道長乒疏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任饮焦,我火速辦了婚禮怕吴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘追驴。我一直安慰自己械哟,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布殿雪。 她就那樣靜靜地躺著暇咆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪丙曙。 梳的紋絲不亂的頭發(fā)上爸业,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音亏镰,去河邊找鬼扯旷。 笑死,一個胖子當(dāng)著我的面吹牛索抓,可吹牛的內(nèi)容都是我干的钧忽。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼逼肯,長吁一口氣:“原來是場噩夢啊……” “哼耸黑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起篮幢,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤大刊,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后三椿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缺菌,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡葫辐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了伴郁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片耿战。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖蛾绎,靈堂內(nèi)的尸體忽然破棺而出昆箕,到底是詐尸還是另有隱情,我是刑警寧澤租冠,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布鹏倘,位于F島的核電站,受9級特大地震影響顽爹,放射性物質(zhì)發(fā)生泄漏纤泵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一镜粤、第九天 我趴在偏房一處隱蔽的房頂上張望捏题。 院中可真熱鬧,春花似錦肉渴、人聲如沸公荧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽循狰。三九已至,卻和暖如春券勺,著一層夾襖步出監(jiān)牢的瞬間绪钥,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工关炼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留程腹,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓儒拂,卻偏偏與公主長得像寸潦,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子社痛,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容