久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

提高用戶登錄體驗的5個細節

 提高用戶登錄體驗的5個細節 三聯

  提高用戶體驗最好的方向,就是盡力讓用戶切實地體會到整個操作流程的簡單順暢。要提高登錄流程的用戶體驗,有很多方面的因素是需要設計師考慮的。這篇文章中,我們將主要討論一下登錄界面流程優化的5個細節。我們會從兩種不同的登錄類型著手,一直說到標識的重要性。

  登錄類型

  目前,有兩種主要的登錄類型,一種是通過在網站本身注冊登錄,第二種是使用第三方社交網絡帳號,諸如Google、Facebook、新浪微博等等。目前很多應用程序都采用第二種登錄方式,設計師和開發者只需要做好登錄按鈕和接口就好了。

  相對傳統的處理方式,通常需要你設置用戶名、電子郵箱和密碼。而這種登錄流程是可以優化的,所以接下來的5條策略就與此有關。雖然兩種登錄方式各有優劣,但是今天主要探討的是傳統登錄方式的優化。

  1、使用電子郵件登錄

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

細節決定成敗!提高用戶登錄體驗的5個細節
細節決定成敗!提高用戶登錄體驗的5個細節

  我曾碰到過同時支持用戶名和Email登錄的輸入框,但是標注只寫了“用戶名”,這是典型的設計敗筆。

  問題在于,在不同的網站,用戶通常使用一個Email注冊,但是用戶名各不相同。如果僅僅只能使用用戶名登錄的話,用戶體驗明顯不夠方便。

  2、明顯的錯誤提醒

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

細節決定成敗!提高用戶登錄體驗的5個細節
login

  我們很清楚,用戶輸入錯誤的時候,系統返回給用戶的信息是“無效輸入(Invalid input)”肯定是沒多大意義的。你必須用更通俗的語言來告訴用戶,他們的輸入有錯誤。

  如果你想提供更好的用戶體驗,不妨使用JavaScript來幫助用戶來驗證信息。這樣做最完美的例子就是手機輸入法的糾錯功能,當你輸入“.con”的時候,輸入法會自動糾正成“.com”,或者提供用戶糾錯的機會。當用戶輸入錯誤以及因為輸入錯誤再次輸入的時候,不妨提供準確的說明信息,合理引導用戶。這不僅讓用戶更輕松,也能節省時間。

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

  你可能認為加上“忘記密碼?”的功能是一件理所當然的功能,但是確實有些網站忽略了它。“忘記密碼”鏈接和登錄框一樣重要,不要隱藏這個鏈接,也不要讓用戶耗盡心神才能找到它。讓它時刻為用戶準備著。它無需放在顯眼的地方,但是它應該緊靠著用戶登錄表單,以備不時之需。

細節決定成敗!提高用戶登錄體驗的5個細節
細節決定成敗!提高用戶登錄體驗的5個細節

  4、讓用戶專注于登錄

  通常,登錄框會以彈出框的形式存在,或者以單獨的登錄頁面而存在。無需跳轉頁面就完成登錄確實有其優勢,但如果你考慮到頁面中其他元素對于用戶的干擾之時,你就應該清楚單獨登錄頁面的必要性。你要向用戶展現內容、推薦商品,讓用戶登錄之后再進行更流暢不是嗎?當用戶進行注冊、結帳的時候,通常都是單獨頁面,讓用戶專注做一件事情,那么這種設定理當延伸到登錄界面。相比于復雜的內容頁,登錄頁面的內容更少,加載更快,這也是單獨登錄頁面的優勢。

細節決定成敗!提高用戶登錄體驗的5個細節
細節決定成敗!提高用戶登錄體驗的5個細節

  5、標識很重要

  不管什么時候,都不要在提交信息的按鈕上標注“提交”或者“完成”,而應該用“登錄”。這很簡單。對于用戶而言,這會讓用戶明白他們的操作和預期是一致的,盡管對于系統而言這種行為就是提交信息。

細節決定成敗!提高用戶登錄體驗的5個細節
細節決定成敗!提高用戶登錄體驗的5個細節

  不僅如此,在登錄框中標明“輸入用戶名或者郵箱”,避免使用占位符或者其他的容易讓用戶迷惑的標識。這些都是增強用戶體驗的重要組成部分。

  結語

  細節影響體驗,決定成敗。這5項確實是細微末節,但是要做好登錄框的設計需要將這些因素都考慮進去。在做好這些設定的基礎上,再打磨視覺,會讓你的網站體驗再上一個層次。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 婷婷色国产偷v国产偷v小说 | 久久伊人在 | 久久久一区二区 | 国产精品毛片一区二区在线看 | 99热首页 | 国产在线视频99 | 欧美啊v在线观看 | 成人一区二区三区在线观看 | 天天射网站 | 久久亚洲一区 | 成人妇女免费播放久久久 | 亚洲一区中文字幕在线观看 | 91高清免费 | 天堂色网 | 伊人手机在线视频 | 国产精品爱久久久久久久 | 国产欧美一区二区三区在线看蜜臀 | 欧美日韩电影一区 | 三级视频久久 | 狠狠躁夜夜躁人人爽天天高潮 | 亚洲欧美久久 | 久久国产精品一区二区三区 | 日韩中文在线视频 | 欧美亚洲国产一区二区三区 | 中文字幕精品一区 | 日韩二区三区 | 男人天堂av网 | 国产午夜精品一区二区三区四区 | 午夜精品视频 | 国产91在线 | 亚洲 | 国产va| 九九在线精品视频 | 国产精品亚洲精品日韩已方 | 欧美在线视频a | 九九亚洲 | 国内在线视频 | 亚洲一区二区三区视频 | 亚洲一区中文字幕 | 亚洲综合大片69999 | 亚洲国产精品va在线看黑人 | 亚洲 中文 欧美 |