註冊表單設計:修改密碼的表單設計及整體體驗

來源:互聯網
上載者:User

文章描述:修改密碼的表單設計及整體體驗.

2011年歲末先後爆出CSDN、天涯等網站的使用者純文字密碼泄漏,大家紛紛忙著修改密碼,不少網站也通過在網頁醒目位置發布公告或發送寄件提醒告知使用者及時修改自己的密碼以確保賬戶安全。對網站而言,希望使用者能夠定期主動去修改密碼並保證一定的複雜度;但對使用者來說,一般不到萬不得已,通常不會經常修改密碼。同樣是表單,註冊表單的產品設計大家常討論,那麼修改密碼的表單設計及整體體驗又是如何?

一、大型門戶

1. 網易通行證

表單中的每個輸入框均會給出有效性反饋,新密碼的複雜度要求一直顯示在輸入框下方,並需要填寫驗證碼(英文+數字,不區分大小寫)。

另:介面上有一處“>”字元漏出,應是缺陷。

2. 搜狐通行證

介面中提示了目前使用者名;當焦點在輸入框中時,跟隨輸入框在其後提示密碼複雜度要求的說明資訊;驗證碼為小寫英文+數字。

二、SNS社區

1. 人人網

在本次觀察中人人網的密碼修改流程相對顯得比較特殊,它在修改密碼之前,給出了“身分識別驗證”的這一步,提供了驗證舊密碼、向註冊郵箱發送密碼重設郵件、帳號申訴三種方式。它對使用者的指引更為明確,當使用者在長時間記住密碼後遺忘了密碼,則能直接通過發送郵件的方式進行密碼修改,而不必退出登入後再走取回密碼的流程。

2. 天涯社區

輸入舊密碼後,會即時檢查是否正確;焦點從輸入框中移開後會檢查有效性;焦點在新密碼的輸入框中時,會提示密碼的複雜度要求(強制要求字母與數字組合);比較奇怪的是,為何這句“輸入6-16位的字母和數位組合,密碼區分大小寫”會始終顯示在驗證碼輸入框的下方——這句話所針對的表單項對象究竟是新密碼還是驗證碼?這是一處不必要的困擾。

3. 豆瓣網

豆瓣網的密碼修改介面很簡單,甚至有些簡陋——沒有表單項的有效性驗證,甚至連密碼長度的說明都沒有給出。“當前密碼”與“新口令”的文案區別不知是否可以為之,個人認為還是統一為密碼比較好,雖然口令更顯Geek。

4. Facebook

Facebook在介面中並未給出密碼輸入的說明;對當前密碼項的為空白時沒有提醒;當新密碼太短或太簡單時會給出提醒;也會提示重複輸入密碼與新密碼是否匹配。

三、微博

1. 新浪微博

提醒介面上以紅色高亮的方式告知使用者密碼安全的重要性;焦點移開時表單項會進行有效性驗證;特別給出安全強度尺規再次提醒使用者使用高強度的密碼;焦點選中時,會提示使用者密碼的長度說明。

2. Twitter

當表單項為空白時不會給出提示;同Facebook一樣,在新密碼太短或過於簡單時會給出提示;舊密碼如果錯誤,點擊“Change”後會在頁面頂端顯示,與全站的統一反饋提示一致;需要留意的是,Twitter在修改密碼的介面給出了取回密碼的入口,點擊後會進入輸入郵箱取回密碼的頁面,這一點與人人網相類似。

[1] [2]  下一頁



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。