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