注冊和登錄的流程體驗?提升方法!

2021-7-20    資深UI設(shè)計者

注冊和登錄是進(jìn)入產(chǎn)品的首要操作,毫無疑問好的用戶體驗能為產(chǎn)品加分,同理好的注冊和登錄體驗會讓用戶對產(chǎn)品留下更好的印象。

簡單的注冊和登錄流程中也存在著很多交互細(xì)節(jié),這里介紹 10 個平常經(jīng)常用得到的設(shè)計細(xì)節(jié),一起來看看~

自動對焦首選項

交互設(shè)計的基本原則之一是去除雜亂,去除每一次不必要的操作,避免用戶長時間的等待或思考。

用戶進(jìn)入注冊頁面注冊賬號時,會第一時間填寫郵箱,那么我們是不是可以考慮自動對焦郵箱選項,省去用戶再次點擊的麻煩。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

實時驗證內(nèi)容

我們在輸入注冊信息的時候,可能并沒有意識到錯誤,通常會在賬號全部輸入完畢之后才會出現(xiàn)錯誤提示,因此我們又要重新再輸入一遍冗長的賬號信息,過程很繁瑣。

對于填寫郵箱之類的操作,進(jìn)行模糊驗證是有意義的,避免了用戶信息全部填寫完整后再驗證,而是在系統(tǒng)發(fā)現(xiàn)錯誤后盡快讓用戶知道。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

使標(biāo)簽可點擊

盡可能讓創(chuàng)建的每個帶標(biāo)簽的文本輸入都有可單擊的標(biāo)簽,如密碼應(yīng)該是可點擊的,并將焦點放在密碼字段上。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

輸入密碼時顯示要求

輸入密碼總是讓人頭疼的一件事,尤其是當(dāng)密碼有大小寫、數(shù)字、符號等要求時,往往需要輸入很多次后才能成功登錄。

不應(yīng)該讓用戶去猜測密碼有什么要求,相反應(yīng)該在用戶開始輸入密碼時就給出明確的提示要求。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

允許用戶查看密碼

允許用戶查看輸入的密碼,這樣方便他們對密碼進(jìn)行二次校驗和修改,同時這種方式比再次重新輸入密碼要簡單。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

使用清晰的文案

清晰的按鈕文案既能吸引用戶點擊,也可以引導(dǎo)完成他們想要完成的操作。沒有用戶喜歡模棱兩可的文案提示,尤其是在做選擇的時候。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

讓用戶明確服務(wù)條款

每個產(chǎn)品的注冊頁面都會有這樣的服務(wù)條款,在情況允許的條件下,盡可能提供默認(rèn)的選擇結(jié)果,避免用戶再次選擇和操作。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

允許在登錄和注冊之間切換

如果用戶不小心選擇了錯誤的選項,要保證用戶能從注冊和登錄中快速地切換。最常見的形式是在底部添加一個鏈接。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

說明密碼錯誤的具體原因

當(dāng)用戶輸入密碼并顯示密碼錯誤時,需要具體說明密碼不符的原因,告訴用戶如何修改密碼。

注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

保留賬號信息

如果用戶密碼輸入錯誤,應(yīng)該保留賬號信息,不必再讓用戶重復(fù)輸入賬號,只需要輸入密碼即可。


注意這10個交互細(xì)節(jié),提升注冊和登錄的流程體驗 !

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來源:優(yōu)設(shè) 作者:Clip設(shè)計夾

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



分享本文至:

日歷

鏈接

個人資料

存檔