手機網(wǎng)站登錄界面如何設(shè)計-網(wǎng)站建設(shè)手機登錄界面設(shè)計

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

App的注冊登錄有四種情況。

?一是不需要注冊登錄（不需要注冊登錄也提出來？是不是作死~）

系統(tǒng)自帶的工具類App。像經(jīng)常使用的鬧鐘、日歷、計算器等等；一些簡單的第三方App：開眼。樂流。榫卯等。

這些App的特點都是功能相對單一。比較『輕』。不需要用戶信息就能使用所有功能。所以就不需要注冊登錄這個環(huán)節(jié)。

?二是第三方賬號登錄

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

現(xiàn)在國內(nèi)除了超級App之外的App基本都支持第三方賬號登錄。這樣能簡化用戶注冊登錄的流程。提高App的留存率。

?三是郵箱注冊

開始的時候注冊登錄是基于pC的。也就是基于網(wǎng)頁。所以郵箱注冊自然而然成為主流。而且注冊過程中需要驗證郵箱也很方便。用戶直接在pC就可以完成所有操作。

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

?四是手機注冊

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

加上手機號碼的實名制、全球通業(yè)務(wù)的普及。使得手機號碼也具有了標示性。

并且App是基于手機的。

所以用手機號碼注冊App。等通過短信的方式驗證。也逐漸成為了主流。

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

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

為了確保密碼輸入正確。很多App需要用戶輸入兩遍密碼來確定密碼輸入無誤。但這無疑增加了用戶的工作量。解決方式便是在密碼輸入框右邊增加一個顯示/隱藏小icon。讓用戶在輸入完一遍密碼后可以選擇點開顯示/隱藏小icon來確保密碼輸入無誤。減少用戶的工作量。

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

點開郵箱輸入框。彈出帶有@的英文輸入鍵盤。

點開手機號輸入框。彈出九宮格數(shù)字輸入鍵盤。

點開密碼輸入框。彈出英文輸入鍵盤。

這是很小的細節(jié)。雖然用戶可能不知道哪里不對。但是他能體會到好不好用。一個App注意了這點。那用戶就會覺得這個App好用。而兩一個App沒有做到這點。無論點擊哪個輸入框彈出的都是九宮格中文輸入鍵盤。用戶就會覺得這個App不太好用。

作為設(shè)計師。要知道用戶覺得不好用的原因是什么。這樣才能對癥下藥。改善用戶體驗。

?對手機號碼進行3 4 4的分布。

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

這是因為人的短期記憶是有限的。即一次只能記住有限的東西。如果強制記住很長的東西。短期記憶就很容易出錯。

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

?登錄時增加一鍵清空icon。

在登錄的時候偶爾會出現(xiàn)輸入錯誤。如果沒有這個清除的icon。我們只能按鍵盤中的清楚按鈕。需要一直按住知道輸入框為空。

一個只需要點一次就能清空。一個需要長按一段時間才能清空。孰優(yōu)孰劣可想而知。

?清晰的錯誤反饋。

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

臨時框也有兩種形式。一種是左邊。需要用戶點擊確認才能進行下一步操作。一種是右邊。彈出一兩秒后自動隱藏。個人更傾向于第二種形式。因為種形式相當于強制中斷了用戶的操作。用戶需要點擊確認才能回到原來的操作流程。

我相信還有很多好的交互細節(jié)。大家可以自己平時積累。讓你的設(shè)計逼格越來越高。用戶體驗越來越牛逼。

?緊密

通過元素的遠近將相似元素分組。

?對齊

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

?簡約

注冊登錄頁面的背景盡量簡約。從而讓主體信息更加突出。

?對比

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

?均衡

注冊登錄頁面幾乎都是沿著中心線左右對稱的。信息是左右均衡擺放的。否

者會導致頁面不平衡。

分享題目：手機網(wǎng)站登錄界面如何設(shè)計-網(wǎng)站建設(shè)手機登錄界面設(shè)計
轉(zhuǎn)載來源：http://www.muchs.cn/news19/296569.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、網(wǎng)站內(nèi)鏈、服務(wù)器托管、企業(yè)建站、自適應(yīng)網(wǎng)站、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)