用戶系統(tǒng)設計(上)前端設計和多平臺賬號打通

前言

用戶系統(tǒng)是很多產品最基礎的構成之一,但是越是基礎越是開源設計想要完善也更難宵喂。在設計用戶系統(tǒng)的時候或悲,首先想到的關鍵詞是注冊和登錄。但并不是有這兩者就足夠了怪与,更加完善用戶系統(tǒng)本身還需要考慮:多平臺賬號打通夺刑,同平臺賬號之間綁定與解綁,賬號安全等及需要怎樣的前端設計才是滿足這個產品本身定位和用戶操作的設計。

用戶系統(tǒng)的實現(xiàn)簡單來說有兩種方式:1遍愿、自己構建用戶系統(tǒng)存淫;2、用第三方授權沼填。第三方授權獲得的用戶信息有限且受制于人桅咆,而自己構建用戶系統(tǒng)研發(fā)及用戶使用成本均不如第三方授權。所以更多的是兩者并存坞笙,相互補充岩饼。

在定義服務端字段或需求若有不完善和不專業(yè)的地方,希望大家多提意見薛夜,共同完善籍茧。

一、總結需求

1.用戶系統(tǒng)基本注冊/登錄功能及前端頁面設計

2.多平臺賬號打通梯澜,即在單一app注冊的用戶寞冯,能夠使用此賬號登陸系統(tǒng)內所有app

3.用戶相對獨立,對于單一app來說用戶身份唯一

二晚伙、前端設計

登陸注冊主流設計有三種(原型如下)


1. 賬號密碼優(yōu)先

賬號密碼優(yōu)先是最常見的一種登錄注冊設計吮龄,適用于普遍場景,鼓勵用戶用注冊方式登錄咆疗,有利于產品引導用戶完善更多的資料漓帚,留存自己的用戶信息。例如知乎是以賬號密碼登錄為最優(yōu)先午磁,且會隱藏第三方授權登錄〕⒍叮現(xiàn)在的賬號密碼登錄都會以用戶注冊方式代替系統(tǒng)生成的userid作為賬號。純賬號密碼登錄是較為早期的設計漓踢,例如早期qq和飛信牵署。

2. 手機號快捷登陸優(yōu)先

手機號快捷登陸,也叫免密登錄/短信驗證碼登錄喧半,適用于用戶不登錄能夠完成大部分行為奴迅,只有在某種場景下必須獲得用戶身份時才需要用戶登錄,且此時用戶的想要完成的行為是被要求登錄操作打斷的挺据。常見的如團購類產品取具,用戶在應用內進行了商品的瀏覽、篩選扁耐、添加到購物車暇检,當要進行最后一步付款操作時,發(fā)現(xiàn)未登錄婉称。這時繁瑣的注冊或者登錄都有可能導致這筆訂單甚至這個用戶的流失块仆。所以這時獲取用戶身份的方式一定要盡可能便捷构蹬。

3. 第三方授權登陸優(yōu)先

第三方授權登陸,適用于對用戶資料和權限要求不高快速解約開發(fā)成本的產品悔据。建議在應用構建用戶系統(tǒng)的前期可以首先接入第三方庄敛,快速的實現(xiàn)登錄功能。但是若想建設自身關系鏈還是需要完善自己的用戶系統(tǒng)科汗。

用戶資料實際也屬于用戶系統(tǒng)等設計的內容藻烤。是否要增加此項的判斷原則是根據(jù)這個產品對用戶資料的需求程度決定用戶注冊時是否要增加資料填寫頁,資料填寫頁是強制阻斷性的還是可跳過的头滔,必填的資料項有哪些怖亭,希望填的有哪些。例如是需要關系鏈的那么注冊的時候就應該強制用戶去填寫資料設置必要的昵稱和頭像坤检,這樣的用戶對于此類應用來說才屬于有效用戶兴猩,不然在app內用戶點進資料頁,全是系統(tǒng)自動生成的垃圾信息缀蹄,對于建設關系鏈和留存?zhèn)^大峭跳。

交互細節(jié)上又可以延伸用戶進行注冊或登錄需要幾個步驟膘婶?這些步驟是在一個頁面上承載還是一步一個頁面以多頁面去承載缺前?單一頁面承載的優(yōu)勢是用戶能夠有很清楚的預期,他完成注冊需要進行哪些操作悬襟,但是劣勢是一個頁面承載過多信息顯得雜亂衅码,操作的次序也會不明確;多頁面承載的劣勢是用戶對完成注冊的具體行為沒有完整預期脊岳,更容易跳出逝段,優(yōu)勢是頁面整潔并且路徑單一,能引導用戶完全按照通暢的預設路徑進行割捅。我個人更推薦后者奶躯,因為用戶預期可以用頁碼/步驟管理用戶預期。

下面是我根據(jù)我們產品的定位和需求設計的用戶登錄/注冊系統(tǒng)原型:如上所說亿驾,我設計的用戶系統(tǒng)是需要承載多產品的嘹黔,所以我設計融合賬號密碼登錄和手機號快捷登錄兩種方式,以用戶出發(fā)需要登錄的場景去切換展現(xiàn)在用戶面前的是哪一種莫瞬。

補充一些貼心的小點:

1.申請讀取本機號碼權限儡蔓,并幫用戶填寫

2.申請讀寫短信權限,獲取到驗證碼后自動填寫并點擊下一步

3.應該前置到提醒:上次登錄方式疼邀,合法的手機號喂江,正確的圖形驗證碼等等

三、服務端設計

很多產品旁振,特別是沒有技術背景的產品不會去接觸和設計服務端需求获询,實際上我自己日常工作中接觸服務端需求也并不多涨岁,并不是說產品要負責設計一個完善的用戶系統(tǒng)服務端,而是要學會以服務端同事能懂的方式表達清楚自己的訴求吉嚣,兩邊對功能的實現(xiàn)不會有太多的偏差卵惦,這是產品設計服務端目的所在。

簡單的用戶系統(tǒng)服務端的基本功能需求為:判斷賬號身份(注冊/未注冊)瓦戚,賬號身份生成(新用戶分配id)沮尿,賬號密碼驗證;這里要設計的并不滿足于注冊登錄较解,需要考慮多平臺賬號打通的用戶系統(tǒng)并且要和在打通情況下單一平臺或多個平臺之間畜疾,用戶的多個賬號之間綁定于解綁。現(xiàn)在先說一下多平臺賬號打通需要考慮哪些問題:

1.用戶系統(tǒng)身份的創(chuàng)建印衔,因為我們是多平臺的系統(tǒng)啡捶,所以用戶身份只能納入手機號注冊的用戶,若第三方授權注冊的也算用戶系統(tǒng)用戶奸焙,在賬號綁定的那一關則會出現(xiàn)混亂瞎暑;

2.實現(xiàn)多平臺賬號打通,要實現(xiàn)多平臺賬號打通与帆,即所有接入多平臺都能夠查詢到此用戶身份了赌;

3.平臺間用戶身份獨立,要實現(xiàn)平臺間用戶身份獨立玄糟,則需要在用戶系統(tǒng)用戶身份的基礎上創(chuàng)建一個平臺的用戶身份勿她;


(一) 用戶系統(tǒng)多平臺打通

名詞解釋

1)Appid:接入用戶系統(tǒng)時首先分配,用于區(qū)別接入的各個app阵翎;

2)Unionid:用戶手機注冊時逢并,由用戶系統(tǒng)根據(jù)手機號創(chuàng)建,在用戶系統(tǒng)作為用戶唯一身份標識郭卫;

3)Appuserid:用戶注冊時砍聊,由app服務端根據(jù)union或者第三方授權的openid創(chuàng)建,在app內作為用戶唯一的身份標識贰军;

基本原則

1)手機號作為用戶系統(tǒng)賬號的注冊的唯一途徑玻蝌,根據(jù)手機號在用戶系統(tǒng)服務端創(chuàng)建并保存unionid;app服務端根據(jù)unionid創(chuàng)建并保存appuserid谓形,且將unionid對應保存灶伊;

2)用戶系統(tǒng)同一unionid可對應不同的appuserid

3)使用第三方openid授權的注冊用戶不計入用戶系統(tǒng)僅存在app服務端作為單app用戶,即unioid為空只生成appuserid寒跳;第三方授權包括微博微信聘萨,QQ,F(xiàn)acebook童太,Twitter

1. 主線流程圖


手機號注冊主流程為:

用戶注冊時米辐,用戶系統(tǒng)服務端需要驗證手機號+驗證碼是否為真胸完,此手機號是否已有對應unionid;若有提示已注冊翘贮,請登錄赊窥;若無創(chuàng)建對應unionid,app服務端根據(jù)unionid創(chuàng)建appuserid狸页。至此成功生成了用戶系統(tǒng)身份及當前app用戶身份锨能。

手機號登陸主流程為:

用戶登錄時,用戶系統(tǒng)服務的驗證手機號+密碼是否為真芍耘,此手機號是否有對應unionid址遇,若有,則說明此用戶有用戶系統(tǒng)身份斋竞。

還需要app服務端需要查詢是否有對應的appuserid倔约,若有說明此用戶有此app身份,直接用其appuserid登錄坝初;若無則說明是用戶系統(tǒng)內其他聯(lián)合app注冊用戶根據(jù)unionid創(chuàng)建此app的用戶身份浸剩,至此登錄成功。

用戶系統(tǒng)是大多數(shù)app都會有多構成鳄袍,單一的用戶系統(tǒng)也并不那么復雜绢要,但是若要構建產品矩陣進行多平臺間的用戶打通,加上帳號綁定與解綁畦木,并不是一時半會能夠想清楚的需求袖扛,若大家感興趣為會繼續(xù)補充帳號綁定和賬號安全產品應該關心和設計的事情。謝謝:)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末十籍,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子唇礁,更是在濱河造成了極大的恐慌勾栗,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盏筐,死亡現(xiàn)場離奇詭異围俘,居然都是意外死亡,警方通過查閱死者的電腦和手機琢融,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門界牡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人漾抬,你說我怎么就攤上這事宿亡。” “怎么了纳令?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵挽荠,是天一觀的道長克胳。 經常有香客問我,道長圈匆,這世上最難降的妖魔是什么漠另? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮跃赚,結果婚禮上笆搓,老公的妹妹穿的比我還像新娘。我一直安慰自己纬傲,他們只是感情好砚作,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嘹锁,像睡著了一般葫录。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上领猾,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天米同,我揣著相機與錄音,去河邊找鬼摔竿。 笑死面粮,一個胖子當著我的面吹牛,可吹牛的內容都是我干的继低。 我是一名探鬼主播熬苍,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼袁翁!你這毒婦竟也來了柴底?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤粱胜,失蹤者是張志新(化名)和其女友劉穎柄驻,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體焙压,經...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡鸿脓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了涯曲。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片野哭。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖幻件,靈堂內的尸體忽然破棺而出拨黔,到底是詐尸還是另有隱情,我是刑警寧澤傲武,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布蓉驹,位于F島的核電站城榛,受9級特大地震影響,放射性物質發(fā)生泄漏态兴。R本人自食惡果不足惜狠持,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瞻润。 院中可真熱鬧喘垂,春花似錦、人聲如沸绍撞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽傻铣。三九已至章贞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間非洲,已是汗流浹背鸭限。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留两踏,地道東北人败京。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像梦染,于是被迫代替她去往敵國和親赡麦。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內容