如何設(shè)計(jì)可轉(zhuǎn)換的表格

Web表單是許多設(shè)計(jì)人員（甚至是其客戶）的禍害。

表單在任何站點(diǎn)上都起著至關(guān)重要的作用，因?yàn)楸韱问钦军c(diǎn)在結(jié)帳過程中收集所有重要信息或登錄頁面上的潛在顧客信息的方式。如果您想取悅客戶并提高其網(wǎng)站的轉(zhuǎn)化率，那么可能沒有什么比設(shè)計(jì)有效的最佳表單更有意義的了。

用敘事形式在盒子外面設(shè)計(jì)

標(biāo)準(zhǔn)表單的特點(diǎn)是在幾個字段中，潛在客戶填寫了他們的基本聯(lián)系方式，例如姓名，電子郵件地址和電話號碼。這是單調(diào)的，非常平凡的……只是因?yàn)樗艿湫停@并不意味著它不應(yīng)該被弄亂。相反，請嘗試改變敘述形式，以便更好地進(jìn)行轉(zhuǎn)換。

顧名思義，敘事形式是保持對話進(jìn)行的形式。而不是僅在網(wǎng)站副本結(jié)束時結(jié)束故事。這些類型的表格通過提示他們以第一人稱敘事方式填寫表格中的空白，從而繼續(xù)吸引您的潛在客戶。這使注冊過程更加個性化！

Vast.com是一個使用戶可以搜索敘事形式的網(wǎng)站，該網(wǎng)站使用戶可以搜索數(shù)百萬輛待售汽車和房地產(chǎn)交易。他們A / B使用控件測試了他們的敘述形式，即標(biāo)準(zhǔn)網(wǎng)格形式，并看到轉(zhuǎn)化率提高了 25％至40％。至少以敘述形式進(jìn)行敘述可以使轉(zhuǎn)化率提高25％。

下次您在設(shè)計(jì)表單時考慮安全使用時，請不要這樣做。承擔(dān)這個小的經(jīng)計(jì)算的風(fēng)險(xiǎn)，它可能會有所回報(bào)。

使用更少（或更多）字段

在過去的幾年中，一直存在關(guān)于最能促進(jìn)轉(zhuǎn)換的特定表格長度的爭論。新聞快訊：實(shí)際上沒有一個特定的長度更好。較短的形式獲得更多的某種轉(zhuǎn)換，而較長的字段獲得更多的另一種轉(zhuǎn)換。

傳統(tǒng)觀點(diǎn)認(rèn)為，表單上的字段越少，轉(zhuǎn)化率越高。沒錯，但是只有在較少的字段中產(chǎn)生大量的轉(zhuǎn)化，而不是產(chǎn)生大量的質(zhì)量轉(zhuǎn)化。

Finery的表格包含一個下拉列表，用于指定您與他們聯(lián)系的原因。這是一個額外的字段，可以省略，但包括它可以提高發(fā)送消息的質(zhì)量。

讓我們進(jìn)一步看一下。假設(shè)您有一個非常簡單的表格，只詢問潛在客戶的姓名，電子郵件地址和電話號碼。您將獲得更多的轉(zhuǎn)換，因?yàn)樵谳斎朐撔畔⑸匣ㄙM(fèi)的精力和時間很少，但是由于您不知道這些潛在客戶與您的業(yè)務(wù)之間的相關(guān)性，因此質(zhì)量值得懷疑。HubSpot在研究中發(fā)現(xiàn)這是正確的。

另一方面，如果您要查詢的表格較長，而不僅僅是潛在客戶的姓名，電子郵件地址和電話號碼，那么您將獲得關(guān)于它們的更多詳細(xì)信息，從而可以得到質(zhì)量更高的潛在客戶。有了更多信息，企業(yè)可以更好地判斷他們是否可以更輕松地向他們推銷產(chǎn)品。

如果您的客戶的目標(biāo)是更多潛在客戶，那么您的表格應(yīng)該相對簡短，例如Marketo的免費(fèi)數(shù)字下載指南的注冊表格。如果您的客戶希望獲得更多高質(zhì)量的潛在客戶，那么可以通過添加更多字段來延長表格的長度，這樣您的客戶就可以獲得更多信息。例子：TD Ameritrade的帳戶注冊表格。

僅使用清晰的標(biāo)簽和說明

令人驚訝的是，發(fā)現(xiàn)有些設(shè)計(jì)師仍然忽略了確保用戶能夠真正理解表單的基本原理。

該登記表的TheHugo再清楚不過。

在表格及其領(lǐng)域中使用清晰的標(biāo)簽和解釋的目的是消除任何潛在的輸入問題，其中許多輸入問題可能源于輸入內(nèi)容的混亂。

在注冊頁面的巴恩斯＆貴族萬事達(dá)信用卡就是清晰度占主導(dǎo)地位的形式這樣一個例子。通過查看這些字段，我們可以立即看到框內(nèi)易于理解的標(biāo)簽并且易于閱讀。

另外，當(dāng)您開始在框中輸入信息時，上述標(biāo)簽不會消失；相反，它們只是變小了，改變了顏色，并且仍然可讀。這使用戶可以始終了解他們期望在任何框中鍵入的內(nèi)容，即使他們已經(jīng)開始鍵入。用戶開始輸入內(nèi)容后，某些表格已被批評刪除標(biāo)簽。

甚至說明（例如需要填寫的字段數(shù)和特定字段的額外方向）也放在框外，并以不同的顏色顯示，以方便閱讀。

取消強(qiáng)制注冊

如果您的客戶已經(jīng)準(zhǔn)備好從客戶的在線商店購買商品，如果有什么可以迅速阻止轉(zhuǎn)換，那么這就是結(jié)帳過程中可怕的注冊過程。經(jīng)驗(yàn)告訴我們，在購買之前強(qiáng)迫客戶進(jìn)行注冊或登錄（等同于其他步驟）會降低轉(zhuǎn)化率。

Condor的結(jié)帳流程不會強(qiáng)制您進(jìn)行注冊。登錄帳戶可簡化結(jié)帳過程，但默認(rèn)形式是用于訪客。

在設(shè)計(jì)用于結(jié)帳流程的表格時，請使其盡可能短，以鼓勵客戶進(jìn)行購買。客戶理所當(dāng)然地在購買商品時沒有耐心，而且沒有人愿意浪費(fèi)時間進(jìn)行額外的步驟才能正確結(jié)賬。

斯臺普斯對此非常了解。辦公用品和電子產(chǎn)品零售商具有初始結(jié)帳頁面，該頁面不會強(qiáng)迫購物者再次注冊或強(qiáng)制新購物者注冊。相反，如果他們要返回購物者，則可以輕松地在兩個字段中輸入用戶名和密碼，或者直接進(jìn)入“以旅客結(jié)帳”頁面，如果他們是，則只需輸入基本的送貨信息新客戶。這樣的設(shè)置使客戶的事情變得更簡單，并為他們提供了更大的自由度和對結(jié)帳流程的控制權(quán)，這始終受到歡迎。

Web表單最佳做法

設(shè)計(jì)智能，有效的表單歸結(jié)為將這些最佳實(shí)踐納入您的設(shè)計(jì)。這些方法是最佳做法是有原因的：它們已被證明行之有效，這也是為什么您傾向于在成功的在線商店的注冊表格中看到它們的原因。設(shè)計(jì)不良的表單將在邏輯上拖累網(wǎng)站的轉(zhuǎn)換率，因此有理由大幅度改善任何頁面上表單的設(shè)計(jì)以提高整個網(wǎng)站的轉(zhuǎn)換率是有意義的。

服裝網(wǎng)站設(shè)計(jì)，設(shè)計(jì)表單只是更廣泛的Web設(shè)計(jì)的一個方面，但它也應(yīng)遵循為用戶體驗(yàn)而設(shè)計(jì)的原則。上面討論的所有技巧都是經(jīng)過嘗試，測試和真實(shí)的方法，可以取悅客戶的客戶，從而提高客戶網(wǎng)站的轉(zhuǎn)化率。