編者按：師傅領進門，修行在個人，不過想將門外的用戶領進來，可不是件輕松的活兒。今天分享幾個細膩的技巧，幫你潤物無聲般提高用戶的登錄體驗，大多是從頂尖企業的設計里提煉出來的，實用性很強，來學習咯。
最近熱門的幾篇技巧好文：
提升用戶體驗的最好的方法，或者更確切的說讓產品更棒，都可以歸結為讓用戶使用產品的整個體驗更為簡單。而對于如何提升登錄過程的體驗你有許多可以做的。
這里我們將探討提升登錄過程體驗的五種方法，首先會提到兩種不同的登錄類型，緊接著我們將會討論標簽的重要性和資源占用的問題。
登陸類型：
用戶通常有兩種不同的方式來登錄一個網站。最新的一個方式是通過某社交網站的賬號采用第三方授權登錄的方式，這種方式在很多app上都可以看到。對于一個新的app或者產品而言，如果不想打攪用戶去填寫創建一個賬戶，這是尤為正確的一個做法。譬如通過Facebook或者Twitter去登錄是輕而易舉的事情，因為你只要點擊一個按鈕，然后等上幾秒鐘去連接上社交網站就可以了。
另外一種方法是通過提供用戶名或者郵件地址以及密碼來登錄。這是一種比較常用的且可以提升其用戶體驗的登錄方式。這里所說的技巧也是和這種登錄類型相關的。所有登錄類型都各有利弊，而現在我們主要討論一下如何提升這種比較典型且傳統的登錄方式的體驗。
1.?允許郵箱登錄
我們常常能看到一個網站在注冊的時候不需要填寫用戶名。使用郵箱去登陸也是很正常的，對嗎？要么使用用戶名，要么使用郵箱，我覺得這都沒什么問題。請兩種方式都允許，我的問題就是當郵件登陸也應該被允許的時候為什么只認用戶名呢。
我有遇到過那種用郵箱或者用戶名都可以登陸的，但標簽信息只顯示“用戶名”，設計上這是一個缺陷。
總的來說是這樣的，通常用戶使用的都是相同的郵箱地址登陸，但并不一定使用的是相同的用戶名。比如說，我Twitter賬號的用戶名和我Instagram的用戶名就不一樣，因為有用戶在Instagram上已經注冊使用的用戶名跟我在Twitter上使用的一樣，就是這么巧。
而且除此之外，我OKCupid賬戶的用戶名跟其它賬戶也不一樣，而這一回是我故意的，因為在OKCupid里我不想讓別人知道我的全名。然而，所有的這些賬戶都可以使用相同的郵箱登陸。不管什么方案，在登陸的時候用戶名和郵箱都被允許使用的話對用戶來說的確將會方便很多。
2. 提供一個清晰的錯誤提示信息
說到登錄，你為用戶提供的反饋信息是多了還是少了其實是比較講究的。信息過多可能就會被黑客利用，而信息過少可能又會增加用戶的困惑。
我們得承認那種系統自動生成的錯誤提示比如“無效的輸入”對用戶來說并沒有幫助。錯誤提示應該用比較通俗易懂的語言。
如果你想在用戶體驗上更好，你可以使用Javascrip來幫助用戶提前確認輸入信息的正確性。?? 有一個最好的案例，就是在智能手機上用戶錯把.com輸入成了.con或者說小點也忘了輸入，系統都可以識別并且及時提醒。在用戶點擊提交或者在輸完所有信息前就可以預先看到反饋信息，知道自己輸入的信息正確與否。而用戶的生活也因此變得更簡單，因為它節省了用戶的時間。（如果你有安全方面的擔憂，錯誤消息提示信息不用特別的具體）
3. 為用戶提供找回密碼的鏈接
你可能會覺得這是顯而易見的事情，但有些網站就會忽略掉它。你常常會想要一個鏈接來找回忘記的密碼。（忘記用戶名也是！）不要將這個鏈接藏起來或者要讓用戶經歷多次失敗的嘗試、歷經千辛萬苦才找到它。要讓它時刻準備著。它并不一定要在顯而易見的地方；它也不是說有那么重要；但它就是應該出現在登錄表單的周圍。
4. 別干擾用戶
一般來說有兩種方式來設置登錄，一種是在頁面上方的窗口登錄，還有一種是有單獨的一個登陸頁面。
對于采取單獨頁面的登錄方式的確是有一些優勢的。然而，如果你采取了這樣的方式，請記住在登錄頁的周圍不要有太多的干擾信息，你首先想要的是用戶登錄進賬戶，然后才是產品推廣諸如此類的信息。用戶登錄后，想要推銷一些東西給用戶就會變的容易許多。
此外，我要提到保留和轉換的問題。對于用戶來說干擾越少，用戶就更輕易的可以登錄，使你進一步推銷產品。如果這種方法對于注冊表單和結賬系統都奏效的話，那么也應該同樣適用到登錄。而且頁面上的無關的條目少了，加載的速度也會變快的。
5. 重要的標簽
任何表單（控件）上的文案及位置都很重要。你無論做什么，不要把“提交”的按鈕寫成“提交”，而是用“登陸”代替。就是這么簡單。這樣可以讓用戶知道和預想到點擊后的確切的事情。
它提高了用戶體驗并且對你來說幫助很大。避免只有一個輸入框讓用戶填寫，至少也要放一個圖標在里面，但最好還是使用一個輸入標簽來提示用戶該填寫什么。不要忘了明確，用郵件和用戶名的方式都可以登錄。
總結
好了，要說的就是這些。5種巧妙的提升登錄過程用戶體驗的方法。我希望這幾條能對你有所幫助并且按照你所期望的那樣去使用。它們能讓用戶的登錄過程很順暢，一切都是為了讓事情變得更加簡化和方便！
【優設本月免費資源人氣榜】
Top 1：圖標資源豪華禮包！已打包微盤！
《現已加入豪華資源包！超500+圖標素材免費打包下載》Top 2：懸而未決的問題今日神器一招搞定！
《超實用神器！幫設計師快速解決GIF圖的鋸齒問題》Top 3：最受設計師歡迎的三角形筆刷免費打包！
《私人定制！一組酷炫有范的三角形筆刷免費打包下載》
原文地址：designmodo
譯文地址：uedc.163
譯者：CherishZhan
【優設網 原創文章 投稿郵箱：2650232288@qq.com】
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量87萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 730 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓