PRD:注冊(cè)登錄功能文檔

25 評(píng)論 76495 瀏覽 700 收藏 10 分鐘

編輯導(dǎo)讀:登錄注冊(cè)對(duì)于大部分app來(lái)說(shuō),都是最基礎(chǔ)的模塊,但設(shè)計(jì)一個(gè)好的登錄注冊(cè)系統(tǒng)并不輕松。本文作者通過(guò)對(duì)比幾款A(yù)PP的登錄注冊(cè)功能撰寫了一份注冊(cè)功能PRD,包括版本管理、流程圖、交互設(shè)計(jì)、交互原型、文檔說(shuō)明,與大家分享。

登錄注冊(cè)幾乎是所有APP都會(huì)有的功能,隨著APP的發(fā)展和設(shè)計(jì),界面形式也從擬物到扁平再到精細(xì)化發(fā)展。登錄注冊(cè)也有了越來(lái)越多的設(shè)計(jì)表現(xiàn),同時(shí)許多APP也擴(kuò)展了更多的第三方登錄。

通過(guò)對(duì)比以下幾款A(yù)PP的登錄注冊(cè)功能,按常用格式撰寫了一份注冊(cè)功能PRD,包括版本管理、流程圖、交互設(shè)計(jì)、交互原型、文檔說(shuō)明。

登錄注冊(cè)功能需求文檔【PRD】:

用戶在使用APP的過(guò)程中,如果創(chuàng)建賬號(hào),可以方便對(duì)自己創(chuàng)建的資料和信息進(jìn)行管理,如果用戶不喜歡創(chuàng)建賬號(hào),喜歡單機(jī)使用,也可以為用戶創(chuàng)建游客模式,在創(chuàng)建賬號(hào)的情況下,也可以使用產(chǎn)品的部分功能。

另一方面,公司獲取用戶使用產(chǎn)品過(guò)程中的行為資料后,可以為用戶提供更好的服務(wù),甚至是結(jié)合用戶特點(diǎn)的個(gè)性化的服務(wù)。因此創(chuàng)建賬號(hào)是必不可少的。

吸引一個(gè)新的用戶來(lái)注冊(cè)使用的過(guò)程中,如果用戶遇到了阻礙,容易使新用戶流失,怎樣讓用戶方便快捷地注冊(cè)賬號(hào),從而開(kāi)始嘗試使用產(chǎn)品呢。總結(jié)了其他產(chǎn)品的登錄注冊(cè)的設(shè)計(jì)方式,嘗試了以下設(shè)計(jì)——將首頁(yè)簡(jiǎn)化為兩個(gè)重點(diǎn),產(chǎn)品提供什么服務(wù),通過(guò)哪些方式可以獲取產(chǎn)品的服務(wù)。

首先在未登錄的頁(yè)面通過(guò)產(chǎn)品或品牌Logo展示這是一個(gè)什么產(chǎn)品,可以為用戶提供什么服務(wù)。其次在頁(yè)面中心提供最主要的獲取途徑,密碼登錄或短信登錄。最后,輔以其他更多登錄方式或功能。為用戶簡(jiǎn)化信息復(fù)雜度,降低用戶注冊(cè)負(fù)擔(dān)。并且,使用過(guò)程中的每個(gè)頁(yè)面,都保持頁(yè)面簡(jiǎn)潔,內(nèi)容第一。

不同的使用流程決定了產(chǎn)品不同的流程設(shè)計(jì),不同的流程設(shè)計(jì)決定了不同的程序設(shè)計(jì)。在登錄注冊(cè)中,用戶可以選擇通過(guò)三種方式登錄,用戶密碼登錄,短信登錄,第三方登錄。

不同的登錄方式相應(yīng)地有三種不同的登錄流程圖。在前期預(yù)先了解產(chǎn)品的使用流程可以使設(shè)計(jì)和開(kāi)發(fā)可以提前了解到相關(guān)信息,并考慮設(shè)計(jì)與實(shí)現(xiàn),有助于團(tuán)隊(duì)高效協(xié)作。此外,如果遇到不能實(shí)現(xiàn)的功能,還可以提前商量解決,如第三方接口的協(xié)調(diào)。

登錄流程圖:

找回密碼流程圖:

頁(yè)面流程圖:

頁(yè)面流程圖可以幫助明確用戶在完成任務(wù)的過(guò)程中,有哪些可能的使用方式,從而使使用流程被具體化,并展示了頁(yè)面之間的聯(lián)系和銜接。

短信登錄交互頁(yè)面

文檔說(shuō)明:

前置條件:用戶點(diǎn)擊“短信登錄”按鈕,進(jìn)入手機(jī)驗(yàn)證頁(yè)面

后置條件:完成“登錄”操作,若是首次登錄,進(jìn)入信息資料頁(yè);若不是首次登錄,進(jìn)入首頁(yè)

手機(jī)驗(yàn)證頁(yè)面描述:

注:所有表單不允許錄入空格等特殊符號(hào)

對(duì)手機(jī)號(hào)碼輸入的不同情況,產(chǎn)生不同的Toast提示,可以選用以下文本提示。

手機(jī)號(hào)正確填寫的情況下,對(duì)驗(yàn)證碼輸入的不同情況,產(chǎn)生不同的Toast提示。可以選用以下文本提示。

密碼登錄交互頁(yè)面

文檔說(shuō)明:

前置條件:用戶點(diǎn)擊“用戶登錄”按鈕,進(jìn)入用戶密碼登錄頁(yè)面

后置條件:完成“登錄”操作,進(jìn)入首頁(yè)

用戶密碼登錄頁(yè)面描述:

注:所有表單不允許錄入空格等特殊符號(hào)

對(duì)手機(jī)號(hào)碼輸入的不同情況,產(chǎn)生不同的Toast提示,可以選用以下文本提示。

手機(jī)號(hào)正確填寫的情況下,對(duì)密碼輸入的不同情況,產(chǎn)生不同的Toast提示??梢赃x用以下文本提示。

手機(jī)號(hào)正確填寫,忘記密碼或想要重置密碼,也可以通過(guò)頁(yè)面中的

來(lái)找回按鈕。在設(shè)置密碼頁(yè)面,手機(jī)號(hào)和驗(yàn)證碼都正確填寫時(shí),可以根據(jù)不同的密碼輸入提示用戶。

第三方登錄交互頁(yè)面

文檔說(shuō)明:

前置條件:用戶點(diǎn)擊選擇第三方登錄,分別進(jìn)入不同的授權(quán)頁(yè)面

后置條件完成“登錄”操作,若是首次登錄,進(jìn)入手機(jī)號(hào)綁定頁(yè);若不是首次登錄,進(jìn)入首頁(yè)

第三方登錄頁(yè)面詳細(xì)描述:

在點(diǎn)擊第三方登陸頁(yè)面后,點(diǎn)擊確認(rèn),授權(quán)第三方登錄。

在驗(yàn)證原型的過(guò)程中,可以發(fā)現(xiàn)一些使用過(guò)程中的問(wèn)題,并進(jìn)行記錄。最后附上兩個(gè)交互原型及其使用說(shuō)明。

短信登錄交互原型:

使用說(shuō)明

  1. 點(diǎn)擊短信登錄
  2. 手機(jī)號(hào)為空,點(diǎn)擊“獲取驗(yàn)證碼”
  3. 輸入手機(jī)號(hào)“139”,點(diǎn)擊“獲取驗(yàn)證碼”
  4. 輸入手機(jī)號(hào)“139”和驗(yàn)證碼“456789”,點(diǎn)擊登錄
  5. 點(diǎn)擊“跳過(guò)”跳過(guò),返回初始頁(yè)面

可以按提示操作使用以下原型http://dwz.date/bNzQ。

密碼登錄交互原型:

使用說(shuō)明

  1. 點(diǎn)擊用戶登錄
  2. 輸入手機(jī)號(hào)“139”,點(diǎn)擊登錄
  3. 輸入手機(jī)號(hào)“139”,輸入密碼12313,點(diǎn)擊登錄
  4. 輸入手機(jī)號(hào)“139”和密碼“426152”,點(diǎn)擊登錄
  5. 點(diǎn)擊“我的”,點(diǎn)擊“退出”返回初始頁(yè)面

可以按提示操作使用原型http://dwz.date/bNzr。

 

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

題圖來(lái)自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 當(dāng)然用戶的隱私安全問(wèn)題,隱私泄漏、賬號(hào)被盜等安全問(wèn)題會(huì)有專門的人來(lái)研究

    來(lái)自廣東 回復(fù)
  2. 不行,正常流程是這樣:前端向接口提交請(qǐng)求(請(qǐng)求數(shù)據(jù):手機(jī)號(hào) 密碼)->后端接收前端請(qǐng)求->手機(jī)號(hào)是否可用 是->手機(jī)號(hào)是否注冊(cè) 是->密碼是否正確 是-> 響應(yīng)前端(響應(yīng)數(shù)據(jù):token 相關(guān)的頁(yè)面) 。此外,依照你的設(shè)計(jì)服務(wù)器會(huì)頻繁的接收響應(yīng),給服務(wù)器造成巨大的負(fù)擔(dān)。在設(shè)計(jì)過(guò)程中還會(huì)考慮到用戶的隱私安全問(wèn)題,隱私泄漏、賬號(hào)被盜等

    來(lái)自廣東 回復(fù)
  3. 這個(gè)邏輯思維,學(xué)到了

    來(lái)自安徽 回復(fù)
  4. 太厲害了,我就打點(diǎn)標(biāo)注下,不會(huì)寫這么多,不過(guò)這個(gè)邏輯性很好,大家多多學(xué)習(xí),是一種思考的記錄,我做B端的,有時(shí)候限制太多,上線后你會(huì)發(fā)現(xiàn)災(zāi)難的

    來(lái)自上海 回復(fù)
  5. 沒(méi)有惡意 只是單純的覺(jué)得一個(gè)注冊(cè)登錄就做這么多功夫有點(diǎn)夸張了吧 雖然確實(shí)很細(xì) 但是不這么寫開(kāi)發(fā)也都明白呀

    來(lái)自浙江 回復(fù)
    1. 老哥,這還多?

      來(lái)自山東 回復(fù)
  6. 理想化了,實(shí)際工作中一個(gè)登陸功能這么寫,整個(gè)產(chǎn)品光寫prd都要寫好幾個(gè)月

    來(lái)自浙江 回復(fù)
    1. 陸錯(cuò)了

      來(lái)自山東 回復(fù)
  7. 請(qǐng)問(wèn)樓主的原型分享是用的哪個(gè)工具?

    來(lái)自廣東 回復(fù)
  8. 有沒(méi)有源代碼文件RP

    來(lái)自天津 回復(fù)
  9. 原型·下載不了啊

    來(lái)自天津 回復(fù)
  10. 補(bǔ)充一點(diǎn),如果需要?jiǎng)?chuàng)建賬號(hào)或密碼的話,記得寫上約束,比如大小寫和字符之類的

    來(lái)自河北 回復(fù)
  11. 謝謝

    來(lái)自河南 回復(fù)
  12. 謝謝

    回復(fù)
  13. 學(xué)習(xí)了 thk

    來(lái)自浙江 回復(fù)
    1. 哈哈

      來(lái)自陜西 回復(fù)
  14. 漲知識(shí)

    來(lái)自北京 回復(fù)
  15. 漲知識(shí)

    來(lái)自江蘇 回復(fù)
  16. 你好,想知道投稿時(shí),文章導(dǎo)航怎么添加啊,謝謝

    回復(fù)
  17. 登錄注冊(cè)步驟多了,有沒(méi)有可以省略的步驟呢,比如直接手機(jī)號(hào)注冊(cè)/登錄,多數(shù)APP都是用這個(gè)為載體,省略輸入密碼驗(yàn)證碼這些步驟

    來(lái)自廣東 回復(fù)
  18. 流程里面為什么要判斷是否異常?

    來(lái)自北京 回復(fù)
    1. 可能是要考慮到斷網(wǎng)的情況

      來(lái)自浙江 回復(fù)
    2. 肯定異常啊, 要不然發(fā)布的時(shí)候,登錄有問(wèn)題 密碼或者密碼錯(cuò)誤,肯定有提示。

      回復(fù)
  19. 有收獲,謝謝

    回復(fù)
  20. 收獲了

    回復(fù)