如果網站是一座小院兒，注冊登錄頁就是那扇大門，用戶是走是留很大程度就取決于那道(dào)門檻的設計，今天騰訊的同學(xué)總結了7個實用的方法，能(néng)有效幫

　　助用戶提升表單填寫的整體體驗，賓客臨門還(hái)是門可羅雀？就看這(zhè)篇了。

　　我們幾乎每天都(dōu)會接觸形形色色的表單，登錄賬号、填寫信息以獲取服務、發(fā)布内容等。然而填寫表單的過(guò)程往往不是特别愉悅的，我們需要消耗時間

　　輸入信息，點擊提交，可能(néng)還(hái)需要等待審核；尤其是碰到較爲複雜、流程長(cháng)的表單，如果用戶體驗較差，很容易讓人産生挫敗感，在中途選擇放棄。

　　那麼(me)，如何提高用戶填寫表單的效率，防止他們出錯或中途流失，提升愉悅度及轉化率呢？本文就Web表單設計，總結了以下的一些方法：

　　内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選 内蒙古呼和浩特先誠網絡科技公司、、、先誠官網：/ 

　　有效的說服用戶進(jìn)行填寫

　　首先，告知用戶爲什麼(me)要填寫表單，他能(néng)獲得什麼(me)，讓用戶看到把信息給你的好(hǎo)處。舉個例子，GitHub在其注冊表單的右側清晰的告訴你注冊使用它會

　　得到的幫助：

　　除了告訴用戶填完整個表單可以得到什麼(me)好(hǎo)處，你還(hái)可以更具體一點，告訴用戶你讓他填寫某一項信息是出于怎樣(yàng)的考慮。

　　有效的說服用戶填寫表單，還(hái)需要剔除負面(miàn)幹擾，獲取他們的信任。大多數情況下，用戶對(duì)于填寫表單的最大顧慮是信息被(bèi)網站收集之後(hòu)的用途。用戶

　　不希望源源不斷的收到垃圾推銷郵件，更不希望自己的隐私信息被(bèi)公之于衆。此時，你可以通過(guò)引用一些具有影響力的權威人士的承諾，或者展示一些

　　具有公共效應的證據，如相關媒體報道(dào)、來自現有用戶的贊許等任何能(néng)使人産生積極态度的元素。

　　你還(hái)可以做的更貼心一些，告訴用戶填寫表單預計需要花費的時間。

　　合理組織信息

　　對(duì)于較爲複雜、填寫項多的表單，如果不對(duì)信息進(jìn)行組織，很容易顯得繁雜混亂，讓用戶在一開(kāi)始就産生抵觸的情緒，甚至選擇放棄。合理有層次的組

　　織信息，可以利用框線、空間間隔、顔色的不同，按照不同信息的類别、屬性和相關性進(jìn)行區塊的劃分，用步驟條指示當前的進(jìn)程。

　　一般來說，通知爲藍色，警告爲黃色，錯誤爲紅色，成(chéng)功确認爲綠色。清晰的浏覽線，合理的标簽、提示文字及按鈕的排布，避免不必要的信息重複出現，能(néng)夠降低用戶的視覺負擔和物理負擔。恰當的隐藏信息能(néng)夠使表單看起(qǐ)來更加清爽怡人，有些信息可以設置在需要進(jìn)行相關操作時才出現。區分一級動作和二級動作。用按鈕定義一級動作，用鏈接定義二級動作，或者相對(duì)于二級動作按鈕來說，賦予一級動作按鈕更爲明顯的風格。

　　爲用戶節省時間

　　需要花大量時間填寫的表單容易讓人失去耐心，用戶是懶惰而繁忙的，試著(zhe)删去所有不必要的填寫項，考慮除了讓用戶機械的通過(guò)鍵盤在表單上輸入數

　　據外，還(hái)有沒(méi)有别的更優方式（如後(hòu)續進(jìn)行用研調查）收集所需信息。

　　驗證碼永遠是表單上讓用戶頭疼的填寫項之一，他需要等待驗證碼的生成(chéng)、确認驗證碼的内容、确保驗證碼輸入正确，才能(néng)點擊提交，而這(zhè)整個過(guò)程對(duì)

　　他來說并無實際價值，用戶不會因爲多填寫一次驗證碼而得到額外的獎勵。我們可以通過(guò)改變輸入驗證碼的體驗，使其變得更簡單有趣，或者通過(guò)新的

　　後(hòu)台邏輯限制用戶每日提交次數等行爲來取締驗證碼。

　　安全平台部打擊惡意組的同事(shì)就發(fā)明了一種(zhǒng)有趣的圖片驗證碼的方式：

　　除了驗證碼以外，注冊填寫表單中經(jīng)常存在的二次确認密碼也同樣(yàng)費時。目前，很多國(guó)外的主流網站，如Facebook、Twitter、LinkedIn、Friendster等

　　在填寫注冊表單時都(dōu)不要求用戶确認密碼。WordPress甚至連都(dōu)不需要用戶填寫，而是將(jiāng)密碼直接發(fā)送至用戶的郵箱。除了上面(miàn)這(zhè)種(zhǒng)簡單粗暴的方式以外，首次輸入密碼時使用明文确認同樣(yàng)可以節省二次輸入密碼的時間，出于信息安全的考慮，需支持有需要的用戶随時切換成(chéng)暗文顯示。以下是筆者收集的幾種(zhǒng)明文确認密碼的方式，可供參考：鼠标點擊、拖拽操作相對(duì)于鍵盤輸入來說是更加有效率的方式。通過(guò)添加選取器、快捷選項、智能(néng)聯想、range滑塊、number微調等方式讓用戶可以更快速的完成(chéng)表單。

　　慎用下拉框。由于下拉框會對(duì)用戶造成(chéng)信息的隐藏，需要而外的操作才能(néng)顯示，更适合用在選擇日期、省份等可選範圍較大的地方。對(duì)于數目有限且重要的選項來說，使用更明顯的選擇方式更合适。放寬對(duì)用戶輸入的要求，包括格式、大小寫等。讓你的系統更靈活而非讓用戶爲了你改變他們的輸入習慣。錯誤預防。進(jìn)行有效的即時校驗，讓用戶能(néng)及時修改、補充缺漏的信息；另外，我們還(hái)可以通過(guò)限制用戶的行爲（如在預定機票時返回時間無法選擇出發(fā)時間之前的日期，出發(fā)城市不能(néng)跟到達城市一樣(yàng)等），或提供自動修正的方式來預防用戶犯錯。通過(guò)提供更加積極的交互反饋、預置文字、自動獲取信息、自動修改格式、補全小數點等方式，使你的表單變得更聰明。如當用戶輸入信用卡号碼時，能(néng)夠自動判斷用戶使用的是哪種(zhǒng)信用卡。

　　當用戶輸入手機号碼時，能(néng)夠判斷出其歸屬地。此時如果用戶輸錯号碼，會更容易被(bèi)發(fā)現。

　　當用戶選擇了所在地區後(hòu)，自動填充郵政編碼。

　　當用戶輸入銀行賬号時，自動空格間斷。

　　當用戶輸入金額時，自動補充小數。

　　幫助用戶進(jìn)行決策。當面(miàn)臨的選擇越多時，用戶就越難做出決定。這(zhè)個時候可以适當的劃分每個選項的優先級，高亮其中的一個，告訴用戶你的推薦理由，讓用戶更容易比較并做出選擇。

　　支持常用的快捷操作，如Tab切換等，讓用戶在不使用鼠标的情況下也能(néng)完成(chéng)整個表格的填寫。

　　提供友好(hǎo)的引導

　　清理晦澀的專業術語（如數據庫錯誤），試著(zhe)使用更加親切的語言來引導用戶填寫、告訴用戶錯誤的原因。當問題出現時，清楚的說明問題出現的原因并提供有效的解決方案。必要時，除了指導文案以外，還(hái)可以添加更加生動的照片或可視化圖形作爲引導。

　　一條龍服務

　　表單的終點并不是提交，我們需要爲用戶提供一條龍服務，形成(chéng)流程閉環，避免用戶在中途跳出。

　　舉個例子，用戶在某網站選好(hǎo)商品點擊付款時發(fā)現賬戶餘額不足，此時用戶隻能(néng)先進(jìn)行充值才能(néng)進(jìn)行後(hòu)續操作，但當用戶充值完畢後(hòu)，發(fā)現已經(jīng)找不回原來選擇的商品和付款頁面(miàn)了。這(zhè)就是典型的流程不閉環的情況。類似的還(hái)有當用戶需要在論壇下載資源時，系統提示回複才能(néng)下載，而用戶沒(méi)有注冊，需要在此之前先提交注冊表單，當用戶填寫完畢後(hòu)，卻直接跳轉到了論壇首頁。

　　一個好(hǎo)的表單設計，不僅需要考慮用戶填寫前的引導、填寫時的及時校驗與幫助、還(hái)需要考慮填寫後(hòu)的整個流程體驗。思考用戶填寫表單的初衷是什麼(me)，讓他在填寫完表單後(hòu)能(néng)夠最快得到他最想要的東西。即便是他暫時無法得到的，也需要告訴他相應的原因和能(néng)夠進(jìn)行的替代操作。

　　提供設計關懷

　　據統計，大約有12%的人口具有或輕或重的色覺障礙。如果將(jiāng)色彩作爲區分不可點擊文本和可點擊鏈接的唯一元素，可能(néng)會讓這(zhè)部分的人使用時出現困難。我們可以通過(guò)給鏈接文字加下劃虛線、使用按鈕或其他形狀做區分，讓這(zhè)類用戶能(néng)更加清楚的知道(dào)哪些是可點擊的區域。

　　最後(hòu)，再增加一點愉悅度吧

　　研究表明，更大的文字輸入框、适度的留白空間會讓人更有填寫的欲望，優雅的動畫效果也能(néng)增加填寫的趣味。以下的案例可供參考：