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

如何打造一流的用戶登錄體驗-密碼框設計

  在注冊和登錄表單頁面中,密碼屏蔽早已司空見慣,它可以防止用戶密碼的外泄。雖然這項出于安全性考慮的設計實踐已經無從質疑,但是從另一角度去考慮的話,這種方式的交互設計卻是不友好的,畢竟用戶在登錄網頁時,希望毫無障礙的填寫內容并提交數據,但密碼屏蔽卻反其道而行之。

  利于登錄,不利于注冊

  登錄頁面的使用率比注冊頁面要高很多。畢竟如果想創建一個帳戶,用戶只需要注冊一次,但注冊完后,就會經常和登錄打交道了。這樣一來,用戶會經常在公共場合輸入密碼,比如想給朋友們展示下社交網站上的信息,或者想分享一些網站上的東東。因此,在公共場合用密碼屏蔽的方式實現隱藏密碼輸入的功能很有必要。

如何打造一流的用戶登錄體驗-密碼框設計 三聯

  但在注冊頁面,密碼屏蔽的壞處就比較多了。隱藏的密碼通常會導致用戶多次輸入失誤,因為他們不知道輸入的密碼是否正確。但這在登錄或注冊時,不同的頁面會帶來不同的效果,登錄輸入錯誤沒有注冊輸入錯誤那么麻煩——如果在登錄時輸入錯誤,大不了重新再試一下;但在注冊時錯了,通常會被鎖定并需要重置密碼。用戶并不能全怪設計者,畢竟他們有他們的考慮。

  注冊頁面省掉“確認密碼”的設計如何?

  對于用戶來說,在注冊頁面內再次確認密碼多了一道重復工序,在重復輸入中,用戶需要重新輸入密碼,并檢查是否錯誤。這個設計雖然不錯,但他們也有一個缺點。因為這兩個都是看不到密碼的輸入框,用戶很容易出錯,所以通常如果錯一個,就得兩個框都得清除輸入然后重新來過,這種確認的密碼方式帶來的體驗很糟糕,而且還會迫使用戶進行多次重復的勞動來進行修改確認,很難稱得上流暢宜用。

教你打造超一流的登錄體驗,互聯網的一些事

  取消密碼屏蔽,減少打字錯誤

  密碼屏蔽帶來的壞處比好處其實更多。它屏蔽的不僅只是密碼,還有用戶每次的輸入錯誤,從而導致他們很難發現并修正自己的失誤。密碼屏蔽在用戶注冊時也未必能帶來多大幫助,因為絕大多數情況下,注冊是個一錘子買賣,它一般是在私密的狀況下完成的,不會有旁窺者。我個人認為,以純文本的方式向用戶顯示一次他們的密碼并不會有多大的安全風險,即使是在公共場合,要想一次就能記住別人的密碼輸入也沒你想的那么容易。

教你打造超一流的登錄體驗,互聯網的一些事

  解決這種問題的最好辦法就是明碼輸入,這樣用戶就可以快速準確地填寫,從而減少拼寫時的錯誤從而快速修正筆誤,并且用戶也不必擔心安全問題。明碼輸入是即時快速的,因此我們也可以在用戶輸入時屏蔽幾個最先填寫的字符,只顯示剛填的字符,那么要想在這種壯況下窺見所有密碼,是非常難的,除非就趴在用戶肩頭盯著。

  “選中可見”的設計

  同樣,你還可以讓文本框在獲得焦點時顯示密碼,失去焦點時密碼自動屏蔽,這樣也可以做到填寫方便和安全兩宜。這樣一來,用戶可以在密碼區被獲得焦點時才能看到輸入的內容,從而減少被其他人窺視的風險。

教你打造超一流的登錄體驗,互聯網的一些事

  另外,還有個小技巧可以提高安全性,就是用小號、淺灰色的斜體顯示密碼。這樣一來,要看清楚每個字符需要離屏幕很近才行。因此,窺視密碼幾乎成了不可能完成的任務。還有一個方法就是只顯示密碼的最后一個字符而隱藏之前輸入的字符,每輸入一個確認一個。

  還有一種方法是和電腦上輸入wifi密碼時類似,就是提供一個復選框“顯示密碼”。這樣,當用戶輸入他們的密碼時,密碼不可見,當勾選時便可查看。這樣雖然麻煩,但也比沒有這個功能的好,因為它可以讓用戶更容易地看到并修復他們拼寫錯誤。

教你打造超一流的登錄體驗,互聯網的一些事

  平衡安全性和用戶體驗

  約定俗成的設計在日常應用中通常不會有什么問題,但當一個用戶體驗不友好、極其復雜化并容易導致用戶出錯的設計則需要我們重新斟酌。安全性應該和用戶體驗實現平衡。安全性考慮的過多,會降低網站的體驗。當你掌握了這種平衡,即便它不合乎某種“慣例”,卻能讓用戶更加順暢舒服地使用網站服務,孰對孰錯,分曉自明。

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

相關文檔推薦

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