怎樣做登陸注冊界面？（APP的注冊登錄有三種情況）

一個(gè)合格的樣做有種注冊登錄頁(yè)面，應該是登陸( ?ω?)P的登錄具有清晰的操作流程，良好的注冊注冊交互細節和美觀(guān)的視覺(jué)設計(ji)。

移動(dòng)互聯(lián)網(wǎng)盛行下，界面基本所有APP都會(huì )有注冊登錄功能，情況它不僅能讓用戶(hù)扭頭就走，樣做有種也能讓產(chǎn)品獲得新??用戶(hù)的登陸P的登錄芳心。

一個(gè)合格的注冊注冊注冊登錄頁(yè)面，應(ying)該是界面具有清晰的操作流程，良好的情況交互細節和美觀(guān)的視覺(jué)設計。

APP的(′▽?zhuān)?)樣做有種注冊登??錄有三種情況一、無(wú)登錄注冊

1、登陸P的登錄大部分免費使用

2、注冊注冊一般功能都比較單一，界??面不會(huì )記錄用戶(hù)的情況歷史行為，打開(kāi)即用。

特征：工具類(lèi)型產(chǎn)品盈利模式主要是靠廣告盈??利。

二、強制性登錄注冊

1、渴望用戶(hù)的信息，對用戶(hù)身份信息敏感

2、對用戶(hù)賬號安全有保護，注重用戶(hù)的數據保護(′_ゝ`)

如：社交類(lèi)app、運動(dòng)健身類(lèi)、招聘類(lèi)…

特征：這類(lèi)產(chǎn)品的特質(zhì)ヾ(′?｀)?（功能、服務(wù)）強烈的吸引著(zhù)用戶(hù)，用戶(hù)非常愿意使用此類(lèi)用戶(hù)。

三、觸發(fā)登錄/注冊

1、靠?jì)??容與產(chǎn)品支撐，通過(guò)內容與產(chǎn)品的優(yōu)勢

2、吸引用戶(hù)，促使用戶(hù)轉化

如：電商類(lèi)、新聞類(lèi)、知識類(lèi)…

特征：

2、發(fā)展期、初創(chuàng )期的產(chǎn)品需要多的用戶(hù)數量，所以不會(huì )在登錄注冊時(shí)強制執行，給用戶(hù)帶來(lái)困擾。

小(′?_?`)結：根(gen)據產(chǎn)品屬性選擇合適的方式

默認優(yōu)先“登錄頁(yè)”還是“注冊頁(yè)”呢？

一、注冊?xún)?yōu)先

1、可體驗全部功能，直接進(jìn)入產(chǎn)品核?區域。

2、可獲取用戶(hù)信息，個(gè)性化推薦

常用于社交或定制化較強的APP，例如：QQ，微信，抖音，kee??p，?紅書(shū)…. 缺點(diǎn)：門(mén)檻較高，還沒(méi)看到整個(gè)應用的全貌就要填寫(xiě)個(gè)人 信息，考驗?戶(hù)耐心。

優(yōu)點(diǎn)：

1 、所提供的內容和功能，需建立在?戶(hù)基本信息之上

2、 產(chǎn)品初期成?長(cháng)階段，需通過(guò)強化注冊?口提高新增?戶(hù)量

二、登錄優(yōu)先

適用場(chǎng)景：

1、前期在web端積累大量用戶(hù)，轉移到??移動(dòng)端時(shí)；

2、產(chǎn)品發(fā)展穩定期，已擁有大量的用戶(hù)基礎(╯°□°)╯且新增用戶(hù)增長(cháng)較為緩慢時(shí)。

優(yōu)點(diǎn)：方便老用戶(hù)，進(jìn)入應用效率較高

缺點(diǎn)：通常情況下，用戶(hù)會(huì )選擇下方的第三方一鍵登錄，??如果后期平臺需要用戶(hù)ヽ(′ー｀)ノ提交個(gè)人信息來(lái)(′▽?zhuān)?享用更多功能(?????)時(shí)，需要謹慎引導否則引起用戶(hù)反感

三、登錄注冊一體化

優(yōu)點(diǎn)：方便快捷，轉化率高

登錄/注冊的頁(yè)面設計元素有哪些？背景設計

淺色背(′ω｀)景

1、簡(jiǎn)化了背??景的視覺(jué)(′Д` )，突顯賬號區域的內容

2、聚焦注冊/登錄的信息錄入，提高轉化

突出品牌信息，加深用戶(hù)對品牌的認知，樹(shù)立??品牌在用戶(hù)心中的印象。

圖片視頻背景

引導元素設計

品牌元素引導

目的是為了進(jìn)一步強大用戶(hù)對品牌的認(ren)知，讓用戶(hù)熟悉產(chǎn)??品，了解產(chǎn)品、對產(chǎn)品產(chǎn)生足夠的(de)印象，擴大品牌效應。

當以品牌名或LOG┐(′д｀)┌O體現的時(shí)候，背景的設計一般會(huì )弱化。

文案引(′?_?`)導

更有親和力，與用戶(hù)對話(huà)，同時(shí)更加聚焦每一步操作任務(wù)！

插畫(huà)引導

1、使用與產(chǎn)品氣質(zhì)一致的插畫(huà)，可以強化品牌感

2、同時(shí)更具有趣味性，也能讓用戶(hù)感受到產(chǎn)品設計的態(tài)度。

賬號操作設計

第三方快捷登錄

以增加(′?｀*)用??戶(hù)量為主要目的時(shí)，可采用快捷登錄方式，(′；ω；`)它給用戶(hù)??提供了一種更為便捷的選擇( ?° ?? ?°)方式，無(wú)形中減少了用戶(hù)的選擇負擔。

信息輸入表??單

以留存用戶(hù)信息為目的時(shí)，讓用戶(hù)通過(guò)輸入自己的賬號、密碼、手機號碼、驗證碼等方式完成的登錄注冊操作。

表單有幾種狀態(tài)？

1、默認狀態(tài)（input&Btn）

2、激活狀態(tài)（in(?Д?)put）

3、輸入狀態(tài)（input&Btn）

4、校驗報錯（前/后端校驗）

5、清除方式

6、密碼可/不可見(jiàn)

7、驗證碼讀秒/獲取

頁(yè)面左上角是“返回”還是“關(guān)閉”？

設計方式：

1、明確注冊/登錄的功能定位

2、參照操作邏輯使用

Bilibili注冊登錄定??位為一個(gè)獨立模塊，該模塊高于其他模塊。

如Bilibili：

感謝您耐心的讀完，真心希望??你能獲得新(′?ω?`)知哦～

相關(guān)推薦：

幫你全面掌ヽ(′ー｀)ノ握投影設計

UI底部標簽??欄設計總結

UI設計師必看，作品集制作注意要點(diǎn)

怎么做好彈框設計？有哪些注意事項？

為你全面分析移動(dòng)端APP搜索框應該怎樣設計