400-611-9921
2017-03-07
2484
能做出酷炫效果的登錄界面,卻依然成為不了設(shè)計(jì)師?下面就跟隨縱天廣州網(wǎng)頁(yè)設(shè)計(jì)公司看看專業(yè)的設(shè)計(jì)師如何設(shè)計(jì)簡(jiǎn)單的登錄界面。
處理用戶驗(yàn)證通常是事后諸葛亮,我們總指望它有用,但很少深入思考它。它應(yīng)該足夠簡(jiǎn)單,但事實(shí)是,無(wú)論對(duì)于用戶還是運(yùn)營(yíng)產(chǎn)品的公司,都像是在自找麻煩。登錄失敗、忘記密碼和冗長(zhǎng)的交互。
登錄界面是你的應(yīng)用中最常展示的界面之一??陀^地說,75%的人都在登錄時(shí)重置過密碼,廢棄了之前的密碼。在企業(yè)內(nèi)網(wǎng)登錄中,忘記密碼是幫助臺(tái)每天處理的頭號(hào)問題。通過清晰的表述和設(shè)計(jì)良好的流程,能極大的減少這些問題的數(shù)量。
要提升用戶驗(yàn)證的體驗(yàn),降低服務(wù)成本,增加轉(zhuǎn)化率,有幾件事情要好好考慮。
一、清晰說明規(guī)則
△ 亞馬遜和阿里速賣通的例子
避免使用模糊的規(guī)則,表述清楚。不要等到錯(cuò)誤驗(yàn)證來警告用戶,密碼至少要6位。強(qiáng)調(diào)密碼的最短限制是有意義的,但也不要太復(fù)雜。有實(shí)際意義的密碼,比隨機(jī)組合的字符更有用。
二、顯示密碼
△ 亞馬遜的例子
可以考慮讓密碼可見。這對(duì)用戶登錄和注冊(cè)有幫助。不用再次輸入確認(rèn),用密碼輸入框來切換顯示隱藏,幫助用戶確認(rèn)首次輸入是否正確。顯示和隱藏的功能可以用一個(gè)小圖標(biāo)、一行文字標(biāo)簽、或者勾選框來表示。亞馬遜對(duì)此做了些小變化,把隱藏字符保留在輸入框里,在下方顯示完整密碼。增強(qiáng)了用戶的信心,減少焦慮,表達(dá)出密碼被妥善處理的事實(shí)。
三、忘記密碼的處理
△ Slack和Trello的例子
沒人愿意重置密碼,除非登錄失敗或者賬號(hào)被盜。這么看來,如何幫助用戶在不重置密碼的情況下登錄進(jìn)去呢?發(fā)送一個(gè)短鏈接,允許用戶不重置密碼而直接登錄。提示:利用好細(xì)微文案,但要和整體的語(yǔ)調(diào)保持一致。
四、無(wú)密碼登錄
△ Medium和App Store的例子
密碼總是很麻煩,所以還有個(gè)辦法是根本不用密碼。要么使用外部驗(yàn)證手段,例如社交媒體賬號(hào)登錄,或者利用指紋識(shí)別。比如說,在App Store里購(gòu)買一直都是用指紋的。
五、兩步驗(yàn)證
有時(shí)候你希望增加一層安全措施。不過要確保用戶在一段時(shí)間內(nèi)不會(huì)再被打擾到。把它作為一種額外手段,不要為了用戶的利益這樣打擾他們。提示:如果想要用戶啟用兩步驗(yàn)證,可以給予某種獎(jiǎng)勵(lì)——Mailchimp對(duì)于啟用此功能的賬號(hào),給予了10%的優(yōu)惠。
六、移動(dòng)端登錄
△ Mailchimp和Instagram的例子
雖然以上原則可以用在各種設(shè)備中,但移動(dòng)設(shè)備還有一些特殊的用法。如果能確定用戶正在使用手機(jī),可以發(fā)送短信或者推送消息,這招非常神奇,能夠迅速帶用戶前往目的地——應(yīng)用內(nèi)的某個(gè)地方。
七、PIN碼和數(shù)字密碼
△ iOS鎖屏界面的例子
如果不需要完整密碼,可以采用數(shù)字密碼。通過數(shù)字鍵盤來輸入。
八、其他驗(yàn)證方式
△ Android鎖屏界面的例子
還有其他的用戶驗(yàn)證方式。連接網(wǎng)格中的點(diǎn)陣畫出圖形,或者點(diǎn)擊屏幕中的特定該區(qū)域。
九、必要時(shí)才讓用戶輸入用戶名
如果要依賴賬號(hào)體系,請(qǐng)考慮使用有郵箱地址。不要光為了驗(yàn)證而索要用戶名。即使是社區(qū)網(wǎng)站,用戶也會(huì)使用Twitter或Facebook賬號(hào)登錄。
無(wú)論采用哪種方式,都要考慮使用場(chǎng)景。只耗費(fèi)最少的精力,不要把事情搞復(fù)雜,盡可能讓用戶感到?jīng)]有障礙。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站開發(fā),廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)站設(shè)計(jì)公司,企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com