歡迎來到深圳市來科信科技有限公司網(wǎng)站!
        您當(dāng)前的位置:深圳APP開發(fā) > 新聞資訊 > APP開發(fā)資訊 >

        已閱讀

        APP開發(fā)中怎樣做好登錄注冊的體驗(yàn)

        來源:m.bqtao.cn ?? ?? 發(fā)布時(shí)間:2018-02-02
        APP開發(fā)中,登錄注冊是常見的操作,登錄注冊的用戶體驗(yàn)會直接影響到用戶跳出率。那么登錄注冊應(yīng)該怎么設(shè)計(jì)比較好呢?今天我們就聊一聊這個(gè)話題。

         
        在注冊和登錄表單頁面中,密碼屏蔽早已司空見慣,它可以防止用戶密碼的外泄。雖然這項(xiàng)出于安全性考慮的設(shè)計(jì)實(shí)踐已經(jīng)無從質(zhì)疑,但是從另一角度去考慮的話,這種方式的交互設(shè)計(jì)卻是不友好的,畢竟用戶在登錄網(wǎng)頁時(shí),希望毫無障礙的填寫內(nèi)容并提交數(shù)據(jù),但密碼屏蔽卻反其道而行之。
         
        登錄頁面的使用率比注冊頁面要高很多。畢竟如果想創(chuàng)建一個(gè)帳戶,用戶只需要注冊一次,但注冊完后,就會經(jīng)常和登錄打交道了。這樣一來,用戶會經(jīng)常在公共場合輸入密碼,比如想給朋友們展示下社交網(wǎng)站上的信息,或者想分享一些網(wǎng)站上的東東。因此,在公共場合用密碼屏蔽的方式實(shí)現(xiàn)隱藏密碼輸入的功能很有必要。
         
        但在注冊頁面,密碼屏蔽的壞處就比較多了。隱藏的密碼通常會導(dǎo)致用戶多次輸入失誤,因?yàn)樗麄儾恢垒斎氲拿艽a是否正確。但這在登錄或注冊時(shí),不同的頁面會帶來不同的效果,登錄輸入錯(cuò)誤沒有注冊輸入錯(cuò)誤那么麻煩——如果在登錄時(shí)輸入錯(cuò)誤,大不了重新再試一下;但在注冊時(shí)錯(cuò)了,通常會被鎖定并需要重置密碼。用戶并不能全怪設(shè)計(jì)者,畢竟他們有他們的考慮。
         
        對于用戶來說,在注冊頁面內(nèi)再次確認(rèn)密碼多了一道重復(fù)工序,在重復(fù)輸入中,用戶需要重新輸入密碼,并檢查是否錯(cuò)誤。這個(gè)設(shè)計(jì)雖然不錯(cuò),但他們也有一個(gè)缺點(diǎn)。因?yàn)檫@兩個(gè)都是看不到密碼的輸入框,用戶很容易出錯(cuò),所以通常如果錯(cuò)一個(gè),就得兩個(gè)框都得清除輸入然后重新來過,這種確認(rèn)的密碼方式帶來的體驗(yàn)很糟糕,而且還會迫使用戶進(jìn)行多次重復(fù)的勞動(dòng)來進(jìn)行修改確認(rèn),很難稱得上流暢宜用。
         
        密碼屏蔽帶來的壞處比好處其實(shí)更多。它屏蔽的不僅只是密碼,還有用戶每次的輸入錯(cuò)誤,從而導(dǎo)致他們很難發(fā)現(xiàn)并修正自己的失誤。密碼屏蔽在用戶注冊時(shí)也未必能帶來多大幫助,因?yàn)榻^大多數(shù)情況下,注冊是個(gè)一錘子買賣,它一般是在私密的狀況下完成的,不會有旁窺者。我個(gè)人認(rèn)為,以純文本的方式向用戶顯示一次他們的密碼并不會有多大的安全風(fēng)險(xiǎn),即使是在公共場合,要想一次就能記住別人的密碼輸入也沒你想的那么容易。
         
        解決這種問題的最好辦法就是明碼輸入,這樣用戶就可以快速準(zhǔn)確地填寫,從而減少拼寫時(shí)的錯(cuò)誤從而快速修正筆誤,并且用戶也不必?fù)?dān)心安全問題。明碼輸入是即時(shí)快速的,因此我們也可以在用戶輸入時(shí)屏蔽幾個(gè)最先填寫的字符,只顯示剛填的字符,那么要想在這種壯況下窺見所有密碼,是非常難的,除非就趴在用戶肩頭盯著。
         
        同樣,你還可以讓文本框在獲得焦點(diǎn)時(shí)顯示密碼,失去焦點(diǎn)時(shí)密碼自動(dòng)屏蔽,這樣也可以做到填寫方便和安全兩宜。這樣一來,用戶可以在密碼區(qū)被獲得焦點(diǎn)時(shí)才能看到輸入的內(nèi)容,從而減少被其他人窺視的風(fēng)險(xiǎn)。
         
        另外,還有個(gè)小技巧可以提高安全性,就是用小號、淺灰色的斜體顯示密碼。這樣一來,要看清楚每個(gè)字符需要離屏幕很近才行。因此,窺視密碼幾乎成了不可能完成的任務(wù)。還有一個(gè)方法就是只顯示密碼的最后一個(gè)字符而隱藏之前輸入的字符,每輸入一個(gè)確認(rèn)一個(gè)。
        還有一種方法是和電腦上輸入wifi密碼時(shí)類似,就是提供一個(gè)復(fù)選框“顯示密碼”。這樣,當(dāng)用戶輸入他們的密碼時(shí),密碼不可見,當(dāng)勾選時(shí)便可查看。這樣雖然麻煩,但也比沒有這個(gè)功能的好,因?yàn)樗梢宰層脩舾菀椎乜吹讲⑿迯?fù)他們拼寫錯(cuò)誤。
         
        APP開發(fā) 網(wǎng)站開發(fā) 產(chǎn)品設(shè)計(jì) 微信公眾號 APP開發(fā)公司 用戶體驗(yàn) APP運(yùn)營 微信小程序 產(chǎn)品經(jīng)理 網(wǎng)站設(shè)計(jì)