師(shī)傅領進門(mén)，修行(xín₽±±₽g)在個(gè)人(rén)，不(bù)過想将門(mén)外(wài★↔)的(de)用(yòng)戶領進來(lái)，可(kě)不(bù)是(shì)件(jiàn)輕✔ "λ松的(de)活兒(ér)。今天分(fēn)享幾個(gè)細膩的(de)技(jλ♦♦ì)巧，幫你(nǐ)潤物(wù)無聲般提高(gāo)用(yò₩α&βng)戶的(de)登錄體(tǐ)驗，大(dà)≠₽®多(duō)是(shì)從(cóng)頂尖企業(yè)的(de)設計(jì©σ↕)裡(lǐ)提煉出來(lái)的(de)，實用(yòng)性很(hěn)強，來γε'(lái)學習(xí)咯。

　　提升用(yòng)戶體(tǐ)驗的(de)最好(hεφ≠÷ǎo)的(de)方法，或者更确切的(de)說(shuō)讓産品更棒，都(dōu)可(kě)以歸結為≈δ♣☆(wèi)讓用(yòng)戶使用(yòng)産品的(de)整個(gè)體(tǐ)驗更為(&β±↕wèi)簡單。而對(duì)于如(rú)何提升登錄過程的(d₽​π‍e)體(tǐ)驗你(nǐ)有(yǒu)許多(duō)可(k ®ě)以做(zuò)的(de)。

　　這(zhè)裡(lǐ)我們将探討(tǎo ☆)提升登錄過程體(tǐ)驗的(de)五種方法，首先會(huì)提到(dào)₽♠¶ 兩種不(bù)同的(de)登錄類型，緊接著(zhe)我們将會(huì)討(tǎλ☆£o)論标簽的(de)重要(yào)性和(hé)資源占用(yòng)的(de)​☆↔問(wèn)題。

　　登陸類型：

　　用(yòng)戶通(tōng)常有(y£‍♦ǒu)兩種不(bù)同的(de)方式來(lái)登≤€ 錄一(yī)個(gè)網站(zhàn)。最新的(de)一(yī)個(gè)方式是(shì)通₽↕γ♦(tōng)過某社交網站(zhàn)的(de)賬号∏λ采用(yòng)第三方授權登錄的(de)方式，這(zhα​→è)種方式在很(hěn)多(duō)app上(shàng)都↔↔✘(dōu)可(kě)以看(kàn)到(dào)。對(duì"><)于一(yī)個(gè)新的(de)app或者産品而言，如(rú)果不(bù)想打攪用(¥γ yòng)戶去(qù)填寫創建一(yī)個(gè)賬戶，這(zhè☆±∞)是(shì)尤為(wèi)正确的(de)一↔✔↓(yī)個(gè)做(zuò)法。譬如(r'§ε←ú)通(tōng)過Facebook或者Twitter去(qù)登錄是(shì)輕↓↓而易舉的(de)事(shì)情，因為(wèi)你(nǐ)隻要(yào)點擊一(yī)Ω×★÷個(gè)按鈕，然後等上(shàng)幾秒(miǎo)鐘(zhōng)去(qù↔♠±)連接上(shàng)社交網站(zhàn)就(jiù)可(kě)以了(le)。

　　另外(wài)一(yī)種方法是(shì)通(tōng)過提供€→≤用(yòng)戶名或者郵件(jiàn)地(dì)址以及密∞φδλ碼來(lái)登錄。這(zhè)是(sh∏¥★​ì)一(yī)種比較常用(yòng)的(de)且可(kě)以提升×↕其用(yòng)戶體(tǐ)驗的(de)登錄→λ÷方式。這(zhè)裡(lǐ)所說(shuō)的(de)技(jì)巧也(₽™yě)是(shì)和(hé)這(zhè)  ‌γ種登錄類型相(xiàng)關的(de)。所有(yǒu)登錄類型都(dōu)各有(yǒu)©±利弊，而現(xiàn)在我們主要(yào)討(tǎo)論一(yπ♥ī)下(xià)如(rú)何提升這(zh→$®δè)種比較典型且傳統的(de)登錄方式的(deφ♦)體(tǐ)驗。

　　1.允許郵箱登錄

　　我們常常能(néng)看(kàn)到(dào)一(yī)個(gè)網站(zhàn)在φ>δ↑注冊的(de)時(shí)候不(bù)需要(yàδΩπ←o)填寫用(yòng)戶名。使用(yòng)郵箱去(qù®®€)登陸也(yě)是(shì)很(hěn)正常的(de)，對(duì)嗎(ma)∏‍?要(yào)麽使用(yòng)用(yòng)戶名，要(yào)麽使用(♣φ yòng)郵箱，我覺得(de)這(zhè)都(dōu)沒什(shén)麽問(wèn)題。請(qǐn&δ©g)兩種方式都(dōu)允許，我的(de)問(wèn♠★)題就(jiù)是(shì)當郵件(jiàn>↕)登陸也(yě)應該被允許的(de)時(shí)候為(wèi)什(shén)麽隻認用© •&(yòng)戶名呢(ne)。

　　我有(yǒu)遇到(dào)過那(nà↓♦☆)種用(yòng)郵箱或者用(yòng)戶名都(d∏©‍™ōu)可(kě)以登陸的(de)，但(dàn)标簽信息隻顯示“用(yòng)戶名”，設計(j∞↓ì)上(shàng)這(zhè)是(shì)一(yī)個(gè)缺陷&ε∏∑。總的(de)來(lái)說(shuō)是(shì)這(zh&π‍♦è)樣的(de)，通(tōng)常用(yòng)戶使用(y•$₽òng)的(de)都(dōu)是(shì)相(xiàng)同的(de)郵箱地(dì)址登陸，但(•≠&&dàn)并不(bù)一(yī)定使用(yòng)的(de)是(shì)相(xiàng)同‍÷Ω↑的(de)用(yòng)戶名。比如(rú)說(shuō)，我Twitter賬号的(de)用(yònφ§©g)戶名和(hé)我Instagram的(de)用(yòng)戶名就( ₽₽jiù)不(bù)一(yī)樣，因為(wèi)有(yǒu)用(yòλ↓ ↑ng)戶在Instagram上(shàng)已經注♦★♣冊使用(yòng)的(de)用(yòng)戶名跟我在Twitter上(shàng)££•÷使用(yòng)的(de)一(yī)樣，就(jiù)是(shì)這(zhè)麽巧Ω$。

　　而且除此之外(wài)，我OKCupid賬戶的(de)用(yòn<£g)戶名跟其它賬戶也(yě)不(bù)一(yī)樣，而這(zhè) ®ε®一(yī)回是(shì)我故意的(de)£≠↕，因為(wèi)在OKCupid裡(lǐ)我不(bù)想讓别•β↓÷人(rén)知(zhī)道(dào)我的(de)全名。然而，所有(yǒu)的(de)這(zhè)​≈÷些(xiē)賬戶都(dōu)可(kě)以使用(yòng)相(xiàng)同的(de)>β<∞郵箱登陸。不(bù)管什(shén)麽方案，在 β→登陸的(de)時(shí)候用(yòng)戶名和(hé)郵箱都(dōu)被允許使用(yò¥₽ng)的(de)話(huà)對(duì)用(yòng)戶來(lái)說(shuō)的(de)Ωα确将會(huì)方便很(hěn)多(duō)。

　　2. 提供一(yī)個(gè)清晰的(de)錯(cuò)誤提示信息

　　說(shuō)到(dào)登錄，你(nǐ)為(wèi)用(yòng)戶提供的(de)反饋©✔&信息是(shì)多(duō)了(le)還(hái↑∞₽)是(shì)少(shǎo)了(le)其實是(shì)比較講究的(de)。信息過多(♥'‌"duō)可(kě)能(néng)就(jiù×₩)會(huì)被黑(hēi)客利用(yò♥δng)，而信息過少(shǎo)可(kě)能(néng)又(yòu)會(huì)增加用(yòng)戶₹ ∏π的(de)困惑。

　　我們得(de)承認那(nà)種系統自(zì)動生(shēng)成的(d÷✔e)錯(cuò)誤提示比如(rú)“無效的(de)輸入”對(duΩ&₽÷ì)用(yòng)戶來(lái)說(shuō)并沒有(yǒu)幫助。錯(cuò)誤$Ω♥提示應該用(yòng)比較通(tōng)俗易懂(dǒ®σng)的(de)語言。

　　如(rú)果你(nǐ)想在用(yòng)戶體(tǐ)驗上(shàng)更好(hǎo♦♦)，你(nǐ)可(kě)以使用(yòng)Javascrip來(lái)幫助¥✘<用(yòng)戶提前确認輸入信息的(de)正确性。 有(yǒu)一(yī)個(gè)>δ←最好(hǎo)的(de)案例，就(jiù)是(sh≈ ✘™ì)在智能(néng)手機(jī)上(shàng)用<♠(yòng)戶錯(cuò)把.com輸入成了(le).c↔✘&on或者說(shuō)小(xiǎo)點也(yě)忘了(le)輸入，系統都(dōu)可™ε(kě)以識别并且及時(shí)提醒。在用(yòng)戶點擊提交或者在輸完所有(y$©ǒu)信息前就(jiù)可(kě)以預先看(kàn)到(dào)反饋✘∏信息，知(zhī)道(dào)自(zì)己輸入的(de)信息正确與否。而用(yòng)戶的(de)↓'↕✔生(shēng)活也(yě)因此變得(de)更簡單，因為(wèi)它節省了(le) β> 用(yòng)戶的(de)時(shí)間(jiān)。(如(rú)果你(nǐ)有↕ "α(yǒu)安全方面的(de)擔憂，錯(cuò)誤消息提示信息不(bù)用(yòng)特别的(de÷✔​↓)具體(tǐ))

　　3. 為(wèi)用(yòng)戶提供找回密碼的(∑✔de)鏈接

　　你(nǐ)可(kě)能(néng)會♦∞ ©(huì)覺得(de)這(zhè)是(shì)顯而易見(jià∏ε♣ n)的(de)事(shì)情，但(dàn)有(yǒu)些(xiē)網站(zhàn)就('✘jiù)會(huì)忽略掉它。你(nǐ)常常¥©>λ會(huì)想要(yào)一(yī)個(gè)鏈接來(lᮩi)找回忘記的(de)密碼。(忘記用(yòng)戶名也(yě)是(shì)!)不(λ±bù)要(yào)将這(zhè)個(gè)鏈接藏起來(lái)或者要(yào)讓用(yòλ∞ng)戶經曆多(duō)次失敗的(de)嘗試、曆經千辛萬苦才找到(dào)它。要 ™(yào)讓它時(shí)刻準備著(zhe)。它并不(bù)一(yī)定要(yΩ ®ào)在顯而易見(jiàn)的(de)地(dì)方 ' ∏;它也(yě)不(bù)是(shì)說(shuō)有(yǒu)  那(nà)麽重要(yào);但(dàn)它就(jiù)是(shì)應該出現(xiàn) →♥在登錄表單的(de)周圍。

　　4. 别幹擾用(yòng)戶

　　一(yī)般來(lái)說(shuō)有(yǒu)兩種方式'¶♠來(lái)設置登錄，一(yī)種是(shì)在頁面上(shàng)方的(de)窗(ch ¥♣uāng)口登錄，還(hái)有(yǒu)一(yī)種是(shì)有(yǒu) δ φ單獨的(de)一(yī)個(gè)登陸頁面。對(duì)于采取單獨頁面的(de)®✔登錄方式的(de)确是(shì)有(yǒ±₩​u)一(yī)些(xiē)優勢的(de)。然而，如(rú)果你(nǐ)采取了(&☆÷≈le)這(zhè)樣的(de)方式，請(qǐng)記住≈ ≈™在登錄頁的(de)周圍不(bù)要(yào)有(yǒu)太多(duō)的(de)幹擾信息，你(n'σǐ)首先想要(yào)的(de)是(shì)用(yòng)戶登錄進賬戶，然後才是(shì→β ♦)産品推廣諸如(rú)此類的(de)信息。用(yòng)戶登錄後，想λ∞÷要(yào)推銷一(yī)些(xiē)東(dōng)西(xī)給用(yòng)戶就(jiù®★☆)會(huì)變的(de)容易許多(duō)。

　　此外(wài)，我要(yào)提到(dào)保留和(hé)轉換的(de)問(wèn)題。★₽對(duì)于用(yòng)戶來(lái)說(shuō)幹÷₩​α擾越少(shǎo)，用(yòng)戶就(jiù)更輕易的(de)可(kěβγ☆<)以登錄，使你(nǐ)進一(yī)步推銷産→σ品。如(rú)果這(zhè)種方法對(duì)于注冊表單和(hé)結賬系統都(d↓×ōu)奏效的(de)話(huà)，那(nà)麽也(yě)應該同樣适★<用(yòng)到(dào)登錄。而且頁面上(shàng)的(d₹‌e)無關的(de)條目少(shǎo)了(le)，加載的(de)速度也(yě"★•)會(huì)變快(kuài)的(de)。
 
　　5. 重要(yào)的(de)标簽

　　任何表單(控件(jiàn))上(shàng)♠‍的(de)文(wén)案及位置都(dōu)很(hěn)重要(yào)。你(nǐ)無論做(zuò'σ≥φ)什(shén)麽，不(bù)要(yào)把“提交”的(de)按鈕寫成‍®♦σ“提交”，而是(shì)用(yòng)“登陸”代替。就(jiù)是(shì)這♥•♦(zhè)麽簡單。這(zhè)樣可(kě)以讓用(yòng)戶知§€(zhī)道(dào)和(hé)預想到(dào)點擊後​↔的(de)确切的(de)事(shì)情。↑α↓↔它提高(gāo)了(le)用(yòng)戶體(tǐ)驗并且對£≥(duì)你(nǐ)來(lái)說(shuō)幫助很(hěn)大(dà)。避'≈免隻有(yǒu)一(yī)個(gè)輸入框讓用(yòng)戶填寫，至少(≠<÷shǎo)也(yě)要(yào)放(fàng)一(yī)個(gè) α圖标在裡(lǐ)面，但(dàn)最好(hǎo)還(hái)是(sh♦βì)使用(yòng)一(yī)個(gè)輸入标簽來(lái♣↓↔π)提示用(yòng)戶該填寫什(shén)麽。不♥★ (bù)要(yào)忘了(le)明(míng)确，用(yòng)郵件(jià↓α‌n)和(hé)用(yòng)戶名的(de)方式都(dōu)可(kě)以登錄。

　　總結

　　好(hǎo)了(le)，要(yào)說(s♠×∞φhuō)的(de)就(jiù)是(shì)這(zhè)π×ε§些(xiē)。5種巧妙的(de)提升登錄過程用(y↔♠<òng)戶體(tǐ)驗的(de)方法。我希望這(zhè)幾條✔♣​能(néng)對(duì)你(nǐ)有(yǒu)所幫助并且按照(zhào)你(nǐ)所期望的(∏↕​₩de)那(nà)樣去(qù)使用(yòn≥♣λ©g)。它們能(néng)讓用(yòng)戶的(de)λ✘登錄過程很(hěn)順暢，一(yī)切都(dōu)是(₽♦shì)為(wèi)了(le)讓事(shì)情變得(de)更加簡化(huà)和(hé)方便。