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