出色的移動(dòng)端用戶驗(yàn)證普賢居素材網(wǎng)精選

這是一篇與用戶驗(yàn)證,有關(guān)的設(shè)計(jì)作品。作品名為：出色的移動(dòng)端用戶驗(yàn)證普賢居素材網(wǎng)精選，來(lái)源于普賢居素材網(wǎng)，作者是佚名。

減少注冊(cè)和登錄的痛苦

處理用戶驗(yàn)證通常是事后諸葛亮，我們總指望它有用，但很少深入思考它。它應(yīng)該足夠簡(jiǎn)單，但事實(shí)是，無(wú)論對(duì)于用戶還是運(yùn)營(yíng)產(chǎn)品的公司，都像是在自找麻煩。登錄失敗、忘記密碼和冗長(zhǎng)的交互。

登錄界面是你的應(yīng)用中最常展示的界面之一。客觀地說(shuō)，75%的人都在登錄時(shí)重置過(guò)密碼，廢棄了之前的密碼（來(lái)源）。在企業(yè)內(nèi)網(wǎng)登錄中，忘記密碼是幫助臺(tái)每天處理的頭號(hào)問(wèn)題（來(lái)源）。通過(guò)清晰的表述和設(shè)計(jì)良好的流程，能極大的減少這些問(wèn)題的數(shù)量。

要提升用戶驗(yàn)證的體驗(yàn)，降低服務(wù)成本，增加轉(zhuǎn)化率，有幾件事情要好好考慮。

清晰說(shuō)明規(guī)則

亞馬遜和阿里速賣(mài)通的例子

避免使用模糊的規(guī)則，表述清楚。不要等到錯(cuò)誤驗(yàn)證來(lái)警告用戶，密碼至少要6位。強(qiáng)調(diào)密碼的最短限制是有意義的，但也不要太復(fù)雜。有實(shí)際意義的密碼，比隨機(jī)組合的字符更有用。

顯示密碼

亞馬遜的例子

可以考慮讓密碼可見(jiàn)。這對(duì)用戶登錄和注冊(cè)有幫助。不用再次輸入確認(rèn)，用密碼輸入框來(lái)切換顯示隱藏，幫助用戶確認(rèn)首次輸入是否正確。顯示和隱藏的功能可以用一個(gè)小圖標(biāo)、一行文字標(biāo)簽、或者勾選框來(lái)表示。亞馬遜對(duì)此做了些小變化，把隱藏字符保留在輸入框里，在下方顯示完整密碼。增強(qiáng)了用戶的信心，減少焦慮，表達(dá)出密碼被妥善處理的事實(shí)。

忘記密碼的處理

Slack和Trello的例子

沒(méi)人愿意重置密碼，除非登錄失敗或者賬號(hào)被盜。這么看來(lái)，如何幫助用戶在不重置密碼的情況下登錄進(jìn)去呢？發(fā)送一個(gè)短鏈接，允許用戶不重置密碼而直接登錄。提示：利用好細(xì)微文案，但要和整體的語(yǔ)調(diào)保持一致。

無(wú)密碼登錄

Medium和App Store的例子

密碼總是很麻煩，所以還有個(gè)辦法是根本不用密碼。要么使用外部驗(yàn)證手段，例如社交媒體賬號(hào)登錄，或者利用指紋識(shí)別。比如說(shuō)，在App Store里購(gòu)買(mǎi)一直都是用指紋的。

兩步驗(yàn)證

有時(shí)候你希望增加一層安全措施。不過(guò)要確保用戶在一段時(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ù)字密碼。通過(guò)數(shù)字鍵盤(pán)來(lái)輸入。

其他驗(yàn)證方式

Android鎖屏界面的例子

還有其他的用戶驗(yàn)證方式。連接網(wǎng)格中的點(diǎn)陣畫(huà)出圖形，或者點(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)]有障礙。

原文鏈接：https://uxplanet.org/nailing-the-ux-of-authentication-on-mobile-2b69ceab26df

作者信息：Levi Kovacs
The missing UI controls for your next mobile project https://mobiscroll.com

譯文鏈接：http://colachan.com/post/3543

這篇設(shè)計(jì)欣賞到這里就結(jié)束了，感謝您的欣賞，希望對(duì)您的設(shè)計(jì)創(chuàng)作帶來(lái)了靈感。如果覺(jué)得文章不錯(cuò)，歡迎把普賢居素材網(wǎng)推薦給更多的設(shè)計(jì)達(dá)人。