提高(gāo)用(yòng)戶體(tǐ)驗最好(hǎo)的(de→Ω↔)方向，就(jiù)是(shì)盡力讓用(yòng)戶切實地(dì)體(tǐ)會(huì®↔¶)到(dào)整個(gè)操作(zuò)流程的(de)簡單順暢。要( €yào)提高(gāo)登錄流程的(de)用(yòng)戶體(tǐ)驗，₩£有(yǒu)很(hěn)多(duō)方面的(↔£ de)因素是(shì)需要(yào)設計(jì)師(shī)考δ α慮的(de)。這(zhè)篇文(wén)章(zhāng)中>≥，先誠科(kē)技(jì)将主要(yào)討(tǎo)₹×£​論一(yī)下(xià)登錄界面流程優化(huà)的(de)5 ♣個(gè)細節。先誠科(kē)技(jì)會(huì)從(cóng)兩種不(bù)同的(de)•"¶§登錄類型著(zhe)手，一(yī)直說(shuō)到(dàoα↑™α)标識的(de)重要(yào)性。

　　目前，有(yǒu)兩種主要(yào)的(d  e)登錄類型，一(yī)種是(shì)通(tōng)過在網站(zhàn)本身(shēn)注冊登φπ∞錄，第二種是(shì)使用(yòng)第三方社♣€♣©交網絡帳号，諸如(rú)Google、Facebook、新浪微(wēi)博等等。目前♥★很(hěn)多(duō)應用(yòng)程序都(≈€ ←dōu)采用(yòng)第二種登錄方式，設計(jì)師(shī)和(hé)£→開(kāi)發者隻需要(yào)做(zuò)好(hǎo)登錄按鈕₩∞∑和(hé)接口就(jiù)好(hǎo)了(le)。

　　相(xiàng)對(duì)傳統的(de)處理(lǐ"≠)方式，通(tōng)常需要(yào)您設置用(yòng)戶名、電(dià¶$γn)子(zǐ)郵箱和(hé)密碼。而這(zhè)種登σ 錄流程是(shì)可(kě)以優化(huà)的(de)∑↔ ∞，所以接下(xià)來(lái)的(de)5條策略就(jiù)與此有(yǒu)Ω>∏關。雖然兩種登錄方式各有(yǒu)優劣，但(dàn)是(s÷•§hì)今天主要(yào)探討(tǎo)的(de)是(shì)傳統登錄方式的(de)優₩εα化(huà)。

1、使用(yòng)電(diàn)子(zǐ)郵件(jiàn)登錄

　　傳統的(de)注冊流程中，不(bù)設置€γ∞用(yòng)戶名還(hái)是(shì)很(hě♥≤εn)正常的(de)，而Email通(tōng)常是(shì)必填的(de)項目，當然，兩者都αφ(dōu)用(yòng)是(shì)比較常見(jiàn)的(de)情況。我想說(s&★huō)的(de)是(shì)，允許填寫用(yòng)戶名的(de)地(dì'≠¶)方，應該也(yě)支持Email輸入。

　　我曾碰到(dào)過同時(shí)支持用(yòng)戶名和(hé)Email登錄的(de)輸•&↓α入框，但(dàn)是(shì)标注隻寫了(×‍≈le)“用(yòng)戶名”，這(zhè)是(shπ©×​ì)典型的(de)設計(jì)敗筆(bǐ)。∞∏問(wèn)題在于，在不(bù)同的(de)網站(zhàn)，‌&₹用(yòng)戶通(tōng)常使用(yòng)一(yī)個("₩∑←gè)Email注冊，但(dàn)是(shì)用(yòng)λ∑戶名各不(bù)相(xiàng)同。如(€παrú)果僅僅隻能(néng)使用(yòng)用(yòng)戶名登±¥∑錄的(de)話(huà)，用(yòng)戶體(tǐ)驗明π•(míng)顯不(bù)夠方便。

2、明(míng)顯的(de)錯(cuò)誤提醒

　　當用(yòng)戶登錄的(de)時(shí)候，系統監測和≤∏≤(hé)反饋信息的(de)方式也(yě)是(shì)非常值得(de)深究的(de)。當用(y​$òng)戶輸入錯(cuò)誤的(de)時(shí)候>α✘，系統反饋的(de)信息太多(duō)可(kě)能(néng)會(huì)給黑(hēi)客&≥×盜号的(de)機(jī)會(huì)，而反映信息太少(shǎo)的(de)話(h​Ω βuà)，則會(huì)讓用(yòng)戶感×®•>到(dào)迷惑。

　　先誠科(kē)技(jì)很(hěn)清楚，用(yò γβng)戶輸入錯(cuò)誤的(de)時(shí)候，®∑系統返回給用(yòng)戶的(de)信息是≈♥←(shì)“無效輸入（Invalid input）”肯定是(shì)沒多(duō)β→ 大(dà)意義的(de)。您必須用(yòng)更通(tō÷ ™δng)俗的(de)語言來(lái)告訴用(yòng)戶，他≠♠∑¶(tā)們的(de)輸入有(yǒu)錯(cuò∞π)誤。

　　如(rú)果您想提供更好(hǎo)的(de)用(yòng)戶體(tǐ)驗，不♠λ(bù)妨使用(yòng)JavaScript來(lái)幫助用(y™↕òng)戶來(lái)驗證信息。這(zhè)樣做(zuò)最完美(měi)的(de) ®€例子(zǐ)就(jiù)是(shì)手機(jī)輸入法的(de)糾錯≠♥δ§(cuò)功能(néng)，當您輸入“.con”的(de)時(shí)候，輸入法會(h'♦uì)自(zì)動糾正成“.com”，或者提供用(yòng)戶∑•&糾錯(cuò)的(de)機(jī)會(huì)。當用(yòng)戶輸入錯(cuò)誤以及因為(€±πwèi)輸入錯(cuò)誤再次輸入的(de)時(shí)候，不(bù)妨提↑↕₽π供準确的(de)說(shuō)明(míng)信息，合理(lǐ)引∞£₩導用(yòng)戶。這(zhè)不(bù)僅讓§×Ω↔用(yòng)戶更輕松，也(yě)能(néng)₩<σ節省時(shí)間(jiān)。

3、加上(shàng)“忘記密碼？”鏈接

　　您可(kě)能(néng)認為(wèi)加上(shàng)“忘記密碼★§™？”的(de)功能(néng)是(shì)一(yī)件(jiàn)理(lǐ)所當然的(&λ$de)功能(néng)，但(dàn)是(shì)确實有(yǒu)些(xiē)網站(z©π∑♣hàn)忽略了(le)它。“忘記密碼”鏈接和(hé)登錄框一(yī)樣重要(yàoεα∏)，不(bù)要(yào)隐藏這(zhè)個(gè)鏈接₽β§，也(yě)不(bù)要(yào)讓用(yòng)戶♠<耗盡心神才能(néng)找到(dào)它。讓它時(shí)刻為(wèi)用(yòng)§≤§♥戶準備著(zhe)。它無需放(fàng)在顯眼的(de)地(dì)方，但(dàn)是(shì) ε它應該緊靠著(zhe)用(yòng)戶登錄表單，以備不(bù)時(shí)之需。

4、讓用(yòng)戶專注于登錄

　　通(tōng)常，登錄框會(huì)以彈出框的(de)₩βε形式存在，或者以單獨的(de)登錄頁面而存在。無需跳(tiào)轉頁面就(jiù)完成登錄×↔∏确實有(yǒu)其優勢，但(dàn)如(r≤ π≠ú)果您考慮到(dào)頁面中其他(tā)元素對(duì)于用(∞•'δyòng)戶的(de)幹擾之時(shí)，您就(jiù)應該清楚單獨登錄∏∑↔∏頁面的(de)必要(yào)性。您要(yà ♦γo)向用(yòng)戶展現(xiàn)內(nèi)容 <♦₹、推薦商品，讓用(yòng)戶登錄之後再進行(xíng)更流暢≈£ 不(bù)是(shì)嗎(ma)？當用(yòng)戶進行(xíng)注冊、結帳的(♦✘de)時(shí)候，通(tōng)常都(dōuφ​ )是(shì)單獨頁面，讓用(yòng)戶專注做(zuò)一(yī)件(jiàn)事(s∑✘hì)情，那(nà)麽這(zhè)種設定理(lǐ)當延伸到(dà  o)登錄界面。相(xiàng)比于複雜( ₹"zá)的(de)內(nèi)容頁，登錄頁面的(de‍→)內(nèi)容更少(shǎo)，加載更快(kuài)，這(zhè∏ ∞)也(yě)是(shì)單獨登錄頁面的(de)優勢。

5、标識很(hěn)重要(yào)

　　不(bù)管什(shén)麽時(shí)候，都(dōu)£∏不(bù)要(yào)在提交信息的(de)按鈕上(shàng)标注“提交”或者“完成”↑→♣，而應該用(yòng)“登錄”。這(zhè)很(hěn)簡單。對(duì)于用(yòn✘₩‌→g)戶而言，這(zhè)會(huì)讓用(yòng)戶明(míng)白(bái)他(tā)•→們的(de)操作(zuò)和(hé)預期是(π↓shì)一(yī)緻的(de)，盡管對(d←≥♣₽uì)于系統而言這(zhè)種行(xíng)為(wèi)就(jiù)是(shì)​β提交信息。

　　不(bù)僅如(rú)此，在登錄框中标明(míng)“輸入用(yònε→g)戶名或者郵箱”，避免使用(yòng)占位符或者其他(tā)的ε∏±(de)容易讓用(yòng)戶迷惑的(de)标識。這(z±✔hè)些(xiē)都(dōu)是(shì)增強用(yòng)∑₹&☆戶體(tǐ)驗的(de)重要(yào)組成部分(fēn)。

　　結語
　　　細節影(yǐng)響體(tǐ)驗，決定成敗。這(zhè)5項确實是(sh€★•ì)細微(wēi)末節，但(dàn)是(shì)要(yào)做(zuò)好(hǎo)登錄框的 ‍δ↕(de)設計(jì)需要(yào)将這(zhè)些γ≈(xiē)因素都(dōu)考慮進去(qù)。ε>€在做(zuò)好(hǎo)這(zhè)些(xiē)設定的(de)基礎上(s₹λ hàng)，再打磨視(shì)覺，會(huì)讓您的(de)網站(zhàn)體(t®φǐ)驗再上(shàng)一(yī)個(gè)層次