密碼輸入框在網(wǎng)頁(yè)設(shè)計(jì)和APP設(shè)計(jì)中隨處可見(jiàn),相信每一位產(chǎn)品經(jīng)理都思考且設(shè)計(jì)過(guò)相關(guān)的模塊。
(圖左:電腦網(wǎng)頁(yè)上的密碼輸入框 圖右:手機(jī)APP上的密碼輸入框)
我們知道多數(shù)密碼輸入框有以下功能: a.默認(rèn)隱藏密碼 b.一鍵清除密碼 c.切換顯示隱藏密碼
對(duì)比在電腦網(wǎng)頁(yè)上和APP上的密碼輸入框,可以推測(cè):APP密碼輸入框的設(shè)計(jì)來(lái)源于互聯(lián)網(wǎng)時(shí)代的網(wǎng)頁(yè)設(shè)計(jì),初代產(chǎn)品經(jīng)理從網(wǎng)頁(yè)過(guò)渡到APP的時(shí)候,并沒(méi)有做出過(guò)多的改變。
筆者認(rèn)為,APP密碼輸入框的設(shè)計(jì)不能一概模仿電腦網(wǎng)頁(yè),APP上的密碼輸入框,不需要隱藏密碼(除了金融等保密性較高的APP),也就是說(shuō)默認(rèn)應(yīng)讓用戶看到正在輸入的密碼。
為什么電腦網(wǎng)頁(yè)上的密碼輸入框設(shè)計(jì)會(huì)有以上介紹到的a、b、c的功能?這些功能在APP上又是否適用?我們可以從功能和使用場(chǎng)景上進(jìn)行對(duì)比分析
從功能和使用場(chǎng)景上看,電腦網(wǎng)頁(yè)上設(shè)計(jì)隱藏密碼功能,是為了防止旁人觀看。早期網(wǎng)民普遍在公開(kāi)場(chǎng)所使用電腦上網(wǎng)(網(wǎng)吧、辦公室等),隱私性較弱,因此需要默認(rèn)隱藏密碼,防止旁人看到。而這種考慮在APP上卻屬多余,手機(jī)是較為隱私性的工具,用戶輸入密碼時(shí)一般不會(huì)有旁人觀看。所以在APP上注冊(cè)登錄時(shí)隱藏密碼其實(shí)是一個(gè)雞肋的設(shè)計(jì)。
從輸入方式上看,用戶在電腦網(wǎng)頁(yè)上一般使用物理鍵盤輸入,不易誤觸,輸入較精準(zhǔn),隱藏密碼對(duì)用戶體驗(yàn)影響較低。而用戶在手機(jī)上是進(jìn)行觸控輸入,容易誤觸且輸入不精準(zhǔn),當(dāng)用戶看不到密碼時(shí)并不確定是否輸入正確??梢哉f(shuō),在APP上注冊(cè)登錄時(shí)看不見(jiàn)密碼是一個(gè)影響用戶體驗(yàn)的功能。
用戶不喜歡不確定性 --《結(jié)網(wǎng)》
此外,設(shè)計(jì)“一鍵清除”按鈕,是為照顧隱藏了的密碼,由于看不見(jiàn)密碼,當(dāng)用戶輸入錯(cuò)誤時(shí),只能全部擦除重新輸入。而如果密碼不被隱藏,那么一鍵清除密碼的功能也可以相應(yīng)去除。用戶本可以使用自帶鍵盤清除密碼。
筆者認(rèn)為,用戶體驗(yàn)良好的注冊(cè)/登陸框的密碼輸入設(shè)計(jì)應(yīng)該如下所示:默認(rèn)顯示正在輸入的密碼、沒(méi)有一鍵清除按鈕。用戶輸入用戶名和密碼時(shí),不帶給用戶不確定性。
全文完。