（原文地址戳：艾藝信息）

密碼向來充斥著實(shí)用性的問題。由于過度復(fù)雜的安全性要求（最低字符數(shù)、標(biāo)點(diǎn)等等）以及輸入框的使用不夠簡(jiǎn)便，密碼輸入經(jīng)常會(huì)讓客戶反感甚至走人。

大約有82%的人有過忘記密碼的經(jīng)歷。企業(yè)內(nèi)部網(wǎng)絡(luò)服務(wù)臺(tái)所最頻繁收到的請(qǐng)求就是恢復(fù)密碼，而在瀏覽電子商務(wù)類網(wǎng)站時(shí)，如果需要先恢復(fù)密碼，會(huì)有75%左右的人最后無法完成購(gòu)買流程。換句話說，密碼是個(gè)賤人！而對(duì)于屏幕小、手指按不準(zhǔn)的移動(dòng)設(shè)備來說，情況就更糟了。

遮蔽密碼會(huì)讓本就困難的輸入變得難上加難，同時(shí)對(duì)于提高安全性裨益甚小，特別是在移動(dòng)設(shè)備上，輸入框正下方就是顯眼的鍵盤，手指按哪個(gè)鍵，哪個(gè)鍵就會(huì)高亮顯示，這樣的觸摸反饋所顯示的密碼字體大小反而比大多數(shù)輸入框所能顯示的更大。所以說實(shí)話，遮蔽密碼其實(shí)并不能防止別人的偷窺。另外，如果你真的察覺有人偷看你的屏幕，那直接把屏幕換個(gè)位置讓他看不見不就完了！

1

隱藏/顯示密碼

考慮到上述種種和沒說到的種種原因，我們?cè)赑olar的登陸界面上選擇了將密碼顯示為可見文本。同時(shí)我們?cè)诿艽a框旁邊提供了隱藏選項(xiàng)，以便有需要的人選用，這個(gè)選項(xiàng)可以快速將密碼變成一串“···”。

雖然這樣能有有效提高實(shí)用性和操作的簡(jiǎn)便性，但也不無憂慮，怕大家會(huì)覺得盡管能選擇遮蔽，但這么赤裸裸地顯示密碼還是不爽。多年以來的登陸模式已經(jīng)給了人們“遮蔽密碼就等于安全”這一思維定式。

結(jié)果，Steven Hoober告訴我們他給20M Sprint客戶去掉了密碼遮蔽，結(jié)果完全沒產(chǎn)生問題。Yahoo默認(rèn)顯示密碼，結(jié)果出現(xiàn)了兩位數(shù)字的增量（當(dāng)然還有其他功能改變的貢獻(xiàn)），沒有產(chǎn)生任何安全性問題。

密碼遮蔽這一設(shè)計(jì)模式已經(jīng)存在了太久，從來沒人考慮過它的意義。我們大家在設(shè)計(jì)登陸界面的時(shí)候都會(huì)習(xí)慣性地默認(rèn)添加密碼遮蔽。而隨之而來的，就是丟掉生意、實(shí)用性出問題。

2

設(shè)計(jì)解決方案

最近，很多公司開始深入考量密碼遮蔽的問題，并啟動(dòng)了一些不同的解決方案來應(yīng)對(duì)。PayPal和Foursquare采用了類似于Polar的隱藏/顯示文字交互模式。

LinkedIn、Adobe和Twitter則可以讓用戶通過點(diǎn)擊一個(gè)睜眼/閉眼圖標(biāo)選擇是否因此密碼。雖然這一類視覺符號(hào)可能沒有文字那么直白，但是對(duì)于在全球范圍內(nèi)經(jīng)營(yíng)的公司來說，這樣就不用翻譯成長(zhǎng)度不等的多國(guó)語言文案了，所以說具有本地化方面的好處。

Amazon一直在反復(fù)更改其登陸模式。其過往歷史包括：從無法查看密碼到允許通過明確操作（點(diǎn)擊勾選框）顯示密碼；再到默認(rèn)顯示密碼并允許點(diǎn)擊隱藏。

盡管這些設(shè)計(jì)解決方案都有各自的利弊，但更重要的是Adobe、Twitter、LinkedIn、PayPal、Amazon等等公司都開始意識(shí)到登陸界面所存在的問題，并開始相應(yīng)解決。

3

設(shè)計(jì)在細(xì)節(jié)

不過，雖然現(xiàn)在已經(jīng)有很多公司允許用戶在登陸時(shí)看見密碼，但這并不是說大家都該一擁而上盲目模仿。正是這種一擁而上的思維讓密碼遮蔽，甚至其他很多問題很大的設(shè)計(jì)“模式”（比如安全問題）盛行這么多年。

據(jù)研究分析，在電子商務(wù)類網(wǎng)站上如果默認(rèn)以明確文字顯示密碼，有60%受訪者表示會(huì)對(duì)網(wǎng)站心存疑慮，而只有45%的人認(rèn)為不遮蔽密碼有助于提高實(shí)用性。相比之下，如果添加一個(gè)簡(jiǎn)單的復(fù)選框說明當(dāng)前開啟了顯示密碼設(shè)置，100%的受訪者都會(huì)注意到復(fù)選框的存在，并將顯示密碼視作一項(xiàng)功能。

從60%的人懷疑網(wǎng)站安全，到100%的人將其看作一項(xiàng)實(shí)用功能，區(qū)別只是一個(gè)簡(jiǎn)單的復(fù)選框。設(shè)計(jì)真的就是在于細(xì)節(jié)。所以也難怪Amazon在其登陸界面加上了這個(gè)復(fù)選框。

4

Web Vs 本機(jī)

正如上面的例子所示，很多公司現(xiàn)在都可以讓用戶在登陸移動(dòng)應(yīng)用的時(shí)候看見密碼。同時(shí)也有一小部分公司在Web上實(shí)現(xiàn)了同樣的功能。登陸本機(jī)應(yīng)用的人舒服省事了，那在Web瀏覽器中使用服務(wù)的用戶為什么不行呢？

這個(gè)問題再一次提到了安全性的高度。詳細(xì)來說，如果：

1.有人拿到了我的設(shè)備

2.并且能解鎖

3.再導(dǎo)航到了某個(gè)網(wǎng)站

4.而我在瀏覽器里自動(dòng)保存了這個(gè)網(wǎng)站的密碼

5.而這個(gè)網(wǎng)站又允許在登陸界面查看密碼

6.這樣，這個(gè)人就能看見我的密碼了

瀏覽器的密碼保存功能、自動(dòng)填單功能和密碼可見功能的混合就這樣造成了嚴(yán)重的安全性問題。有一個(gè)能夠緩解這個(gè)問題的方法，就是在瀏覽器自動(dòng)填寫密碼時(shí)，隱藏密碼框。這樣一來，假如有人想查看密碼，瀏覽器就會(huì)刪除密碼框內(nèi)的內(nèi)容，并要求重新輸入。

遺憾的是，考慮到實(shí)施這一解決方案所需要的設(shè)計(jì)和開發(fā)工作，這一辦法略顯得有些得不償失，還不如把這些精力放到如何從整體上簡(jiǎn)化登錄問題上去。

5

超越密碼

Amazon在其最新發(fā)布的iOS版本中仍在繼續(xù)更新移動(dòng)端登陸界面，它們干脆直接不要求用戶輸入密碼。用戶需要登陸帳戶時(shí)，可以直接觸摸手機(jī)主按鈕，通過Apple的Touch ID驗(yàn)證指紋。

而Uber的代步服務(wù)則更上一層樓。用戶不需要注冊(cè)賬戶、創(chuàng)建密碼和輸入付款信息，只需要將手指放到手機(jī)Touch ID傳感器上就能完成車輛下單支付的全部流程。不需要填寫任何表單和密碼。

雖然說Touch ID功能僅限于Apple的最新iOS設(shè)備，但是這個(gè)解決方案將繁復(fù)的流程簡(jiǎn)化成了簡(jiǎn)單的一次觸摸，為登錄流程的設(shè)計(jì)開創(chuàng)了新前景。如果有的選，大家會(huì)選擇怎么樣的方式來登陸登出呢？是通過復(fù)雜的表單和麻煩的密碼？還是簡(jiǎn)單的一次觸摸呢？

從這個(gè)角度來看…登錄表單和密碼框的未來已經(jīng)很清晰了。