登錄設(shè)計(jì)的那些事(一):登錄前和登錄后用戶可以做什么

6 評(píng)論 15395 瀏覽 87 收藏 8 分鐘

上篇文章跟大家聊到啟動(dòng)頁(yè)、廣告頁(yè)、引導(dǎo)頁(yè)面的設(shè)計(jì)思想。今天跟大家聊聊登錄設(shè)計(jì)的那些事。

登陸模塊在產(chǎn)品中占的權(quán)重自然不用多說,在產(chǎn)品構(gòu)建初期就要考慮好登陸模塊的設(shè)計(jì),登錄采取的賬號(hào)類型決定開發(fā)根據(jù)賬號(hào)類型建立用戶數(shù)據(jù)表,同時(shí)用戶賬號(hào)又與后期的用戶成長(zhǎng)體系直接關(guān)聯(lián)。

所以不要小看一個(gè)小小的登錄,登陸設(shè)計(jì)是初始之重,初期考慮不齊全后續(xù)會(huì)給產(chǎn)品帶來“災(zāi)難”性問題,有可能會(huì)面臨整個(gè)登陸模塊的重構(gòu),本次給大家分享登錄模塊設(shè)計(jì)分:《登錄前和登錄后用戶可以做什么》、《常見的登錄方式有那些》、《登錄之后數(shù)據(jù)融合如何處理》、《游客賬號(hào)與正式賬號(hào)的區(qū)別》、今天先分享第一部分。

登錄前用戶可以做什么?

先來看一個(gè)場(chǎng)景:

  • 場(chǎng)景1:用戶A被某商場(chǎng)的廣告吸引決定去某商場(chǎng)逛逛,走到商場(chǎng)門口進(jìn)入大門就直接進(jìn)入商場(chǎng)瀏覽商品。
  • 場(chǎng)景2:用戶B被某商場(chǎng)的廣告吸引決定去某商場(chǎng)逛逛,走到商場(chǎng)門口保安人員要求用戶B必須出示身份證才可以進(jìn)入商場(chǎng)。

這兩個(gè)場(chǎng)景前者不需要出示身份證(無門檻)直接進(jìn)去隨便逛,后者要求必須有身份證才可以進(jìn)去(有門檻的),這里跟我們的登錄場(chǎng)景是一樣的。

登陸前用戶行為1:無門檻案例

用戶打開圖下APP就可以直接進(jìn)入APP首頁(yè),瀏覽商品、查看資訊等。用戶操作行為屬于用完即走,后臺(tái)不做任何記錄側(cè)重點(diǎn)在于“瀏覽”,而用戶是否能夠通過快速的“瀏覽”吸引用戶要想“操作”產(chǎn)品,取決于產(chǎn)品功能、界面設(shè)計(jì)以及頁(yè)面引導(dǎo)。(如下圖)

登陸前用戶行為分解

  • Step1:打開APP
  • Step2:進(jìn)入啟動(dòng)頁(yè)面
  • Step3:進(jìn)入引導(dǎo)頁(yè)面(引導(dǎo)頁(yè)面根據(jù)產(chǎn)品需求是否每次展示)
  • Step2:進(jìn)入首頁(yè)瀏覽信息(查看商品或者查看直播信息)
  • Step3:觸發(fā)點(diǎn)擊事件(購(gòu)買/觀看)
  • Step4:事件回饋(提示需要用戶需要登陸才可以?)
  • Step5:結(jié)果:執(zhí)行或者放棄下一個(gè)動(dòng)作(操作登陸)

登陸前用戶行為2:有門檻案例

登陸前用戶行為2分解

  • Step1:打開APP
  • Step2:進(jìn)入啟動(dòng)頁(yè)面
  • Step3:進(jìn)入引導(dǎo)頁(yè)面(引導(dǎo)頁(yè)面根據(jù)產(chǎn)品需求是否每次展示)
  • Step4:進(jìn)入登陸頁(yè)面

兩種方式對(duì)比

案例1對(duì)應(yīng)的就是場(chǎng)景1,案例2對(duì)應(yīng)是場(chǎng)景2,有些童鞋在做登錄的時(shí)候會(huì)糾結(jié)”我到底要不要用戶登錄”才可以使用產(chǎn)品,來我們對(duì)比下優(yōu)劣勢(shì):

優(yōu)勢(shì):使用無門檻方式,用戶可以快速進(jìn)入APP了解產(chǎn)品功能,若頁(yè)面比較吸引用戶可觸發(fā)用戶登錄轉(zhuǎn)換為正式用戶;使用有門檻方式,用戶注冊(cè)成功,新增一條用戶數(shù)據(jù)有利于新增,因必須登錄才可以進(jìn)入APP,前端只需要判斷一次即可。

劣勢(shì):使用無門檻方式,用戶快速進(jìn)入APP了解產(chǎn)品功能,若頁(yè)面沒有吸引用戶的地方會(huì)快速離開不點(diǎn)一點(diǎn)痕跡,并且前端需要做多次解發(fā)判斷;使用有門檻方式增加用戶進(jìn)入APP成本。

總結(jié):不管采用那一種方式都沒有好與不好之分,取決于產(chǎn)品屬性,適合的就是最好的。

登錄后用戶可以做什么?

對(duì)用戶

登陸后即我們所說的登陸成功,會(huì)給用戶一個(gè)賬號(hào),用戶擁有賬號(hào)之后可以在APP內(nèi)使用該賬號(hào)對(duì)應(yīng)的權(quán)限。

賬號(hào)會(huì)跟用戶成長(zhǎng)體系關(guān)聯(lián),不同的賬號(hào)擁用不同的查看和操作權(quán)限。如同我們?nèi)ド虉?chǎng)購(gòu)物、普通會(huì)員跟VIP會(huì)員所享受的待遇是不同的。

對(duì)應(yīng)用

獲取用戶信息

  • QQ登錄:可以獲取頭像跟昵稱。
  • 微信登錄:可以獲取頭像跟昵稱。
  • 手機(jī)登錄:后臺(tái)隨機(jī)給用戶生成用戶昵稱以及顯示默認(rèn)頭像。

常見登錄問題

Token過期的處理

在當(dāng)前的開發(fā)中,大多數(shù)情況下,用戶登陸成功之后,會(huì)有服務(wù)端下發(fā)一個(gè)Token作為用戶的身份證明,其中包含了用戶的部分個(gè)人信息,在以后的請(qǐng)求過程中,客戶端需要將Token參數(shù)傳給服務(wù)端,作發(fā)送給服務(wù)器作為用戶身份驗(yàn)證的一個(gè)步驟,因Token存在有效期這里就會(huì)出現(xiàn)Token失效的問題,出現(xiàn)Token失效問題,用戶就無法使用APP,處理方式如下:

登錄成功刷新問題

用戶登錄成功有時(shí)會(huì)存在個(gè)人中心獲取不到用戶信息(請(qǐng)注意開發(fā)會(huì)說這是網(wǎng)絡(luò)問題沒有顯示出來)這是刷新問題導(dǎo)致的,刷新沒有做好會(huì)導(dǎo)致用戶信息時(shí)有時(shí)無(這個(gè)坑實(shí)打打的踩過來的),前端需要做刷新處理。

第三方取消授權(quán)

用戶使用第三方登錄需要用戶同意授權(quán)才可以,如果用戶不同意授權(quán)返回登錄頁(yè)面顯示TIPS:登錄未授權(quán)。(提示語(yǔ)可以自己定義)

同一個(gè)賬號(hào)在多個(gè)設(shè)備上登錄

當(dāng)同一個(gè)賬號(hào)在不同的設(shè)備或者操作系統(tǒng)上登錄時(shí),另一個(gè)賬號(hào)需要自動(dòng)擠下線(如微信登錄處理方式),用戶在此點(diǎn)擊頁(yè)面時(shí)引導(dǎo)用戶跳轉(zhuǎn)到登錄頁(yè)面。

作者將自己踩過的坑做總結(jié)復(fù)盤,因時(shí)間關(guān)系部分沒有寫的很祥細(xì)到位,歡迎大家補(bǔ)充。

 

本文由 @行走的魚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 哥,你寫的太好了,但是你沒繼續(xù)寫了,你去哪啊

    來自廣東 回復(fù)
  2. 對(duì)于有些賬號(hào),允許多設(shè)備登錄,比如說視頻軟件

    來自北京 回復(fù)
  3. 作者是個(gè)嘴炮嗎?!說了有后續(xù),這都大半年了?!文章呢?分享呢?!。。。。。能不能有點(diǎn)持之以恒的精神,要么就別立牌坊!

    來自北京 回復(fù)
  4. 錯(cuò)別字有點(diǎn)多啊朋友~

    來自北京 回復(fù)
  5. 有了第三方登錄,方便很多了。

    來自廣東 回復(fù)
    1. 是的 ??

      來自廣東 回復(fù)