開宗明義，我個(gè)人比較傾向于在移動(dòng)端明文顯示密碼，尤其在注冊(cè)新用戶時(shí)，但并非簡(jiǎn)單粗暴的明文顯示（我所說(shuō)的都是錯(cuò)的，嘿），歡迎拍磚，具體理由見(jiàn)下。 

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

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

圖1

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

圖2

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

在PC端這樣的設(shè)計(jì)沒(méi)有太大問(wèn)題，只是偶爾在知覺(jué)-行動(dòng)鏈被打斷時(shí)會(huì)想不起來(lái)輸入到什么位置了，因?yàn)椴贿^(guò)腦嘛 ^_^，絕大多數(shù)用戶在遇到這種情況時(shí)，會(huì)選擇將已輸入的密碼全部刪除重新開始輸入，糾錯(cuò)成本PC端用戶可以接受，所以對(duì)這樣的設(shè)計(jì)PC端用戶也就接受并習(xí)慣了。

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

圖3

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

圖4

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

圖5

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

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

圖6

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

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

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

圖7 

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

往往我們?cè)谶M(jìn)行設(shè)計(jì)時(shí)都遵循某種設(shè)計(jì)慣例，或找現(xiàn)成產(chǎn)品中被實(shí)現(xiàn)過(guò)的例子。較少自身深入的進(jìn)行思考，有些設(shè)計(jì)不適用在你的產(chǎn)品當(dāng)中，可能會(huì)使用戶體驗(yàn)不好或增加任務(wù)的復(fù)雜性，那我們就需要重新審視一下我們?cè)O(shè)計(jì)了。

標(biāo)簽： 移動(dòng)端 PC端 移動(dòng)設(shè)備 

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