最基本的登錄-注冊模型

應(yīng)用的登錄注冊是很多用戶接觸應(yīng)用最先碰到的流程胎许,如果登錄注冊體驗(yàn)沒做好柑司,就給用戶留下了很不好的影響踊餐,甚至流失潛在用戶。

整理了現(xiàn)在市面上最常用的登錄-注冊的流程翘县,也結(jié)合自己的設(shè)計習(xí)慣希望給大家做一個參考最域。

除了注冊、登錄的主流程锈麸,還會涉及到提示信息的展示、按鈕的交互等牺蹄。

注冊

一般現(xiàn)在的應(yīng)用注冊有手機(jī)號碼+驗(yàn)證碼忘伞、手機(jī)號碼+密碼、郵箱+密碼沙兰、用戶名+密碼這幾種氓奈。

整理了手機(jī)號碼+驗(yàn)證碼、手機(jī)號碼+密碼鼎天、郵箱+密碼注冊三種方式的流程

image

圖一
注冊流程舀奶,盡量簡單,快速比較好斋射。越來越多的應(yīng)用開始使用手機(jī)號+驗(yàn)證碼的方式一步完成注冊和登錄過程育勺。

在校驗(yàn)信息的過程中有本地校驗(yàn)和服務(wù)器校驗(yàn)兩種判斷信息是否正確的方式,本地校驗(yàn)一般是校驗(yàn)信息的格式是否正確罗岖,服務(wù)器校驗(yàn)一般校驗(yàn)輸入信息和數(shù)據(jù)庫的對比結(jié)果涧至。

我的設(shè)計習(xí)慣是,本地校驗(yàn)的提示是這樣做的桑包。

image

圖二

不需要用戶做交互南蓬,當(dāng)輸入信息的格式正確,提示就消失。

在本地檢驗(yàn)沒完成時赘方,完成(注冊烧颖、登錄等)按鈕就呈不可點(diǎn)擊態(tài),當(dāng)本地校驗(yàn)完成窄陡,則呈可點(diǎn)擊態(tài)倒信。

image

圖三

再點(diǎn)擊按鈕,進(jìn)行服務(wù)器信息校驗(yàn)泳梆,如果信息錯誤鳖悠,則用toast提示(可以自己設(shè)計,也可以用系統(tǒng)自帶的)自己設(shè)計用戶體驗(yàn)會好一點(diǎn)

image

圖四

登錄

登錄現(xiàn)在一般用手機(jī)號碼+驗(yàn)證碼优妙、手機(jī)號碼+密碼乘综、郵箱+密碼、用戶名+密碼套硼、第三方登錄卡辰、二維碼掃描登錄、活體驗(yàn)證這幾種邪意。

整理了手機(jī)號碼+驗(yàn)證碼九妈、手機(jī)號碼+密碼、郵箱+密碼的流程

image

圖五

很多移動端應(yīng)用將登錄和注冊的過程直接合并雾鬼,一步完成(慢慢的放輕注冊的概念)萌朱,在用戶首次使用應(yīng)用時,直接就用登錄流程來完成注冊策菜。

也有應(yīng)用提供的注冊方式只有手機(jī)號+密碼注冊晶疼,在注冊完成后,在應(yīng)用內(nèi)去設(shè)置用戶名和郵箱又憨,之后可以用手機(jī)號翠霍、郵箱、用戶名三種中的一種+密碼的方式進(jìn)行登錄蠢莺。

  • 第三方登錄
image

圖六

第三方登錄是登錄注冊的必備選項了寒匙,能讓應(yīng)用快速獲得用戶的基本信息,借助第三方登錄來簡化登錄的流程躏将,也便于用戶進(jìn)行多平臺的賬號管理锄弱。

  • 二維碼登錄
image

二維碼登錄一般是PC端使用。

這些都是基礎(chǔ)的模型耸携,到底用哪一種棵癣,還是要看自己本身的業(yè)務(wù)需求的。

歡迎關(guān)注微信公眾號:你叫我陳先森夺衍。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末狈谊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌河劝,老刑警劉巖壁榕,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異赎瞎,居然都是意外死亡牌里,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門务甥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來牡辽,“玉大人,你說我怎么就攤上這事敞临√粒” “怎么了?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵挺尿,是天一觀的道長奏黑。 經(jīng)常有香客問我,道長编矾,這世上最難降的妖魔是什么熟史? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮窄俏,結(jié)果婚禮上蹂匹,老公的妹妹穿的比我還像新娘。我一直安慰自己裆操,他們只是感情好怒详,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著踪区,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吊骤。 梳的紋絲不亂的頭發(fā)上缎岗,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機(jī)與錄音白粉,去河邊找鬼传泊。 笑死,一個胖子當(dāng)著我的面吹牛鸭巴,可吹牛的內(nèi)容都是我干的眷细。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼鹃祖,長吁一口氣:“原來是場噩夢啊……” “哼溪椎!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤校读,失蹤者是張志新(化名)和其女友劉穎沼侣,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體歉秫,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蛾洛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了雁芙。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片轧膘。...
    茶點(diǎn)故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖兔甘,靈堂內(nèi)的尸體忽然破棺而出谎碍,到底是詐尸還是另有隱情,我是刑警寧澤裂明,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布椿浓,位于F島的核電站,受9級特大地震影響闽晦,放射性物質(zhì)發(fā)生泄漏扳碍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一仙蛉、第九天 我趴在偏房一處隱蔽的房頂上張望笋敞。 院中可真熱鬧,春花似錦荠瘪、人聲如沸夯巷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽趁餐。三九已至,卻和暖如春篮绰,著一層夾襖步出監(jiān)牢的瞬間后雷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工吠各, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留臀突,地道東北人。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓贾漏,卻偏偏與公主長得像候学,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子纵散,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容