修改密碼的那點(diǎn)事兒
2011年歲末先后爆出CSDN、天涯等站點(diǎn)的用戶明文密碼泄漏，大家紛紛忙著修改密碼，不少網(wǎng)站也通過(guò)在網(wǎng)頁(yè)醒目位置發(fā)布公告或發(fā)送郵件提醒告知用戶及時(shí)修改自己的密碼以確保賬戶安全。對(duì)網(wǎng)站而言，希望用戶能夠定期主動(dòng)去修改密碼并保證一定的復(fù)雜度；但對(duì)用戶來(lái)說(shuō)，一般不到萬(wàn)不得已，通常不會(huì)經(jīng)常修改密碼。同樣是表單，注冊(cè)表單的產(chǎn)品設(shè)計(jì)大家常討論，那么修改密碼的表單設(shè)計(jì)及整體體驗(yàn)有是如何？
一、大型門(mén)戶
1. 網(wǎng)易通行證
表單中的每個(gè)輸入框均會(huì)給出有效性反饋，新密碼的復(fù)雜度要求一直顯示在輸入框下方，并需要填寫(xiě)驗(yàn)證碼（英文+數(shù)字，不區(qū)分大小寫(xiě)）。
另：界面上有一處“>”字符漏出，應(yīng)是缺陷。
2. 搜狐通行證
界面中提示了當(dāng)前用戶名；當(dāng)焦點(diǎn)在輸入框中時(shí)，跟隨輸入框在其后提示密碼復(fù)雜度要求的說(shuō)明信息；驗(yàn)證碼為小寫(xiě)英文+數(shù)字。
二、SNS社區(qū)
1. 人人網(wǎng)
在本次觀察中人人網(wǎng)的密碼修改流程相對(duì)顯得比較特殊，它在修改密碼之前，給出了“身份驗(yàn)證”的這一步，提供了驗(yàn)證舊密碼、向注冊(cè)郵箱發(fā)送密碼重置郵件、賬號(hào)申訴三種方式。它對(duì)用戶的指引更為明確，當(dāng)用戶在長(zhǎng)時(shí)間記住密碼后遺忘了密碼，則能直接通過(guò)發(fā)送郵件的方式進(jìn)行密碼修改，而不必退出登錄后再走取回密碼的流程。#p#
2. 天涯社區(qū)
輸入舊密碼后，會(huì)實(shí)時(shí)檢查是否正確；焦點(diǎn)從輸入框中移開(kāi)后會(huì)檢查有效性；焦點(diǎn)在新密碼的輸入框中時(shí)，會(huì)提示密碼的復(fù)雜度要求（強(qiáng)制要求字母與數(shù)字組合）；比較奇怪的是，為何這句“輸入6-16位的字母和數(shù)字的組合，密碼區(qū)分大小寫(xiě)”會(huì)始終顯示在驗(yàn)證碼輸入框的下方——這句話所針對(duì)的表單項(xiàng)對(duì)象究竟是新密碼還是驗(yàn)證碼？這是一處不必要的困擾。
3. 豆瓣網(wǎng)
豆瓣網(wǎng)的密碼修改界面很簡(jiǎn)單，甚至有些簡(jiǎn)陋——沒(méi)有表單項(xiàng)的有效性驗(yàn)證，甚至連密碼長(zhǎng)度的說(shuō)明都沒(méi)有給出。“當(dāng)前密碼”與“新口令”的文案區(qū)別不知是否可以為之，個(gè)人認(rèn)為還是統(tǒng)一為密碼比較好，雖然口令更顯Geek。#p#
4. Facebook
Facebook在界面中并未給出密碼輸入的說(shuō)明；對(duì)當(dāng)前密碼項(xiàng)的為空時(shí)沒(méi)有提醒；當(dāng)新密碼太短或太簡(jiǎn)單時(shí)會(huì)給出提醒；也會(huì)提示重復(fù)輸入密碼與新密碼是否匹配。
三、微博
1. 新浪微博
提醒界面上以紅色高亮的方式告知用戶密碼安全的重要性；焦點(diǎn)移開(kāi)時(shí)表單項(xiàng)會(huì)進(jìn)行有效性驗(yàn)證；特別給出安全強(qiáng)度標(biāo)尺再次提醒用戶使用高強(qiáng)度的密碼；焦點(diǎn)選中時(shí)，會(huì)提示用戶密碼的長(zhǎng)度說(shuō)明。
2. Twitter
當(dāng)表單項(xiàng)為空時(shí)不會(huì)給出提示；同F(xiàn)acebook一樣，在新密碼太短或過(guò)于簡(jiǎn)單時(shí)會(huì)給出提示；舊密碼如果錯(cuò)誤，點(diǎn)擊“Change”后會(huì)在頁(yè)面頂端顯示，與全站的統(tǒng)一反饋提示一致；需要留意的是，Twitter在修改密碼的界面給出了取回密碼的入口，點(diǎn)擊后會(huì)進(jìn)入輸入郵箱取回密碼的頁(yè)面，這一點(diǎn)與人人網(wǎng)相類(lèi)似。#p#
四、搜索引擎
1. 百度
表單項(xiàng)沒(méi)有有效性驗(yàn)證，給出了密碼長(zhǎng)度等的說(shuō)明，看下來(lái)這是一個(gè)比較標(biāo)準(zhǔn)并傳統(tǒng)的密碼修改界面。
2. Google
Google在驗(yàn)證當(dāng)前信息時(shí)，可以選擇輸入舊密碼或密碼提醒問(wèn)題的答案；新密碼的強(qiáng)度都會(huì)給出提示，“Password strength”上附鏈接，點(diǎn)擊后新窗口彈出 Password Help 頁(yè)面，告知用戶如何設(shè)定一個(gè)安全的密碼；重復(fù)輸入密碼時(shí)不會(huì)實(shí)時(shí)檢查與新密碼的匹配。#p#
五、電子商務(wù)網(wǎng)站
1. 支付寶
支付寶賬戶中，同時(shí)有登錄與支付兩種密碼，修改操作基本相同；它是這次體驗(yàn)過(guò)程中，唯一將修改密碼的操作放置在浮動(dòng)層中進(jìn)行的網(wǎng)站；在浮動(dòng)層中，給出了密碼安全提示說(shuō)明；表單項(xiàng)均無(wú)有效性驗(yàn)證提示；當(dāng)用戶開(kāi)通了數(shù)字證書(shū)而當(dāng)前瀏覽器不支持時(shí)，可以通過(guò)綁定的手機(jī)進(jìn)行校驗(yàn)。
2. 京東商城
焦點(diǎn)移開(kāi)時(shí)，會(huì)對(duì)表單項(xiàng)有效性進(jìn)行驗(yàn)證提醒；重復(fù)輸入密碼時(shí)也會(huì)檢查是否與新密碼一致；個(gè)人并不贊同在已紅色高亮的警示性文案后面再使用感嘆號(hào)，以避免給用戶造成過(guò)大的心理壓力。
3. 攜程網(wǎng)
表單項(xiàng)焦點(diǎn)移開(kāi)時(shí)，會(huì)做有效性驗(yàn)證；當(dāng)表單填寫(xiě)不正確時(shí)，將輸入框紅色高亮，而提示文字使用了相對(duì)弱的黃色背景呈現(xiàn)出來(lái)；密碼強(qiáng)度通過(guò)圖形標(biāo)識(shí)來(lái)提醒用戶。
在看了以上國(guó)內(nèi)外13個(gè)大型網(wǎng)站的密碼修改界面之后，我們可以發(fā)現(xiàn)：
密碼強(qiáng)度的設(shè)定，與網(wǎng)站業(yè)務(wù)息息相關(guān)，通常網(wǎng)站中出現(xiàn)與錢(qián)相關(guān)的業(yè)務(wù)（如網(wǎng)絡(luò)游戲等）時(shí)，對(duì)密碼的復(fù)雜度會(huì)有強(qiáng)制性的要求；支付寶等甚至?xí)O(shè)定登錄密碼與支付密碼，并兩者不能相同。
對(duì)于舊密碼的驗(yàn)證，通常只驗(yàn)證是否為空，而不會(huì)對(duì)正確性做實(shí)時(shí)校驗(yàn)；
對(duì)新密碼的強(qiáng)度，多數(shù)網(wǎng)站均會(huì)給出明確說(shuō)明以降低用戶的困擾；
多數(shù)網(wǎng)站，均會(huì)特別提醒用戶新密碼中需要區(qū)分大小寫(xiě)字母；
13個(gè)案例中，除了豆瓣網(wǎng)之外，均會(huì)對(duì)新密碼與重復(fù)輸入的新密碼之間做匹配校驗(yàn)；
有3個(gè)網(wǎng)站在修改密碼時(shí)需填寫(xiě)驗(yàn)證碼，個(gè)人更希望將這一步放在幕后——系統(tǒng)智能判斷哪些情況下需要通過(guò)驗(yàn)證碼進(jìn)行增強(qiáng)驗(yàn)證，而不是簡(jiǎn)單地一刀切；
在修改密碼的界面上，同時(shí)告知用戶一些必要的密碼安全信息，是必要的；
Google、Twitter與人人網(wǎng)的案例，告訴我們修改密碼的流程不是僵硬不變，并不一定要通過(guò)舊密碼來(lái)校驗(yàn)用戶——這對(duì)常常使用“記住我”的用戶來(lái)說(shuō)，無(wú)疑是一個(gè)便利；
在界面設(shè)計(jì)上，警示性提示的呈現(xiàn)，需要我們?cè)谔嵝延脩襞c不冒犯用戶加以平衡：紅色高亮、紅叉圖標(biāo)、驚嘆號(hào)、輸入框高亮等方法中選用哪些，值得考量；
大多數(shù)網(wǎng)站對(duì)登錄及通行證信息的修改均使用了SSL進(jìn)行加密。
【編輯推薦】
