PRD:倒推“JOIN”App產(chǎn)品需求文檔
JOIN是一款專(zhuān)為年輕人設(shè)計(jì)的社交App,更走心的聊天氣氛,更走心的朋友,這才是社交該有的樣子。本篇文章筆者向大家倒推“JOIN”的產(chǎn)品需求文檔(PRD)。
一、文檔概述
1.1 版本修改記錄
1.2 PRD輸出環(huán)境
1.3 名詞術(shù)語(yǔ)表
二、產(chǎn)品概述
2.1 產(chǎn)品背景
一款真正的社交軟件是需要理解并滿(mǎn)足用戶(hù)的精神需求,而移動(dòng)互聯(lián)網(wǎng)的最早期是社交產(chǎn)品的”攻堅(jiān)期”,當(dāng)時(shí)對(duì)于所有的社交產(chǎn)品來(lái)說(shuō),風(fēng)口就是借勢(shì)而飛,甚至沒(méi)有什么門(mén)檻。而現(xiàn)在這是一塊沒(méi)有颶風(fēng)卷過(guò),只有微風(fēng)吹拂的草地。那些靠著吹噓、忽悠而起的項(xiàng)目基本都已經(jīng)消逝,但對(duì)于我們這些實(shí)干者,機(jī)會(huì)依然還在,機(jī)會(huì)很大,我們要換個(gè)賽道繼續(xù)賽跑。
2.2 產(chǎn)品介紹
JOIN是一款專(zhuān)為年輕人設(shè)計(jì)的社交App,這里可能拯救不了社恐,但這里可以讓你的社交更有趣。
在這里,一切都開(kāi)始于你設(shè)置的小問(wèn)題,它也會(huì)成為每個(gè)人對(duì)你搭訕or聊天的開(kāi)場(chǎng)白。每個(gè)人都需要答題通過(guò)才能繼續(xù)和你聊天。
2.3 產(chǎn)品功能結(jié)構(gòu)圖
2.4 產(chǎn)品信息結(jié)構(gòu)圖
2.5 產(chǎn)品業(yè)務(wù)流程圖
1)登陸注冊(cè)流程如下:
2)產(chǎn)品業(yè)務(wù)流程如下:
從上述的主要業(yè)務(wù)流程圖可以看出,JOIN的整個(gè)社交流程非常清晰易懂,只要完成個(gè)人資料完善和對(duì)About?me的幾件事描述后即可開(kāi)啟社交之旅,在后續(xù)的算法匹配中,會(huì)匹配與你的興趣點(diǎn)or特征點(diǎn)交匯的用戶(hù)(不分男女),通過(guò)回答對(duì)方的問(wèn)題獲取另一方的好友申請(qǐng)完成陌生人與陌生人之間的初識(shí),在此有個(gè)小提醒,對(duì)于異性雙方的問(wèn)答,是必須要用語(yǔ)音回答(不得少于10秒)。
三、全局說(shuō)明
3.1 功能權(quán)限
產(chǎn)品功能權(quán)限按照登陸or未登錄兩個(gè)狀態(tài)區(qū)分:
- 未登錄狀態(tài):正常使用匹配功能進(jìn)行陌生人匹配(區(qū)域性隨機(jī)),也可查看陌生人信息。但不可進(jìn)行搜索/附近的人等操作,不可發(fā)布動(dòng)態(tài)。如果點(diǎn)擊or使用這些功能,即立即彈出登陸界面告訴用戶(hù)需要進(jìn)行登陸操作。
- 登陸狀態(tài):當(dāng)前狀態(tài)可在App內(nèi)進(jìn)行所有相關(guān)操作。
3.2 鍵盤(pán)說(shuō)明
- 點(diǎn)擊輸入“手機(jī)號(hào)碼”、手機(jī)驗(yàn)證碼時(shí)從頁(yè)面底部跳出數(shù)字鍵盤(pán);
- 點(diǎn)擊輸入文本信息(排除純“數(shù)字信息”、手機(jī)驗(yàn)證碼)時(shí)頁(yè)面底部跳出全字母鍵盤(pán)。
3.3 頁(yè)面交互
1)Toast彈窗加載:
2)頁(yè)面異常:
3)dialog:
4)滑動(dòng)頁(yè)面交互:
5)切換tab交互:
四、產(chǎn)品業(yè)務(wù)邏輯原型圖
上述圖如有不清晰請(qǐng)轉(zhuǎn)移這里大圖可看
五、產(chǎn)品頁(yè)面詳細(xì)功能說(shuō)明
5.1 啟動(dòng)頁(yè)
頁(yè)面邏輯&交互說(shuō)明:
- 用戶(hù)首次打開(kāi)App,進(jìn)入歡迎頁(yè)面(標(biāo)題-1頁(yè)),然后可以選擇登陸或隨便逛逛;
- 用戶(hù)非首次打開(kāi)App,直接進(jìn)入App首頁(yè)(自動(dòng)進(jìn)行匹配)。
5.2 登陸or注冊(cè)頁(yè)
用戶(hù)場(chǎng)景:當(dāng)未登錄時(shí),用戶(hù)想要進(jìn)入JOIN或在JOIN內(nèi)進(jìn)行匹配操作時(shí);
功能描述:用戶(hù)登陸or注冊(cè);
優(yōu)先級(jí):高;
觸發(fā)條件:
- 用戶(hù)首次使用JOIN;
- 游客用戶(hù)點(diǎn)擊“想認(rèn)識(shí)”、發(fā)表動(dòng)態(tài)、我的好友、個(gè)人中心、聊天列表、派對(duì)、附近的人等需要配合用戶(hù)賬戶(hù)信息的操作;
- 退出登陸or登陸新賬戶(hù)。
邏輯說(shuō)明(登陸or注冊(cè)):
- 用戶(hù)在登陸頁(yè)面輸入手機(jī)號(hào)碼,點(diǎn)擊“獲取驗(yàn)證碼”的按鈕,然后輸入正確的驗(yàn)證碼;
- 如果用戶(hù)在60秒內(nèi)未能正常獲取短信驗(yàn)證碼,可重新點(diǎn)擊“獲取驗(yàn)證碼”按鈕獲取驗(yàn)證碼輸入;
- 如果用戶(hù)選擇微信登陸,需要跳轉(zhuǎn)到微信并進(jìn)行授權(quán)(需安裝微信);
- 如果用戶(hù)選擇密碼登陸,需要輸入正確的手機(jī)號(hào)以及密碼才可登陸;
- 登陸后引導(dǎo)用戶(hù)完善基本資料,選擇“是否畢業(yè)”,輸入所在行業(yè)、職業(yè)、性別、年齡、來(lái)自哪里、現(xiàn)居地,并上傳真實(shí)頭像和填寫(xiě)昵稱(chēng),完成基本信息的完善。
交互說(shuō)明:
- 點(diǎn)擊輸入手機(jī)號(hào)、手機(jī)驗(yàn)證碼文本框時(shí),數(shù)字鍵盤(pán)從底部彈出。點(diǎn)擊輸入密碼文本框,字母鍵盤(pán)從底部彈出,輸入密碼的時(shí)候可點(diǎn)擊右側(cè)“眼睛”圖標(biāo)設(shè)置是否明文顯示。
- 點(diǎn)擊“微信登陸”,跳轉(zhuǎn)到微信授權(quán)頁(yè)面,授權(quán)后自動(dòng)登陸,如未安裝微信提示無(wú)法使用微信登陸。
- 當(dāng)沒(méi)有輸入手機(jī)號(hào)時(shí),獲取驗(yàn)證碼按鈕降低灰度無(wú)法點(diǎn)擊。輸入手機(jī)號(hào)后點(diǎn)擊“獲取驗(yàn)證碼”按鈕,按鈕顏色降低灰度,按鈕內(nèi)容變?yōu)椤?0s”并開(kāi)始60秒倒數(shù),60秒后按鈕內(nèi)容重新變?yōu)椤矮@取驗(yàn)證碼”,恢復(fù)原來(lái)的灰度。
- 若忘記密碼,可點(diǎn)擊“密碼登陸”頁(yè)面右下角的“忘記密碼”,點(diǎn)擊輸入手機(jī)號(hào),并獲取驗(yàn)證碼。輸入驗(yàn)證碼后輸入倆次新密碼,點(diǎn)擊“提交”即可重置密碼。
5.3 首頁(yè)
首頁(yè)主要包含匹配時(shí)間、匹配的對(duì)象內(nèi)容、搜索、通知、個(gè)人中心。由這幾部分組成,其中頂部導(dǎo)航欄占據(jù)匹配時(shí)間、搜索、通知、個(gè)人中心。而頁(yè)面主導(dǎo)內(nèi)容是匹配對(duì)象的資料以及信息。
5.3.1 首頁(yè)(陌生人匹配)交互說(shuō)明
用戶(hù)場(chǎng)景:用戶(hù)登陸后即刻進(jìn)入App首頁(yè)(匹配好友頁(yè)面);
功能描述:陌生人匹配、搜索、通知、個(gè)人主頁(yè);
優(yōu)先級(jí):高;
頁(yè)面邏輯&交互說(shuō)明:
- 切換匹配對(duì)象時(shí),需滑動(dòng)資料頁(yè)(并非頭像)而切換到下一個(gè)匹配者,頭像隨著匹配對(duì)象的切換而變更大小,作為當(dāng)前頁(yè)面的標(biāo)記(大頭像),另被切換的匹配對(duì)象會(huì)自動(dòng)滾動(dòng)到當(dāng)前匹配對(duì)象的前序。方便切換回來(lái),需要注意的是當(dāng)在第一個(gè)匹配對(duì)象向左滑動(dòng)時(shí)會(huì)進(jìn)入搜索頁(yè)面。
- 選擇“忽略后”,會(huì)提示“是否確認(rèn)忽略此人”——避免誤觸,如果用戶(hù)確認(rèn),當(dāng)前匹配對(duì)象會(huì)自動(dòng)消失。
- 點(diǎn)擊“想認(rèn)識(shí)”后,會(huì)出現(xiàn)對(duì)話(huà)框,同時(shí)頁(yè)面顯示遮罩(變灰)??梢赃x擇輸入文字答題或者語(yǔ)音答題(異性必須語(yǔ)音答題),選擇錄音后(不得少于10秒),可以選擇重錄或提交錄音發(fā)送給對(duì)方。
5.3.2 搜索交互說(shuō)明
用戶(hù)場(chǎng)景:用戶(hù)選擇搜索用戶(hù)或想了解附近的人等。
前置條件:用戶(hù)點(diǎn)擊”搜索”圖標(biāo)進(jìn)入。
功能描述:最新加入、找同學(xué)、附近的人、搜索用戶(hù)/動(dòng)態(tài)。
優(yōu)先級(jí):高。
頁(yè)面邏輯&交互說(shuō)明:
- 切換頂部標(biāo)簽,切換到相應(yīng)的內(nèi)容時(shí)文字下面有一條紅線(xiàn)隨著標(biāo)簽的切換而移動(dòng)到相對(duì)應(yīng)的位置,作為當(dāng)前頁(yè)面的標(biāo)記,同時(shí)頁(yè)面也滑動(dòng)到相應(yīng)版塊。
- 輸入搜索內(nèi)容后,點(diǎn)擊“向右”箭頭進(jìn)行搜索,搜索結(jié)果以用戶(hù)信息以及動(dòng)態(tài)為主,左右滑動(dòng)可切換至動(dòng)態(tài)或用戶(hù)信息。
5.3.3 通知交互說(shuō)明
用戶(hù)場(chǎng)景:新的好友申請(qǐng)通知到達(dá),評(píng)論、@、點(diǎn)贊等信息的通知。
前置條件:用戶(hù)點(diǎn)擊”通知”圖標(biāo)進(jìn)入。
功能描述:新的好友申請(qǐng)、評(píng)論與@、贊與其他。
優(yōu)先級(jí):中。
頁(yè)面邏輯&交互說(shuō)明:
- 切換頂部標(biāo)簽,切換到相應(yīng)的內(nèi)容時(shí)文字下面有一條紅線(xiàn)隨著標(biāo)簽的切換而移動(dòng)到相對(duì)應(yīng)的位置,作為當(dāng)前頁(yè)面的標(biāo)記,同時(shí)頁(yè)面也滑動(dòng)到相應(yīng)版塊。
- 在好友申請(qǐng)中,選擇“忽略”將拒絕添加好友,選擇“回復(fù)”會(huì)進(jìn)入對(duì)話(huà)頁(yè)面,選擇“通過(guò)”會(huì)正常添加至你的好友。
- 在評(píng)論、@、贊等內(nèi)容中,選擇相應(yīng)的互動(dòng)信息會(huì)進(jìn)入動(dòng)態(tài)信息內(nèi)容頁(yè)。
5.3.4 個(gè)人中心
用戶(hù)場(chǎng)景:用戶(hù)想要查看個(gè)人信息、好友信息、訪(fǎng)問(wèn)記錄等重要訊息。
前置條件:用戶(hù)點(diǎn)擊”我的”頭像進(jìn)入。
功能描述:個(gè)人中心【包含我的好友、問(wèn)答記錄、我的海報(bào)、系統(tǒng)設(shè)置等內(nèi)容】。
優(yōu)先級(jí):高。
頁(yè)面邏輯&交互說(shuō)明:
- 點(diǎn)擊“頭像”或者banner會(huì)進(jìn)入我的主頁(yè),在我的主頁(yè)可編輯資料信息,設(shè)置基本資料以及個(gè)人信息。并可以設(shè)置“我的問(wèn)題”。
- 點(diǎn)擊好友數(shù)會(huì)進(jìn)入通訊錄,通訊錄中包含“我的好友”和“我想認(rèn)識(shí)”的列表。
- 選擇最近來(lái)訪(fǎng)記錄會(huì)看到“誰(shuí)看過(guò)我”以及“我看過(guò)誰(shuí)”的用戶(hù)信息列表。
- 點(diǎn)擊回答記錄會(huì)看到“我問(wèn)過(guò)的”以及“我答過(guò)的”回答記錄。
- 進(jìn)入生成我的海報(bào)會(huì)自動(dòng)生成一張屬于自己的海報(bào),也可以點(diǎn)擊tab上“分享App鏈接”生成分享app的鏈接。
- 點(diǎn)擊“設(shè)置”圖標(biāo),會(huì)進(jìn)入系統(tǒng)設(shè)置頁(yè)面。
5.4 動(dòng)態(tài)
從產(chǎn)品交互的角度來(lái)說(shuō),動(dòng)態(tài)的發(fā)布以及互動(dòng)頁(yè)面瀏覽率很高,能使用戶(hù)可以最大程度的瀏覽更多的內(nèi)容信息。
從每個(gè)動(dòng)態(tài)的信息來(lái)分析,動(dòng)態(tài)主要包括以下幾點(diǎn)信息:頭像、昵稱(chēng)、性別/年齡、是否單身、是否畢業(yè)、所在地、職業(yè)、動(dòng)態(tài)內(nèi)容(文字、圖片、視頻)、地址位置(可選擇)、話(huà)題(可選擇)。通過(guò)展現(xiàn)多類(lèi)型的用戶(hù)信息來(lái)表達(dá)每個(gè)動(dòng)態(tài)的輻射面,應(yīng)對(duì)各類(lèi)人群有不一樣的喜好。
用戶(hù)場(chǎng)景:用戶(hù)選擇“動(dòng)態(tài)”菜單進(jìn)入該頁(yè)面;
功能描述:好友動(dòng)態(tài)、發(fā)布動(dòng)態(tài)、話(huà)題發(fā)布、推薦動(dòng)態(tài)瀏覽;
優(yōu)先級(jí):中;
頁(yè)面邏輯&交互說(shuō)明:
- 用戶(hù)選中底部菜單中的“圈點(diǎn)”即可進(jìn)入發(fā)布動(dòng)態(tài)的頁(yè)面,發(fā)布動(dòng)態(tài)頁(yè)面主要由:文字、圖片、視頻、定位信息、關(guān)聯(lián)話(huà)題、瀏覽權(quán)限組成。
- 點(diǎn)擊header中的好友下拉列表,可根據(jù)不同類(lèi)別的用戶(hù)展示動(dòng)態(tài)。
- 選中推薦話(huà)題后會(huì)進(jìn)入相關(guān)的話(huà)題頁(yè)面,可瀏覽話(huà)題頁(yè)下的所有相關(guān)動(dòng)態(tài)。
- 進(jìn)入動(dòng)態(tài)詳情后可以瀏覽相應(yīng)的動(dòng)態(tài)內(nèi)容、動(dòng)態(tài)評(píng)論詳情、動(dòng)態(tài)點(diǎn)贊等詳細(xì)信息
5.5 聊天
作為一款主打社交溝通的App,溝通過(guò)程和溝通場(chǎng)景是最核心的內(nèi)容,消息頁(yè)面是必不可少的,頁(yè)面十分簡(jiǎn)潔明了。而派對(duì)是偏向興趣群組類(lèi)的群聊,聊天內(nèi)容和面對(duì)范圍更廣。
用戶(hù)場(chǎng)景:用戶(hù)選擇“動(dòng)態(tài)”菜單進(jìn)入該頁(yè)面;
功能描述:好友動(dòng)態(tài)、發(fā)布動(dòng)態(tài)、話(huà)題發(fā)布、推薦動(dòng)態(tài)瀏覽;
優(yōu)先級(jí):高;
頁(yè)面邏輯&交互說(shuō)明:
- 聊天模塊主要分為一對(duì)一聊天以及群組聊天,列表內(nèi)顯示最后一條以及最新一條消息的時(shí)間記錄;
- 聊天過(guò)程中可以進(jìn)行多項(xiàng)內(nèi)容的交流,包括圖片、名片、位置、活動(dòng)、動(dòng)態(tài)等各類(lèi)資料的分享;
- 派對(duì)只能在對(duì)應(yīng)的時(shí)間范圍內(nèi)進(jìn)行聊天;
- 聊天板塊是好友間聯(lián)系溝通的橋梁,而派對(duì)是拓展好友圈的一種形式。
總結(jié)
JOIN是一款社交App,一款定位于年輕人社交的App,它的整個(gè)信息框架以及功能架構(gòu)都比較簡(jiǎn)單,操作界面以及業(yè)務(wù)流程也沒(méi)有復(fù)雜。
更多的是對(duì)社交本質(zhì)的挖掘,就像@JOIN于宙說(shuō)的這幾個(gè)基本原理:
- 社交的本質(zhì)是一種非貨幣化的交易,必須滿(mǎn)足雙向篩選才能建立社交關(guān)系;
- 社交中男女的價(jià)值天然不對(duì)等,男性主動(dòng)展示價(jià)值,女性篩選男性才是平權(quán);
- 雙向互動(dòng)的才是社交,真正的社交天然就是去中心化而且沒(méi)太多邊際效應(yīng)的,明星和普通人,能承載的社交流量是一樣的;
- 人類(lèi)沒(méi)有主動(dòng)為他人提供價(jià)值的基因,只有為了利益去完成明確任務(wù)的基因。
筆者屬于創(chuàng)作菜鳥(niǎo)階段,上述對(duì)JOIN的產(chǎn)品需求文檔倒推中難免會(huì)有一些不盡人意之處,望各位海涵并能指出錯(cuò)誤以及內(nèi)容的不足,筆者定當(dāng)改進(jìn)!
本文由 @nameWsy 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
join這個(gè)產(chǎn)品還在嘛
這個(gè)是以什么角度來(lái)寫(xiě)的文檔呢,我看的時(shí)候覺(jué)得產(chǎn)品的代入感有點(diǎn)強(qiáng)了,看后還是會(huì)有很多疑問(wèn)呢
1、可以用更簡(jiǎn)潔通俗來(lái)表達(dá)
2、有的內(nèi)容缺少了后面的頁(yè)面說(shuō)明(如果是簡(jiǎn)單的分析可以不用表現(xiàn))
3、有些頁(yè)面的規(guī)則邏輯說(shuō)的不清晰,例如:聊天頁(yè)面的順序是什么樣子的呢?
可以分享一下手機(jī)框素材嘛 小白中的小白(?? . ??)
手機(jī)殼素材..我似乎墨刀做的
您好,寫(xiě)的真棒??,值得學(xué)習(xí),我是在校生,好奇您是通過(guò)什么學(xué)習(xí)做出來(lái)這樣的文檔呢?
多看多分析多輸出。積累自己最重要。
嗯嗯 謝謝。可以分享下你的axure文件嗎?或者h(yuǎn)tml文件看看.1625349811@qq.com
請(qǐng)問(wèn)產(chǎn)品原型的動(dòng)態(tài)圖是怎么做出來(lái)的?
視頻錄制轉(zhuǎn)GIF
好的,謝謝
好的謝謝
向右滑動(dòng)進(jìn)入后頁(yè),還有這樣的設(shè)計(jì)?
筆者很認(rèn)真,辛苦了。
針對(duì)平臺(tái)我想說(shuō),可以多發(fā)些深度點(diǎn)的PRD,這類(lèi)的其實(shí)對(duì)于已入行的同學(xué)沒(méi)有借鑒意義
密碼登錄部分流程不嚴(yán)謹(jǐn),應(yīng)該要判斷該手機(jī)號(hào)是否注冊(cè)過(guò),否則需要返回進(jìn)行注冊(cè)。
不需要折騰注冊(cè),有手機(jī)號(hào)和驗(yàn)證碼就可以初步完成注冊(cè)+登錄了。后續(xù)可以再讓用戶(hù)補(bǔ)充密碼和其他必要的用戶(hù)信息
謝謝建議,這點(diǎn)邏輯確實(shí)沒(méi)有寫(xiě)清楚。實(shí)際應(yīng)為【判斷手機(jī)與密碼是否存在或匹配,如出現(xiàn)錯(cuò)誤提示手機(jī)或密碼錯(cuò)誤】。
就服你們這些能寫(xiě)這種文章的