《
注冊表單設(shè)計 修改密碼的表單設(shè)計及整體體驗》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343392013.htm
多數(shù)網(wǎng)站，均會特殊提醒用戶新密碼中需要辨別大小寫字母；
一、大型門戶
4. Facebook
二、SNS社區(qū)
焦點移開時，會對表單項有效性進行驗證提醒；重復(fù)輸入密碼時也會檢討是否與新密碼一致；個人并不贊成在已紅色高亮的警示性案牘后面再應(yīng)用感慨號，以防止給用戶造成過大的心理壓力。
四、搜尋引擎
支付寶賬戶中，同時有登錄與支付兩種密碼，修正操作基原形同；它是這次休會進程中，獨一將修改密碼的操作放置在浮動層中進行的網(wǎng)站；在浮動層中，給出了密碼保險提示闡明；表單項均無有效性驗證提醒；當(dāng)用戶開明了數(shù)字證書而當(dāng)前閱讀器不支撐時，能夠通過綁定的手機進行校驗。
破洛洛文章簡介：修改密碼的表單設(shè)計及整體體驗.
13個案例中，除了豆瓣網(wǎng)之外，均會對新密碼與重復(fù)輸入的新密碼之間做匹配校驗；
1. 百度
Facebook在界面中并未給出密碼輸入的解釋；對當(dāng)前密碼項的為空時不提示；當(dāng)新密碼太短或太簡略時會給出提醒；也會提示反復(fù)輸入密碼與新密碼是否匹配。
Google、Twitter與人人網(wǎng)的案例，告知我們修改密碼的流程不是僵直不變，并不一定要通過舊密碼來校驗用戶——這對經(jīng)常使用“記住我”的用戶來說，無疑是一個方便；
1. 支付寶
在看了以上海內(nèi)外13個大型網(wǎng)站的密碼修改界面之后，我們可以發(fā)明：
表單項焦點移開時，會做有效性驗證；當(dāng)表單填寫不正確時，將輸入框紅色高亮，而提示文字使用了相對弱的黃色背景浮現(xiàn)出來；密碼強度通過圖形標識來提醒用戶。
在修改密碼的界面上，同時告知用戶一些必要的密碼安全信息，是必要的；
,匯總DIVCSS網(wǎng)頁布局及網(wǎng)站設(shè)計常犯錯誤;
三、微博
對舊密碼的驗證，通常只驗證是否為空，而不會對準確性做實時校驗；
界面中提示了當(dāng)前用戶名；當(dāng)焦點在輸入框中時，追隨輸入框在其后提示密碼復(fù)雜度要求的說明信息；驗證碼為小寫英文+數(shù)字。
在本次察看中人人網(wǎng)的密碼修改流程絕對顯得比擬特別，它在修改密碼之前，給出了“身份驗證”的這一步，供給了驗證舊密碼、向注冊郵箱發(fā)送密碼重置郵件、賬號申述三種方法。它對用戶的指引更為明白，當(dāng)用戶在長時光記住密碼后遺忘了密碼，則能直接通過發(fā)送郵件的方式進行密碼修改，而不用退出登錄后再走取回密碼的流程。
1. 人人網(wǎng)
2011年紀末先后爆出CSDN、天邊等站點的用戶明文密碼泄露，大家紛紜忙著修改密碼,比較兩種CSS清除浮動的兼容，不少網(wǎng)站也通過在網(wǎng)頁醒目地位宣布布告或發(fā)送郵件提醒告知用戶及時修改本人的密碼以確保賬戶安全。對網(wǎng)站而言，盼望用戶可能按期自動去修改密碼并保障必定的復(fù)雜度；但對用戶來說,每天寫出好代碼的5個建議，個別不到萬不得已，通常不會常常修改密碼。同樣是表單，注冊表單的產(chǎn)品設(shè)計大家常探討，那么修改密碼的表單設(shè)計及整體體驗又是如何？
當(dāng)表單項為空時不會給出提示；同F(xiàn)acebook一樣，在新密碼太短或過于簡單時會給出提示；舊密碼假如過錯，點擊“Change”后會在頁面頂端顯示，與全站的同一反饋提示一致；須要留心的是，Twitter在修改密碼的界面給出了取回密碼的進口，點擊后會進入輸入郵箱取回密碼的頁面，這一點與人人網(wǎng)相相似。
2. 海角社區(qū)
1. 新浪微博
大多數(shù)網(wǎng)站對登錄及通行證信息的修改均使用了SSL進行加密。
2. 京東商城
五、電子商務(wù)網(wǎng)站
在界面設(shè)計上，警示性提示的出現(xiàn)，需要咱們在提醒用戶與不觸犯用戶加以均衡：紅色高亮、紅叉圖標、贊嘆號、輸入框高亮等方式當(dāng)選用哪些，值得考量；
Tag：設(shè)計 體驗 整體 修改 注冊 密碼 設(shè)計 體驗 整體 修改 注冊 密碼
Google在驗證當(dāng)前信息時，可以抉擇輸入舊密碼或密碼提醒問題的謎底,正確地利用css改進網(wǎng)站的設(shè)計；新密碼的強度都會給出提示，“Password strength”上附鏈接，點擊后新窗口彈出 Password Help 頁面，告訴用戶如何設(shè)定一個平安的密碼；重復(fù)輸入密碼時不會實時檢查與新密碼的匹配。
密碼強度的設(shè)定，與網(wǎng)站業(yè)務(wù)非親非故，通常網(wǎng)站中呈現(xiàn)與錢相干的業(yè)務(wù)（如網(wǎng)絡(luò)游戲等）時，對密碼的龐雜度會有強迫性的請求；支付寶等甚至?xí)O(shè)定登錄密碼與支付密碼,模擬兼容性的 inline-block 屬性，并兩者不能雷同。
本文集中討論的是修改密碼這一常用操作在交互設(shè)計及用戶體驗的實際，并不波及密碼存儲等開發(fā)層面的問題。
--> [
網(wǎng)站建設(shè)之]注冊表單設(shè)計:修改密碼的表單設(shè)計及整體體驗
2. 搜狐通行證
輸入舊密碼后，會實時檢查是否正確；焦點從輸入框中移開后會檢查有效性；焦點在新密碼的輸入框中時，會提示密碼的復(fù)雜度要求（強制要求字母與數(shù)字組合）；比較奇異的是，為何這句“輸入6-16位的字母跟數(shù)字的組合，密碼劃分大小寫”會始終顯示在驗證碼輸入框的下方——這句話所針對的表單項對象畢竟是新密碼仍是驗證碼？這是一處不必要的困擾。
3. 豆瓣網(wǎng)
3. 攜程網(wǎng)
另：界面上有一處“>”字符漏出，應(yīng)是缺點。
表單中的每個輸入框均會給出有效性反饋，新密碼的復(fù)雜度要求始終顯示在輸入框下方，并需要填寫驗證碼（英文+數(shù)字，不分辨大小寫）。
豆瓣網(wǎng)的密碼修改界面很簡單，甚至有些簡陋——沒有表單項的有效性驗證，甚至連密碼長度的說明都沒有給出。“當(dāng)前密碼”與“新口令”的文案差別不知是否可認為之，個人以為還是統(tǒng)一為密碼比較好，固然口令更顯Geek。
有3個網(wǎng)站在修改密碼時需填寫驗證碼，個人更愿望將這一步放在幕后——體系智能斷定哪些情形下需要通過驗證碼進行加強驗證，而不是簡單地一刀切；
2. Google
1. 網(wǎng)易通行證
表單項沒有有效性驗證，給出了密碼長度等的說明，看下來這是一個比較尺度并傳統(tǒng)的密碼修改界面。
提醒界面上以紅色高亮的方式告知用戶密碼安全的主要性；焦點移開時表單項會進行有效性驗證；特別給出安全強度標尺再次提醒用戶使用高強度的密碼；焦點選中時，會提示用戶密碼的長度說明。
對新密碼的強度，多數(shù)網(wǎng)站均會給出明確說明以下降用戶的困擾；
2. Twitter
(責(zé)任編輯：網(wǎng)站建設(shè))
注冊表單設(shè)計 修改密碼的表單設(shè)計及整體體驗相關(guān)文章