提高用戶體驗(yàn)最好的方向，就是盡力讓用戶切實(shí)地體會(huì)到整個(gè)操作流程的簡(jiǎn)單順暢。要提高登錄流程的用戶體驗(yàn)，有很多方面的因素是需要設(shè)計(jì)師考慮的。這篇文章中，我們將主要討論一下登錄界面流程優(yōu)化的5個(gè)細(xì)節(jié)。我們會(huì)從兩種不同的登錄類型著手，一直說(shuō)到標(biāo)識(shí)的重要性。

登錄類型

目前，有兩種主要的登錄類型，一種是通過(guò)在網(wǎng)站本身注冊(cè)登錄，第二種是使用第三方社交網(wǎng)絡(luò)帳號(hào)，諸如Google、Facebook、新浪微博等等。目前很多應(yīng)用程序都采用第二種登錄方式，設(shè)計(jì)師和開(kāi)發(fā)者只需要做好登錄按鈕和接口就好了。

相對(duì)傳統(tǒng)的處理方式，通常需要你設(shè)置用戶名、電子郵箱和密碼。而這種登錄流程是可以優(yōu)化的，所以接下來(lái)的5條策略就與此有關(guān)。雖然兩種登錄方式各有優(yōu)劣，但是今天主要探討的是傳統(tǒng)登錄方式的優(yōu)化。

1、使用電子郵件登錄

傳統(tǒng)的注冊(cè)流程中，不設(shè)置用戶名還是很正常的，而Email通常是必填的項(xiàng)目，當(dāng)然，兩者都用是比較常見(jiàn)的情況。我想說(shuō)的是，允許填寫用戶名的地方，應(yīng)該也支持Email輸入。

我曾碰到過(guò)同時(shí)支持用戶名和Email登錄的輸入框，但是標(biāo)注只寫了“用戶名”，這是典型的設(shè)計(jì)敗筆。

問(wèn)題在于，在不同的網(wǎng)站，用戶通常使用一個(gè)Email注冊(cè)，但是用戶名各不相同。如果僅僅只能使用用戶名登錄的話，用戶體驗(yàn)明顯不夠方便。

2、明顯的錯(cuò)誤提醒

當(dāng)用戶登錄的時(shí)候，系統(tǒng)監(jiān)測(cè)和反饋信息的方式也是非常值得深究的。當(dāng)用戶輸入錯(cuò)誤的時(shí)候，系統(tǒng)反饋的信息太多可能會(huì)給黑客盜號(hào)的機(jī)會(huì)，而反映信息太少的話，則會(huì)讓用戶感到迷惑。

我們很清楚，用戶輸入錯(cuò)誤的時(shí)候，系統(tǒng)返回給用戶的信息是“無(wú)效輸入（Invalid input）”肯定是沒(méi)多大意義的。你必須用更通俗的語(yǔ)言來(lái)告訴用戶，他們的輸入有錯(cuò)誤。

如果你想提供更好的用戶體驗(yàn)，不妨使用JavaScript來(lái)幫助用戶來(lái)驗(yàn)證信息。這樣做最完美的例子就是手機(jī)輸入法的糾錯(cuò)功能，當(dāng)你輸入“.con”的時(shí)候，輸入法會(huì)自動(dòng)糾正成“.com”，或者提供用戶糾錯(cuò)的機(jī)會(huì)。當(dāng)用戶輸入錯(cuò)誤以及因?yàn)檩斎脲e(cuò)誤再次輸入的時(shí)候，不妨提供準(zhǔn)確的說(shuō)明信息，合理引導(dǎo)用戶。這不僅讓用戶更輕松，也能節(jié)省時(shí)間。

3、加上“忘記密碼？”鏈接

你可能認(rèn)為加上“忘記密碼？”的功能是一件理所當(dāng)然的功能，但是確實(shí)有些網(wǎng)站忽略了它?！巴浢艽a”鏈接和登錄框一樣重要，不要隱藏這個(gè)鏈接，也不要讓用戶耗盡心神才能找到它。讓它時(shí)刻為用戶準(zhǔn)備著。它無(wú)需放在顯眼的地方，但是它應(yīng)該緊靠著用戶登錄表單，以備不時(shí)之需。

4、讓用戶專注于登錄

通常，登錄框會(huì)以彈出框的形式存在，或者以單獨(dú)的登錄頁(yè)面而存在。無(wú)需跳轉(zhuǎn)頁(yè)面就完成登錄確實(shí)有其優(yōu)勢(shì)，但如果你考慮到頁(yè)面中其他元素對(duì)于用戶的干擾之時(shí)，你就應(yīng)該清楚單獨(dú)登錄頁(yè)面的必要性。你要向用戶展現(xiàn)內(nèi)容、推薦商品，讓用戶登錄之后再進(jìn)行更流暢不是嗎？當(dāng)用戶進(jìn)行注冊(cè)、結(jié)帳的時(shí)候，通常都是單獨(dú)頁(yè)面，讓用戶專注做一件事情，那么這種設(shè)定理當(dāng)延伸到登錄界面。相比于復(fù)雜的內(nèi)容頁(yè)，登錄頁(yè)面的內(nèi)容更少，加載更快，這也是單獨(dú)登錄頁(yè)面的優(yōu)勢(shì)。

5、標(biāo)識(shí)很重要

不管什么時(shí)候，都不要在提交信息的按鈕上標(biāo)注“提交”或者“完成”，而應(yīng)該用“登錄”。這很簡(jiǎn)單。對(duì)于用戶而言，這會(huì)讓用戶明白他們的操作和預(yù)期是一致的，盡管對(duì)于系統(tǒng)而言這種行為就是提交信息。

不僅如此，在登錄框中標(biāo)明“輸入用戶名或者郵箱”，避免使用占位符或者其他的容易讓用戶迷惑的標(biāo)識(shí)。這些都是增強(qiáng)用戶體驗(yàn)的重要組成部分。

結(jié)語(yǔ)

細(xì)節(jié)影響體驗(yàn)，決定成敗。這5項(xiàng)確實(shí)是細(xì)微末節(jié)，但是要做好登錄框的設(shè)計(jì)需要將這些因素都考慮進(jìn)去。在做好這些設(shè)定的基礎(chǔ)上，再打磨視覺(jué)，會(huì)讓你的網(wǎng)站體驗(yàn)再上一個(gè)層次。

原文地址：designmodo
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

轉(zhuǎn)自：優(yōu)設(shè)