提高用戶體驗最好(hǎo)的方向(xiàng)，就是盡力讓用戶切實地體會到整個操作流程的簡單順暢。要提高登錄流程的用戶體驗，有很多方面(miàn)的因素是需要設計師考慮的。這(zhè)篇文章中，先誠科技將(jiāng)主要讨論一下登錄界面(miàn)流程優化的5個細節。先誠科技會從兩(liǎng)種(zhǒng)不同的登錄類型著(zhe)手，一直說到标識的重要性。

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

　　相對(duì)傳統的處理方式，通常需要您設置用戶名、電子郵箱和密碼。而這(zhè)種(zhǒng)登錄流程是可以優化的，所以接下來的5條策略就與此有關。雖然兩(liǎng)種(zhǒng)登錄方式各有優劣，但是今天主要探讨的是傳統登錄方式的優化。

1、使用電子郵件登錄

　　傳統的注冊流程中，不設置用戶名還(hái)是很正常的，而Email通常是必填的項目，當然，兩(liǎng)者都(dōu)用是比較常見的情況。我想說的是，允許填寫用戶名的地方，應該也支持Email輸入。

　　我曾碰到過(guò)同時支持用戶名和Email登錄的輸入框，但是标注隻寫了“用戶名”，這(zhè)是典型的設計敗筆。問題在于，在不同的網站，用戶通常使用一個Email注冊，但是用戶名各不相同。如果僅僅隻能(néng)使用用戶名登錄的話，用戶體驗明顯不夠方便。

2、明顯的錯誤提醒

　　當用戶登錄的時候，系統監測和反饋信息的方式也是非常值得深究的。當用戶輸入錯誤的時候，系統反饋的信息太多可能(néng)會給黑客盜号的機會，而反映信息太少的話，則會讓用戶感到迷惑。

　　先誠科技很清楚，用戶輸入錯誤的時候，系統返回給用戶的信息是“無效輸入（Invalid input）”肯定是沒(méi)多大意義的。您必須用更通俗的語言來告訴用戶，他們的輸入有錯誤。

　　如果您想提供更好(hǎo)的用戶體驗，不妨使用JavaScript來幫助用戶來驗證信息。這(zhè)樣(yàng)做最完美的例子就是手機輸入法的糾錯功能(néng)，當您輸入“.con”的時候，輸入法會自動糾正成(chéng)“.com”，或者提供用戶糾錯的機會。當用戶輸入錯誤以及因爲輸入錯誤再次輸入的時候，不妨提供準确的說明信息，合理引導用戶。這(zhè)不僅讓用戶更輕松，也能(néng)節省時間。

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

　　您可能(néng)認爲加上“忘記密碼？”的功能(néng)是一件理所當然的功能(néng)，但是确實有些網站忽略了它。“忘記密碼”鏈接和登錄框一樣(yàng)重要，不要隐藏這(zhè)個鏈接，也不要讓用戶耗盡心神才能(néng)找到它。讓它時刻爲用戶準備著(zhe)。它無需放在顯眼的地方，但是它應該緊靠著(zhe)用戶登錄表單，以備不時之需。

4、讓用戶專注于登錄

　　通常，登錄框會以彈出框的形式存在，或者以單獨的登錄頁面(miàn)而存在。無需跳轉頁面(miàn)就完成(chéng)登錄确實有其優勢，但如果您考慮到頁面(miàn)中其他元素對(duì)于用戶的幹擾之時，您就應該清楚單獨登錄頁面(miàn)的必要性。您要向(xiàng)用戶展現内容、推薦商品，讓用戶登錄之後(hòu)再進(jìn)行更流暢不是嗎？當用戶進(jìn)行注冊、結帳的時候，通常都(dōu)是單獨頁面(miàn)，讓用戶專注做一件事(shì)情，那麼(me)這(zhè)種(zhǒng)設定理當延伸到登錄界面(miàn)。相比于複雜的内容頁，登錄頁面(miàn)的内容更少，加載更快，這(zhè)也是單獨登錄頁面(miàn)的優勢。

5、标識很重要

　　不管什麼(me)時候，都(dōu)不要在提交信息的按鈕上标注“提交”或者“完成(chéng)”，而應該用“登錄”。這(zhè)很簡單。對(duì)于用戶而言，這(zhè)會讓用戶明白他們的操作和預期是一緻的，盡管對(duì)于系統而言這(zhè)種(zhǒng)行爲就是提交信息。

　　不僅如此，在登錄框中标明“輸入用戶名或者郵箱”，避免使用占位符或者其他的容易讓用戶迷惑的标識。這(zhè)些都(dōu)是增強用戶體驗的重要組成(chéng)部分。

　　結語
　　　細節影響體驗，決定成(chéng)敗。這(zhè)5項确實是細微末節，但是要做好(hǎo)登錄框的設計需要將(jiāng)這(zhè)些因素都(dōu)考慮進(jìn)去。在做好(hǎo)這(zhè)些設定的基礎上，再打磨視覺，會讓您的網站體驗再上一個層次