一個(gè)合格的注冊(cè)登錄頁(yè)面，應(yīng)該是具有清晰的操作流程，良好的交互細(xì)節(jié)和不錯(cuò)的視覺(jué)設(shè)計(jì)。

APP的注冊(cè)登錄有四種情況。

? 一是不需要注冊(cè)登錄（不需要注冊(cè)登錄也提出來(lái)？是不是作死~）

系統(tǒng)自帶的工具類(lèi)APP，像經(jīng)常使用的鬧鐘、日歷、計(jì)算器等等；一些簡(jiǎn)單的第三方APP：開(kāi)眼，樂(lè)流，榫卯等。

這些APP的特點(diǎn)都是功能相對(duì)單一，比較『輕』，不需要用戶(hù)信息就能使用所有功能，所以就不需要注冊(cè)登錄這個(gè)環(huán)節(jié)。

? 二是第三方賬號(hào)登錄

用戶(hù)不需要輸入注冊(cè)登錄信息，直接選擇一種第三方賬號(hào)就能完成登錄。國(guó)內(nèi)常見(jiàn)的第三方賬號(hào)有微博、微信、QQ、豆瓣、人人等，國(guó)外常見(jiàn)的第三方賬號(hào)有Facebook，Twitter，Google等。

現(xiàn)在國(guó)內(nèi)除了超級(jí)APP之外的APP基本都支持第三方賬號(hào)登錄，這樣能簡(jiǎn)化用戶(hù)注冊(cè)登錄的流程，提高APP的留存率。

? 三是郵箱注冊(cè)

開(kāi)始的時(shí)候注冊(cè)登錄是基于PC的，也就是基于網(wǎng)頁(yè)。所以郵箱注冊(cè)自然而然成為主流，而且注冊(cè)過(guò)程中需要驗(yàn)證郵箱也很方便，用戶(hù)直接在PC就可以完成所有操作。

現(xiàn)在很多APP依然保持著郵箱注冊(cè)的方式。

? 四是手機(jī)注冊(cè)

隨著移動(dòng)互聯(lián)網(wǎng)的到來(lái)，人們觸網(wǎng)的主要設(shè)備已經(jīng)從PC逐漸轉(zhuǎn)移到手機(jī)。

加上手機(jī)號(hào)碼的實(shí)名制、全球通業(yè)務(wù)的普及，使得手機(jī)號(hào)碼也具有了標(biāo)示性。

并且APP是基于手機(jī)的。

所以用手機(jī)號(hào)碼注冊(cè)APP，等通過(guò)短信的方式驗(yàn)證，也逐漸成為了主流。

APP的優(yōu)秀與否，由很多因素決定，而良好的交互細(xì)節(jié)是每一個(gè)優(yōu)秀APP的共同品質(zhì)。只有從使用場(chǎng)景出發(fā)，并從用戶(hù)的視角來(lái)思考產(chǎn)品，才能設(shè)計(jì)出打動(dòng)人心的APP。

? 用顯示/隱藏小icon代替輸入兩遍密碼

為了確保密碼輸入正確，很多APP需要用戶(hù)輸入兩遍密碼來(lái)確定密碼輸入無(wú)誤，但這無(wú)疑增加了用戶(hù)的工作量。解決方式便是在密碼輸入框右邊增加一個(gè)顯示/隱藏小icon，讓用戶(hù)在輸入完一遍密碼后可以選擇點(diǎn)開(kāi)顯示/隱藏小icon來(lái)確保密碼輸入無(wú)誤，減少用戶(hù)的工作量。

? 彈出相對(duì)應(yīng)的輸入鍵盤(pán)

點(diǎn)開(kāi)郵箱輸入框，彈出帶有@的英文輸入鍵盤(pán)。

點(diǎn)開(kāi)手機(jī)號(hào)輸入框，彈出九宮格數(shù)字輸入鍵盤(pán)。

點(diǎn)開(kāi)密碼輸入框，彈出英文輸入鍵盤(pán)。

這是很小的細(xì)節(jié)，雖然用戶(hù)可能不知道哪里不對(duì)，但是他能體會(huì)到好不好用。一個(gè)APP注意了這點(diǎn)，那用戶(hù)就會(huì)覺(jué)得這個(gè)APP好用。而兩一個(gè)APP沒(méi)有做到這點(diǎn)，無(wú)論點(diǎn)擊哪個(gè)輸入框彈出的都是九宮格中文輸入鍵盤(pán)，用戶(hù)就會(huì)覺(jué)得這個(gè)APP不太好用。

作為設(shè)計(jì)師，要知道用戶(hù)覺(jué)得不好用的原因是什么，這樣才能對(duì)癥下藥，改善用戶(hù)體驗(yàn)。

? 對(duì)手機(jī)號(hào)碼進(jìn)行3 4 4的分布。

這個(gè)規(guī)則不僅適用于手機(jī)號(hào)碼，包括銀行賬號(hào)、轉(zhuǎn)賬金額等等。

這是因?yàn)槿说亩唐谟洃浭怯邢薜模匆淮沃荒苡涀∮邢薜臇|西，如果強(qiáng)制記住很長(zhǎng)的東西，短期記憶就很容易出錯(cuò)。

所以將數(shù)字以4或者3為單位分組，有利于用戶(hù)閱讀和編輯數(shù)字。

? 登錄時(shí)增加一鍵清空icon。

在登錄的時(shí)候偶爾會(huì)出現(xiàn)輸入錯(cuò)誤，如果沒(méi)有這個(gè)清除的icon，我們只能按鍵盤(pán)中的清楚按鈕，需要一直按住知道輸入框?yàn)榭铡?

一個(gè)只需要點(diǎn)一次就能清空，一個(gè)需要長(zhǎng)按一段時(shí)間才能清空，孰優(yōu)孰劣可想而知。

? 清晰的錯(cuò)誤反饋。

當(dāng)用戶(hù)輸入錯(cuò)誤信息時(shí)，知名彈出臨時(shí)框提示用戶(hù)。而不是不做反應(yīng)讓用戶(hù)自己去猜到底是怎么回事。

臨時(shí)框也有兩種形式，一種是左邊，需要用戶(hù)點(diǎn)擊確認(rèn)才能進(jìn)行下一步操作。一種是右邊，彈出一兩秒后自動(dòng)隱藏。個(gè)人更傾向于第二種形式，因?yàn)榉N形式相當(dāng)于強(qiáng)制中斷了用戶(hù)的操作，用戶(hù)需要點(diǎn)擊確認(rèn)才能回到原來(lái)的操作流程。

我相信還有很多好的交互細(xì)節(jié)，大家可以自己平時(shí)積累。讓你的設(shè)計(jì)逼格越來(lái)越高，用戶(hù)體驗(yàn)越來(lái)越牛逼。

? 緊密

   通過(guò)元素的遠(yuǎn)近將相似元素分組。

? 對(duì)齊

   通過(guò)對(duì)齊，規(guī)范元素的排版 。

? 簡(jiǎn)約

   注冊(cè)登錄頁(yè)面的背景盡量簡(jiǎn)約，從而讓主體信息更加突出。

? 對(duì)比

   將重要的內(nèi)容放大，增加色塊背景；將相對(duì)次要的內(nèi)容縮小，降低明度等從而使       得信息層級(jí)清晰。

? 均衡

注冊(cè)登錄頁(yè)面幾乎都是沿著中心線左右對(duì)稱(chēng)的，信息是左右均衡擺放的。否

者會(huì)導(dǎo)致頁(yè)面不平衡。

網(wǎng)頁(yè)設(shè)計(jì)

• 2020-11-11如何把手機(jī)網(wǎng)站優(yōu)化做好
• 2020-11-11建設(shè)一個(gè)手機(jī)網(wǎng)站的步驟
• 2020-11-11 手機(jī)網(wǎng)站建設(shè)和開(kāi)發(fā)要注意的事項(xiàng)
• 2020-11-11手機(jī)網(wǎng)站如果做好了會(huì)占據(jù)什么優(yōu)勢(shì)
• 2020-11-11手機(jī)網(wǎng)站就應(yīng)運(yùn)而生 優(yōu)勢(shì)有哪些
• 2020-11-11一個(gè)普通的手機(jī)網(wǎng)站怎么制作 流程有哪些
• 2020-11-09創(chuàng)建手機(jī)網(wǎng)站需要注意什么
• 2020-11-11手機(jī)網(wǎng)站開(kāi)發(fā)需要哪些步驟
• 2020-11-11佛山網(wǎng)站建設(shè)提醒手機(jī)網(wǎng)站優(yōu)化要趁早-搶占先機(jī)
• 2020-11-11手機(jī)網(wǎng)站和電腦網(wǎng)站建設(shè)一樣嗎
• 2020-11-11手機(jī)網(wǎng)站制作帶來(lái)的四大益處 企業(yè)一定要重視
• 2020-11-11手機(jī)網(wǎng)站優(yōu)化這些誤區(qū)要避免