淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧發(fā)布者：本站     時(shí)間：2021-12-23 10:12:20

網(wǎng)上擠滿(mǎn)了各種各樣的UI設計方案，事實(shí)上我們已經(jīng)有一套套的方案可遵循。但!設計永無(wú)止境!哪怕是一個(gè)注冊表單，也值得再細心研究。下面給出注冊表單設計5個(gè)小技巧：

1、別讓用戶(hù)重復填寫(xiě)相同的內容

幾乎每個(gè)人都經(jīng)歷過(guò)這樣一個(gè)事實(shí)：注冊時(shí)被要求填寫(xiě)郵箱地址兩次或重復輸入密碼。但是這其實(shí)是沒(méi)有必要的。僅填寫(xiě)一次，因為用戶(hù)一般都記得自己常用的郵箱地址和密碼。假設哪天用戶(hù)忘記密碼了可以通過(guò)郵箱找回，再多此一舉填寫(xiě)兩次反而更加容易導致用戶(hù)流失。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

下面是一些非常值得參照的表單設計：

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

2、突出必填字段

從用戶(hù)體驗的角度來(lái)看,最好是沒(méi)有可選字段,不需要去做假設。如果一塊信息毫無(wú)意義，那么只會(huì )浪費用戶(hù)的時(shí)間。不過(guò)對于商家就不同了，搜集必要的信息更能促進(jìn)業(yè)務(wù)成功。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

如果在注冊表單里面有可選字段，那么我們就要強調必填字段。通常一個(gè)小標志例如星號(*)就足夠了。它可以讓用戶(hù)自覺(jué)發(fā)現并填寫(xiě)必須填的字段。

看看下面這些例子：

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

3、不要強迫用戶(hù)在使用我們的服務(wù)前進(jìn)行郵箱驗證

換位思考一下：通常為了更好地使用數字產(chǎn)品和服務(wù)我們往往被要求需要先驗證注冊郵箱，另一方面商家也好確認用戶(hù)。但是這對我們來(lái)說(shuō)有什么好處呢?這些流程只會(huì )讓我們產(chǎn)生厭煩情緒罷了!難道就不能先玩一玩再考慮是否要驗證?

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

好了，回過(guò)來(lái)。為什么不讓用戶(hù)先看看網(wǎng)站再考慮是否要注冊呢?如果一封電子郵件的確認確實(shí)是非常重要的，那么至少也要事先提供給用戶(hù)一些有用的服務(wù)，不然很容易趕跑用戶(hù)。

4、確保用戶(hù)在登記信息時(shí)處于登錄狀態(tài)

另一個(gè)常見(jiàn)的問(wèn)題就是讓用戶(hù)在登錄后就馬上做登記，然而登記完還需要另外再登錄一次。同樣也發(fā)生在許多電子郵件確認鏈接里。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

這是為了安全起見(jiàn)嗎?用戶(hù)一般只填寫(xiě)一次信息，如果忘記密碼就通過(guò)郵件找回。

所以最好就是用戶(hù)在登記的時(shí)候保持登錄狀態(tài)，使整個(gè)用戶(hù)體驗流程更流暢。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

Dropbox在這一方面做得很好。用戶(hù)在創(chuàng )建賬戶(hù)是自動(dòng)重定向到dropbox安裝助理。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

5、提供引導，但不強制推動(dòng)

“出于安全考慮，您的密碼必須在8-12字符之間，包含至少一個(gè)大寫(xiě)字母，數字和符號?！边@是一個(gè)典型的密碼輸入要求，但密碼的長(cháng)度并不能保證安全。有時(shí)候一個(gè)5字符的密碼已經(jīng)足夠強悍，而有些8字符的密碼卻可以簡(jiǎn)單到它僅僅只是一個(gè)“密碼”(不帶有安全性質(zhì))。

建議顯示提示用戶(hù)輸入格式的字段，減少用戶(hù)的猜測時(shí)間。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

使用額外的提示為用戶(hù)提供錯誤解決指引。類(lèi)似于“您務(wù)必填寫(xiě)完所有表單才能注冊”是一個(gè)很糟糕的設計，特別是在用戶(hù)根本不知道自己在哪里犯錯時(shí)。

針對這一問(wèn)題有一個(gè)很好的解決方案就是實(shí)時(shí)數據驗證。驗證完畢馬上提醒用戶(hù)需要修改。

淺談網(wǎng)頁(yè)用戶(hù)體驗中的表單設計技巧,PS教程,

谷歌在用戶(hù)為其谷歌錢(qián)包添加信用卡時(shí)，所用的表單設計就做得非常好。Skype也是如此。