APP登錄設計,你真的會嗎?

大多數(shù)情況下,登錄模塊是產(chǎn)品設計中不可避免的一環(huán),在設計之前必須先理清登錄設計邏輯。目前常見的登錄方式主要有:

1.賬號登錄(手機、郵箱)

2.第三方登錄(微信,QQ,微博)

3.游客登錄

4.手勢登錄,語音登錄,指紋,人臉識別(比如微信的語音登錄、iphone指紋解鎖)

5.一鍵快捷登錄(比如工具類產(chǎn)品)

那么,我們?yōu)槭裁匆O計登錄呢?如果不設計登錄,意味著無法獲取用戶信息,無法對用戶信息做進一步的決策。既然用戶信息對產(chǎn)品來說很重要,那么在設計的時候,要重點考慮用戶信息的安全性以及便利性,讓用戶放心登錄,快捷登錄是我們設計的目標。所以,如果登錄后能很好保護用戶隱私,那就做吧。

另一點就是,要不要設計登錄模塊,還要看產(chǎn)品的特性。一般來說,像相機、手電筒、時鐘、天氣等純工具產(chǎn)品是不需要登錄這個環(huán)節(jié);而像強社交需求的產(chǎn)品、涉及到較多用戶財產(chǎn)安全的產(chǎn)品、用戶對操作記錄等個人隱私比較關心的產(chǎn)品,登錄是必須的。

確定好是否要設計登錄環(huán)節(jié),下一步考慮這個環(huán)節(jié)應該放在哪里合適,也就是用戶需要什么時候登錄。

常見的有,

第一種,在啟動的時候就檢測用戶是否登錄,若未登錄則讓用戶登錄(比如IN);

圖1

這種方式稱也前置登錄,就是說,如果用戶信息貫穿到產(chǎn)品核心功能各環(huán)節(jié),這時候可以將登錄前置到啟動環(huán)節(jié)(比如強社交、強個性化推薦的產(chǎn)品),簡單一句話就是,如果你不登錄,你就用不了我產(chǎn)品的很多功能。

另一種情況,當需要用戶的信息的時候再檢測用戶是否登錄,由未登錄跳轉到登錄頁面,比如淘寶,你逛淘寶有時候就是逛逛,未必要買,那干嘛要填個人信息呢。只有在你需要買東西時,你才要登錄填寫自己的信息,不然怎么收貨呢。

這種方式就稱后置登錄,如果產(chǎn)品只是在某些環(huán)節(jié)需要用戶的信息,這時候可以登錄后置(比如電商、新聞類的產(chǎn)品),一般傾向放在最后一步登錄,目的是不想在第一步將用戶卡死;如果放在第一步,用戶無法預知后面還有多少步驟,會造成用戶的流失。

一圖勝千言,請戳:

圖2

理清了登錄設計的邏輯,下面談談APP登錄頁的設計策略和方法:

1.減法:登錄頁面要保證頁面簡潔性,只保留必要的信息,盡量不要參雜干擾信息,如:功能介紹、公司介紹、推廣廣告等;

2.引人注目的用戶界面

a.模糊背景;

圖3

b.暗色調背景(使登錄表單成為吸引用戶的主要事物);

圖4

c.扁平化的純色背景(色彩上需精心搭配);

圖5

3.清晰的視覺縱線:人的視覺瀏覽呈“L”型視線,意味從上到下,從左到右。表單設計需按照這種規(guī)律來。

4.注重用戶體驗設計:

a.減少用戶輸入(注冊表中每增加一個字段,注冊率就會下降);

b.信息化注冊提示(比如密碼多少位合適,數(shù)字、字母怎么搭配),不要等用戶填完了才告訴他格式不對,換句話說,不要挑戰(zhàn)用戶的耐心,那樣會流失你的用戶;

c.減少強制性操作(出現(xiàn)驗證碼狀況),看看12306的驗證碼,你就知道有多頭大!

d.錯誤密碼輸入記憶:系統(tǒng)提示用戶再次輸入錯誤的密碼。設計時可對錯誤密碼進行記憶。


最后,欣賞一些優(yōu)秀的APP登錄頁面設計:

國外30個精美APP登錄界面UI設計欣賞

APP登錄注冊頁面欣賞?



最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容