PRD:注冊(cè)登錄功能文檔
編輯導(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ō)明
- 點(diǎn)擊短信登錄
- 手機(jī)號(hào)為空,點(diǎn)擊“獲取驗(yàn)證碼”
- 輸入手機(jī)號(hào)“139”,點(diǎn)擊“獲取驗(yàn)證碼”
- 輸入手機(jī)號(hào)“139”和驗(yàn)證碼“456789”,點(diǎn)擊登錄
- 點(diǎn)擊“跳過(guò)”跳過(guò),返回初始頁(yè)面
可以按提示操作使用以下原型http://dwz.date/bNzQ。
密碼登錄交互原型:
使用說(shuō)明
- 點(diǎn)擊用戶登錄
- 輸入手機(jī)號(hào)“139”,點(diǎn)擊登錄
- 輸入手機(jī)號(hào)“139”,輸入密碼12313,點(diǎn)擊登錄
- 輸入手機(jī)號(hào)“139”和密碼“426152”,點(diǎn)擊登錄
- 點(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é)議。
當(dāng)然用戶的隱私安全問(wèn)題,隱私泄漏、賬號(hào)被盜等安全問(wèn)題會(huì)有專門的人來(lái)研究
不行,正常流程是這樣:前端向接口提交請(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)被盜等
這個(gè)邏輯思維,學(xué)到了
太厲害了,我就打點(diǎn)標(biāo)注下,不會(huì)寫這么多,不過(guò)這個(gè)邏輯性很好,大家多多學(xué)習(xí),是一種思考的記錄,我做B端的,有時(shí)候限制太多,上線后你會(huì)發(fā)現(xiàn)災(zāi)難的
沒(méi)有惡意 只是單純的覺(jué)得一個(gè)注冊(cè)登錄就做這么多功夫有點(diǎn)夸張了吧 雖然確實(shí)很細(xì) 但是不這么寫開(kāi)發(fā)也都明白呀
老哥,這還多?
理想化了,實(shí)際工作中一個(gè)登陸功能這么寫,整個(gè)產(chǎn)品光寫prd都要寫好幾個(gè)月
陸錯(cuò)了
請(qǐng)問(wèn)樓主的原型分享是用的哪個(gè)工具?
有沒(méi)有源代碼文件RP
原型·下載不了啊
補(bǔ)充一點(diǎn),如果需要?jiǎng)?chuàng)建賬號(hào)或密碼的話,記得寫上約束,比如大小寫和字符之類的
謝謝
謝謝
學(xué)習(xí)了 thk
哈哈
漲知識(shí)
漲知識(shí)
你好,想知道投稿時(shí),文章導(dǎo)航怎么添加啊,謝謝
登錄注冊(cè)步驟多了,有沒(méi)有可以省略的步驟呢,比如直接手機(jī)號(hào)注冊(cè)/登錄,多數(shù)APP都是用這個(gè)為載體,省略輸入密碼驗(yàn)證碼這些步驟
流程里面為什么要判斷是否異常?
可能是要考慮到斷網(wǎng)的情況
肯定異常啊, 要不然發(fā)布的時(shí)候,登錄有問(wèn)題 密碼或者密碼錯(cuò)誤,肯定有提示。
有收獲,謝謝
收獲了