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

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

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

系統(tǒng)附帶的工具APP，如經(jīng)常使用的鬧鐘，日歷，計(jì)算器等;一些簡(jiǎn)單的第三方應(yīng)用程序：睜眼，音樂(lè)等。

這些應(yīng)用程序的功能相對(duì)簡(jiǎn)單，相對(duì)“輕”，所有功能都可以在沒(méi)有用戶信息的情況下使用，因此無(wú)需注冊(cè)登錄。

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

用戶無(wú)需輸入注冊(cè)登錄信息，直接選擇第三方帳戶即可完成登錄。中國(guó)常見的第三方賬戶包括微博，微信，QQ，豆瓣，人人等。常見的外國(guó)第三方賬戶是Facebook，Twitter，谷歌等。

目前，Super APP以外的APP基本上支持第三方賬號(hào)登錄，簡(jiǎn)化了用戶注冊(cè)和登錄的過(guò)程，提高了APP的保留率。

??第三個(gè)是郵箱注冊(cè)

最初的注冊(cè)基于PC，它基于網(wǎng)頁(yè)。因此，郵箱的注冊(cè)自然成為主流，在注冊(cè)過(guò)程中驗(yàn)證郵箱很方便，用戶可以直接在PC上完成所有操作。

許多應(yīng)用仍然保留了注冊(cè)電子郵件的方式。

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

隨著移動(dòng)互聯(lián)網(wǎng)的出現(xiàn)，人們觸摸網(wǎng)絡(luò)的主要設(shè)備逐漸從個(gè)人電腦轉(zhuǎn)向移動(dòng)電話。

再加上手機(jī)號(hào)碼的實(shí)名制和全球業(yè)務(wù)的普及，手機(jī)號(hào)碼也被貼上了標(biāo)簽。

APP基于手機(jī)。

因此，使用手機(jī)號(hào)碼注冊(cè)APP并通過(guò)SMS進(jìn)行驗(yàn)證已逐漸成為主流。

APP的卓越性取決于很多因素，良好的交互細(xì)節(jié)是每個(gè)好APP的共同品質(zhì)。只有從使用場(chǎng)景開始并從用戶的角度思考產(chǎn)品，我們才能設(shè)計(jì)出吸引人的應(yīng)用程序。

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

為了確保正確輸入密碼，許多APP要求用戶輸入密碼兩次以確定密碼輸入正確，但這無(wú)疑會(huì)增加用戶的工作量。解決方案是在密碼輸入框的右側(cè)添加一個(gè)小的顯示/隱藏圖標(biāo)，以便用戶在輸入密碼后可以選擇打開/顯示小圖標(biāo)，以確保密碼輸入正確并減少工作量。用戶。

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

單擊郵箱輸入框以使用@調(diào)出英語(yǔ)輸入鍵盤。

點(diǎn)擊手機(jī)號(hào)碼輸入框，彈出九方格數(shù)字輸入鍵盤。

單擊密碼輸入框以彈出英文輸入鍵盤。

這是一個(gè)小細(xì)節(jié)，雖然用戶可能不知道它在哪里出錯(cuò)，但他可以理解如何使用它。 APP會(huì)關(guān)注這一點(diǎn)，用戶會(huì)覺得該應(yīng)用程序易于使用。這兩個(gè)APP沒(méi)有這樣做。無(wú)論點(diǎn)擊哪個(gè)輸入框，都是九方格中文輸入鍵盤。用戶會(huì)認(rèn)為這個(gè)應(yīng)用程序不是很容易使用。

作為設(shè)計(jì)師，您需要知道用戶感覺不易使用的原因，以便改進(jìn)正確的藥物并改善用戶體驗(yàn)。

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

此規(guī)則不僅適用于移動(dòng)電話號(hào)碼，還適用于銀行帳號(hào)，轉(zhuǎn)帳金額等。

這是因?yàn)槿藗兊亩唐谟洃浭怯邢薜?，也就是說(shuō)，一次只能記住有限的東西。如果你強(qiáng)行記住很長(zhǎng)的事情，短期記憶很容易犯錯(cuò)誤。

因此，以4或3為單位分組數(shù)字有助于用戶閱讀和編輯數(shù)字。

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

有時(shí)，登錄時(shí)會(huì)出現(xiàn)輸入錯(cuò)誤。如果沒(méi)有這樣的清晰圖標(biāo)，我們只能按鍵盤上的清除按鈕，您需要繼續(xù)按下并知道輸入框?yàn)榭铡?

一個(gè)人只能清空一次，一個(gè)人可以清空很長(zhǎng)一段時(shí)間。

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

當(dāng)用戶輸入錯(cuò)誤消息時(shí)，眾所周知的彈出臨時(shí)框會(huì)提示用戶。而不是沒(méi)有反應(yīng)，讓用戶猜測(cè)發(fā)生了什么。

臨時(shí)框也有兩種形式，一種是左側(cè)，用戶需要單擊確認(rèn)才能繼續(xù)下一步。一個(gè)是右側(cè)，在一兩秒后自動(dòng)隱藏。個(gè)人更喜歡第二種形式，因?yàn)樾问较喈?dāng)于強(qiáng)行中斷用戶的操作，用戶需要點(diǎn)擊確認(rèn)才能返回原來(lái)的操作流程。

我相信仍然有很多很好的互動(dòng)細(xì)節(jié)，每個(gè)人都可以自己建立。讓您的設(shè)計(jì)越來(lái)越強(qiáng)大，用戶體驗(yàn)越來(lái)越強(qiáng)大。

??緊密

類似的元素按元素的距離分組。

??對(duì)齊

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

??簡(jiǎn)約

注冊(cè)登錄頁(yè)面的背景盡可能簡(jiǎn)單，因此主題信息更加突出。

??對(duì)比

放大重要內(nèi)容，增加色塊背景;減少相對(duì)較小的內(nèi)容，降低亮度等，使信息水平清晰。

??均衡

注冊(cè)登錄頁(yè)面幾乎總是沿著中心線對(duì)稱，并且信息以平衡的方式放置。否

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