開宗明義，我個人比較傾向于在移動端明文顯示密碼，尤其在注冊新用戶時，但并非簡單粗暴的明文顯示（我所說的都是錯的，嘿），歡迎拍磚，具體理由見下。 

移動端和PC端從體驗設計上有本質(zhì)的不同，移動設備有自身的特點及限制，需要我們重新思考一下原有PC端形成的一些設計標準（不斷的質(zhì)疑和否定才能成長嘛），比如：密碼輸入?yún)^(qū)域的設計 

先從PC端說起，密碼輸入是我們?nèi)粘Ｉ暇W(wǎng)或操作電腦最常接觸到，PC端常規(guī)的設計思路是對用戶輸入的每個密碼進行遮掩，用戶輸入一個字符，密碼輸入?yún)^(qū)域就顯示一個替換符 “*” 或 “•”（圖1） 。

圖1

為什么這樣進行設計呢？先從PC本身的屬性談起，1. PC具有公共屬性，可能在多種場所甚至被多人使用，但你輸入密碼是私密性的。2. PC固定在特定的位置，無法隨意移動（早期PC時代，非筆記本橫行的現(xiàn)在）。 3. PC顯示區(qū)域足夠大，光用腦袋是不能夠完全擋住偷窺者的。鑒于以上這些屬性，PC端在用戶輸入密碼時應給予適當?shù)谋Ｗo。當然也有過份保護的例子，如下圖2，命令行時代的產(chǎn)物，用戶輸入密碼時，沒有任何反饋以提示用戶（現(xiàn)在每天還要使用到，唉！）。

圖2

另外一個重要的原因，由于長時間敲擊鍵盤進行輸入練習，鍵盤的物感形成了肌肉記憶，輸入密碼（敲擊鍵盤）的過程成為一種條件反射（知覺-行動鏈），用戶在輸入時更多的是依靠手指上的感覺，而非有意識的去關注（所以，也就不存在識別了），人體肌肉獲得記憶的速度十分緩慢，但一旦獲得，其遺忘的速度也十分緩慢，并且肌肉記憶的精確度均很高，用戶在PC上輸入密碼的錯誤率也很低。

在PC端這樣的設計沒有太大問題，只是偶爾在知覺-行動鏈被打斷時會想不起來輸入到什么位置了，因為不過腦嘛 ^_^，絕大多數(shù)用戶在遇到這種情況時，會選擇將已輸入的密碼全部刪除重新開始輸入，糾錯成本PC端用戶可以接受，所以對這樣的設計PC端用戶也就接受并習慣了。

再來看看移動端，大部分的移動設備（如，手機）屬于個人私密性較高的設備，并且顯示區(qū)域均較小，用戶在進行輸入時，可對輸入密碼進行有效的保護（或者找個僻靜的地方進行輸入）�；蛟S有同學會認為移動用戶的使用場景多樣，更需要對密碼進行保護，但只要窺視者有心，不管密碼是否被保護均可能會被其獲知，見圖3，大多數(shù)移動OS用戶的每次輸入均出現(xiàn)鍵位提示！移動端想防窺還是得找僻靜小角落啊。

圖3

現(xiàn)在移動端大多數(shù)均以觸屏為主要交互手段，在觸屏虛擬鍵盤進行輸入操作缺少以往實體鍵盤的物感，需要用戶在輸入過程中對虛擬鍵位及手指的位置進行認知，手指很難形成肌肉記憶（黑莓Storm的Clickable技術(shù)就是模擬實體按鍵觸感的技術(shù)），借用一下surface的眼動研究（圖4），可以發(fā)現(xiàn)用戶的視線會在虛擬鍵盤及輸入?yún)^(qū)域之間進行切換，思考一下，你在PC端進行輸入一般字符時會盯著鍵盤看嗎？在移動端進行輸入操作時成本比PC端高出了許多，并且錯誤率隨之也放大了，大部分的用戶已經(jīng)能夠很明顯的感覺到在移動端輸入之困難，再讓用戶進行糾錯操作，成本就可想而知了！

圖4

移動端的設計者其實早已察覺到了上述的問題，并對移動端的密碼輸入?yún)^(qū)域進行了重新設計，以iOS的解決方案為例子，用戶當前輸入的密碼以明文顯示，在繼續(xù)輸入下一位時將上一位密碼轉(zhuǎn)換為替換符（圖5）。

圖5

這樣的設計一定程度上規(guī)避了上述的問題，方便了用戶，但也存在一些問題，只有當前的輸入為明文，之前的密碼依舊是替換符，用戶在對密碼的認知上無法存在連續(xù)性，另外，當用戶在虛擬鍵盤尋找需要輸入的字符花費較長時間，原來的明文會自動轉(zhuǎn)換為替換符號，這樣易導致用戶忘記之前的輸入。

另一個解決方案，在輸入?yún)^(qū)域附近放置一個密碼顯示的開關，當開關打開時，密碼以明文的方式進行顯示，當開關關閉時，密碼以 ”*” 或 “•” 替換符顯示（圖6），用戶可在輸入過程中很輕松的切換密碼顯示模式，當用戶確認周邊環(huán)境安全，并希望提高輸入體驗時，可選擇明文顯示，反之選擇替換符顯示。

圖6

但這種方案涉及到另一個問題–默認選項，用戶一般較少主動去設置某些選項，并依照默認選項使用下去，所以，上面方案默認選項如果采用隱藏密碼的設計，那這個設計的效果及優(yōu)勢就沒有得到體現(xiàn)。采用明文密碼顯示會使其更具有意義。

采用明文顯示密碼能夠提高用戶體驗，有助于用戶進行輸入，注冊及登錄流程會更易用，隱藏密碼可提高安全性，并與目前用戶習慣相符，但降低了輸入效率，如何在兩者之前進行平衡？是否有其它解決方案？這些是設計者需要花時間思考的問題。 

還是以iOS平臺為例子，再來一個解決方案，用戶在密碼輸入?yún)^(qū)域進行輸入時，還是依照現(xiàn)有iOS的交互邏輯執(zhí)行，但是當用戶感覺自己輸入錯誤了，按退格鍵試圖刪除錯誤輸入時，將隱藏密碼以明文顯示出來，方便用戶查看自己的輸入，并確定需要進行修改的位置（圖7）。這樣的設計保留了原來用戶的使用習慣，卻又考慮到用戶在出錯后的行為模式，為退格鍵附加了一個切換明文模式的功能。 

圖7 

綜上所述，就移動端用戶注冊及登錄時，隱藏密碼不僅會阻礙用戶快速、準確地輸入，還會遮掩用戶的輸入錯誤，并對安全性沒有起到太大的作用，個人還是傾向于優(yōu)雅的使用明文密碼顯示，但以什么樣的方式顯示密碼，以及采取何種形式的交互是需要進行認真設計的（在PC端還可以在當前輸入?yún)^(qū)域獲取到焦點時明文顯示密碼，失去焦點時隱藏密碼）。

往往我們在進行設計時都遵循某種設計慣例，或找現(xiàn)成產(chǎn)品中被實現(xiàn)過的例子。較少自身深入的進行思考，有些設計不適用在你的產(chǎn)品當中，可能會使用戶體驗不好或增加任務的復雜性，那我們就需要重新審視一下我們設計了。

標簽： 移動端 PC端 移動設備 

版權(quán)申明：本站文章部分自網(wǎng)絡，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。