一說起在線表單（online forms），不少人會和郵件訂閱、申請報(bào)價(jià)、完成支付等行為聯(lián)系到一起。任何形式的在線表單都需要用戶花費(fèi)一定的時間和精力填寫。設(shè)計(jì)精良的在線表單，不僅可以增強(qiáng)用戶體驗(yàn)，還可以助力企業(yè)獲取銷售線索，提升營銷效果。不合格的在線表單則適得其反，不僅可能拉低品牌形象，用戶也可能因?yàn)樵阈牡脑O(shè)計(jì)不愿意填寫表單，從而給企業(yè)帶來負(fù)面影響。因此，加強(qiáng)對表單細(xì)節(jié)的關(guān)注和優(yōu)化對于營銷人員來說舉足輕重。
在線表單設(shè)計(jì)和優(yōu)化有一些特定的技巧和需要避免的 “雷區(qū)” ，小編將會在下文中介紹到8種技巧，供大家在往后比照使用。
1.巧用表單驗(yàn)證
使用表單驗(yàn)證是為了確保用戶按正確的格式輸入表格信息。如果用戶輸入錯誤，表單會出現(xiàn)提示，需要用戶重新輸入。然而問題就在于有些用戶覺得他們并沒有出錯，因此他們很可能因?yàn)殄e誤提示就放棄填寫表單。
所以說表單驗(yàn)證不應(yīng)過于嚴(yán)格。一些在線表單對于大小寫和空不空格的堅(jiān)持完全背離了設(shè)計(jì)表單的初衷——收集用戶信息，而至于信息以什么格式呈現(xiàn)并不重要，一味的設(shè)置限制只會讓用戶反感，不愿意提供信息。
另外，一些網(wǎng)站會等到用戶填完本頁信息，點(diǎn)擊進(jìn)入下一步時，才出現(xiàn)表單驗(yàn)證的信息。其實(shí)，最好的方式就是即時驗(yàn)證，這樣用戶可以得到即時的反饋，隨時做出調(diào)整。
右面的栗子對于表單驗(yàn)證就運(yùn)用的比較適當(dāng)。信息如果填寫正確，表單會及時顯示一個綠色的對號；如果信息有誤，則會觸發(fā)警告信息，提醒用戶修改。
2.設(shè)置必要問題
用戶對于在表單中提供個人信息實(shí)際上是有一個預(yù)期的，如果表單中有一些不必要的問題，就會引起用戶反感，從而拒絕或放棄整個表單的填寫。因此，表單上索取的用戶信息一定要確保是你最需要的，否則就不要設(shè)計(jì)在表單上面。
例如設(shè)計(jì)結(jié)賬表單時，一定要朝著有助于交易的方向去創(chuàng)建，一切可能會給交易完成帶來影響的問題需要避免。比如 “你在哪些渠道了解到我們” 這樣的問題可以通過數(shù)據(jù)分析得出答案，因此在這里設(shè)置顯然沒有任何意義。
左圖也是表單設(shè)計(jì)中常出現(xiàn)的一個小錯誤。在這份表單上，稱呼的界限比較模糊，這對于不少用戶來說會是一個大寫的 “懵” 。因此如果這個信息不是非要不可的話，就不用設(shè)置為必填項(xiàng)。
另一個常見的問題是關(guān)于出生日期（右圖），這個信息在市場營銷中可能有用，但對于在線付款這樣的流程來說就沒有那么重要了。所以信息的索取要根據(jù)需求和流程的變化而變化。
3.將表單填寫規(guī)則標(biāo)注在明顯區(qū)域
相比等到用戶填好信息后才提示不符合要求，不如在填寫之前就向用戶解釋表單填寫規(guī)則，這樣可以避免出現(xiàn) “怎么不早說” 的怨氣和 “老娘不填了” 的傲嬌。
雖然剛才有提到表單填寫不應(yīng)該糾結(jié)于格式，但是遇到設(shè)置密碼的情況，用戶也能夠明白商家讓你使用大小寫、數(shù)字或特殊符號等組合的原因，這樣設(shè)置的確會增加安全性，但前提是要提前和用戶解釋清楚，才能避免用戶在最關(guān)鍵一步跳出。
舉一個反面的栗子。看左圖：首先，沒有在每個字段后面緊跟表單驗(yàn)證，用戶不知道自己輸入的信息是否有誤；第二，信息輸入規(guī)則沒有放在相關(guān)字段旁邊，容易將流程復(fù)雜化降低用戶體驗(yàn)；第三，提醒文字放在表單末尾，且是不容易識別的淺灰色，極易被忽略。
我們可以通過數(shù)據(jù)分析找出表單設(shè)計(jì)中的一些問題，然后再確定是否需要重新設(shè)計(jì)表單，還是重新設(shè)計(jì)文案。右圖這個表單設(shè)計(jì)即符合以上提到的規(guī)范，在提高填寫便捷性的同時，還能讓用戶增加對網(wǎng)站的好感。
4.優(yōu)化錯誤提示信息
完美的表單設(shè)計(jì)能夠最大限度地避免用戶發(fā)生填寫錯誤，但是仍然會有意外情況發(fā)生。因此，表單設(shè)計(jì)的另一個作用就是幫助用戶更正填寫錯誤，打通用戶旅程。
錯誤提示信息的目的應(yīng)該是向用戶解釋哪里出現(xiàn)了錯誤，以及該如何解決。然而，許多錯誤提示卻隱藏著責(zé)怪用戶的意味，或者只是提醒用戶犯了錯誤，但并沒有給出解決方案。
接下來給出一個正面例子：右面表單在問題字段旁顯示了錯誤提示信息，明確錯誤發(fā)生的地點(diǎn)，并禮貌地解釋了錯誤原因。
下期，我們將從用戶常見錯誤、表單長度、格式和設(shè)備適配、付款表單這幾方面來闡述其余的4個技巧。想做表單設(shè)計(jì)達(dá)人的你，不要錯過下期的4個技巧哦~
干貨專區(qū)
表單優(yōu)化
營銷人員必須了解的 “點(diǎn)擊流” 數(shù)據(jù)
程序化廣告
白皮書｜2017《程序化廣告生態(tài)實(shí)用手冊》重磅發(fā)布
IAB發(fā)布新行業(yè)標(biāo)準(zhǔn) 解決跨屏及程序化創(chuàng)意問題
移動營銷
必看！獨(dú)家APP人氣全方位解析報(bào)告發(fā)布
