文章翻譯自u(píng)xmovement，原作者是Antony，轉(zhuǎn)載請(qǐng)先詢(xún)問(wèn)筆者意見(jiàn)并注明出處。

注冊(cè)頁(yè)面設(shè)計(jì)是網(wǎng)頁(yè)設(shè)計(jì)中最棘手的頁(yè)面設(shè)計(jì)之一。包括和排除某些表單元素將會(huì)影響到頁(yè)面的轉(zhuǎn)化率。設(shè)計(jì)師的工作則是找出他們應(yīng)包含或者排除哪些元素。

確認(rèn)密碼字段會(huì)降低轉(zhuǎn)換率

許多人認(rèn)為在創(chuàng)建密碼時(shí)確認(rèn)密碼字段是必須包含的。這是因?yàn)槊艽a字段默認(rèn)會(huì)陷蔽用戶(hù)的輸入。如果用戶(hù)輸入了錯(cuò)誤的密碼，他們也看不出來(lái)。確認(rèn)密碼字段通過(guò)讓用戶(hù)輸入密碼兩次來(lái)捕捉用戶(hù)的輸入錯(cuò)誤。

雖然確認(rèn)密碼字段看上去似乎是合理的，但它同時(shí)也會(huì)降低轉(zhuǎn)化率。研究發(fā)現(xiàn)，確認(rèn)密碼字段要為四分之一放棄注冊(cè)的用戶(hù)負(fù)責(zé)。同時(shí)它也要對(duì)數(shù)以百計(jì)的用戶(hù)更正操作負(fù)責(zé)，包括字段強(qiáng)制定位和刪除。

一旦設(shè)計(jì)師把確認(rèn)密碼字段去掉，并替換成帶有顯式輸入的選項(xiàng)，用戶(hù)的更正操作次數(shù)便減少了。不止如此，這樣還增加了表單的操作率，完成量和轉(zhuǎn)化率。

只是排除還不足夠

只是排除掉確認(rèn)密碼字段并不足夠。很多網(wǎng)站有排除掉它，但是卻沒(méi)有提供一個(gè)去掉密碼隱蔽的選項(xiàng)。如果用戶(hù)鍵入了錯(cuò)誤的密碼，密碼陷蔽將阻止用戶(hù)發(fā)現(xiàn)錯(cuò)誤。這會(huì)導(dǎo)致用戶(hù)的登錄失敗、 密碼重置，以及讓用戶(hù)感到挫敗。

你應(yīng)在表單中包含一個(gè)讓用戶(hù)顯式查看他們輸入的密碼的選項(xiàng)。這樣會(huì)讓他們能夠檢查他們所輸入的內(nèi)容，以防止發(fā)生任何錯(cuò)誤。在他們提交表單之前，讓用戶(hù)知道他們已經(jīng)輸入了正確的密碼可以讓用戶(hù)的心理狀態(tài)得到安慰。

顯示密碼的開(kāi)關(guān)

讓表單包含一個(gè)顯示密碼選項(xiàng)是很容易做到的。在密碼字段內(nèi)放置一個(gè)文本或圖標(biāo)的按鈕。當(dāng)用戶(hù)單擊它時(shí)，它會(huì)顯示出用戶(hù)的輸入。并且允許用戶(hù)根據(jù)自己的需要來(lái)切換打開(kāi)或關(guān)閉密碼隱蔽。

文本按鈕

在默認(rèn)情況下，你設(shè)計(jì)的文本按鈕應(yīng)該為 '顯示' ，同時(shí)顯示的是隱蔽后的密碼。當(dāng)用戶(hù)單擊顯示按鈕來(lái)顯式查看密碼時(shí)，按鈕應(yīng)該變?yōu)?'隱藏'。

文本按鈕切換

圖標(biāo)按鈕

眼睛狀的圖標(biāo)是很有效的代表查看密碼選項(xiàng)的方式。當(dāng)用戶(hù)單擊它時(shí)，它會(huì)顯示成帶有斜杠的眼睛圖標(biāo)來(lái)代表轉(zhuǎn)化會(huì)隱蔽狀態(tài)的選項(xiàng)。

眼睛圖標(biāo)切換

確認(rèn)密碼字段愿你安息

已經(jīng)到了可以讓確認(rèn)密碼字段安息的時(shí)候。曾經(jīng)注冊(cè)表彰上約定俗成的東西已經(jīng)演變成了更好的形式。

你的注冊(cè)表單將不再遭受居高不下的用戶(hù)更正率和遺棄率。通過(guò)為你的用戶(hù)提供對(duì)密碼輸入的控制，使得你的用戶(hù)能以一個(gè)平和的心態(tài)來(lái)完成表單。