倒推“SOUL”APP產品需求文檔

18 評論 49749 瀏覽 287 收藏 32 分鐘

作為一個決心入行的產品準新人小白,筆者根據現有的“SOUL”App產品倒推了本篇PRD,一定會有很多疏漏之處,請各位大佬能幫我指出,感激!

一、產品概況

1.版本修訂記錄

2.編輯歷史

3.背景

社交軟件作為聊天交友的重要工具之一,被各個年齡段的人廣泛使用,如今社交軟件大致分為熟人社交(微信、QQ等)和陌生人社交(陌陌、探探等),大多數陌生人社交軟件是以個人資料、位置、興趣愛好等信息快速匹配交友,滿足當前用戶快速交到自己想要的朋友類型以及數量,但也因此無法保證其交友的質量,所以可以在交友的匹配機制與交友的過程上來控制交友的質量進入陌生人社交的市場。

4.產品介紹

Soul一款基于大數據智能推薦、全新互動模式的社交App,根據用戶的個人資料、性格測試結果,計算并推送一群與你性格相近的人或者是通過計算隨機匹配新朋友,幫助用戶結識性格相近的新朋友。

其中頭像是平臺提供的統一頭像(可挑選),用戶之間的匹配度以及性格解析均是以用戶所做的性格測試題計算出來,所以用戶需要用走心的方式結交性格相投的新朋友。

5.產品定位

  • 讓交友不再看臉,我們走心。
  • 讓更多性格相近的朋友走到一起。
  • 給每一個人都提供一個宣泄內心、展示自我的平臺。

6.目標用戶

  • 不想僅僅通過一張照片交友的人群。
  • 想擁有一片陌生的廣場并披上面具隨意的吶喊。
  • 希望可以找到自己的soulmate。

7.需求分析

二、產品架構以及業務流程

1.功能架構圖

2.信息架構圖

3.業務流程圖

從流程圖可以看出soul交友流程其實非常簡單,只需要完成簡單的性格測試就可以通過機器人隨機匹配和用戶自行在星球尋找匹配這兩種匹配交友機制完成交友。

三、全局說明

1. 功能權限

用戶必須注冊登陸才能進入APP,無法游客瀏覽。

2.?鍵盤說明

(1)點擊(手機號與驗證碼)輸入框時頁面底部彈出數字鍵盤;

(2)點擊其他輸入框頁面底部彈出字母全鍵盤。

3. 彈窗加載

4. 頁面異常

5. 頁面間切換交互方式

四、頁面邏輯

1. 用戶交友的主邏輯

所有的交友匹配都建立在用戶必須完成初級測試題,測試題完成的越多對用戶的畫像越準確。

2. 用戶發表瞬間的主邏輯

廣場公共可見,用戶發布的瞬間既可以在廣場顯示又可以在用戶主頁資料中顯示。

五、頁面詳細功能說明

1. 啟動頁

啟動頁前置條件為是否已連接網絡,分為以下兩種情況:

已連接到網絡:

頁面邏輯:

  • 在連網的情況下,啟動soul app后進入引導頁面;
  • 引導頁面等待3后直接跳入廣場頁面(引導頁面可手動跳過)。

未連接網絡:

在未連接網的情況下,啟動app后直接進入網絡異常提示界面,并給出用戶三個解決方案。

點評:app的啟動頁面很干凈,僅有一張為自己宣傳的圖片,沒有廣告的植入。在沒有連接網絡的情況下以一種很幽默的方式給用戶提供三種解決方案。

  • 沒有廣告的植入,給用戶一種啟動很流暢的視覺體驗,讓用戶有一種清新的心情去體驗接下來的操作。
  • 幽默的方式給用戶提供三種解決方案,在幫用戶解決問題的同時也能讓用戶莞爾一笑。

2. 登陸/注冊頁

Soul App是采用手機號與驗證碼設置相應的密碼進行注冊,注冊完畢后使用手機號以及密碼登陸即可。

登錄頁

注冊頁

頁面邏輯內容:

  • 因soul app不提過第三方登錄,所以必須用手機號注冊/登錄;
  • 老用戶直接號、密碼點擊登錄即可進入app;
  • 新用戶注冊時,選擇區號 輸入正確的手機號,點擊獲得驗證碼,并在60s之內輸入獲得的驗證碼,超過60s用戶需要重新獲得驗證碼重新驗證;
  • 新用戶在驗證碼正確的時候輸入密碼提交點擊下一步進入資料補充頁面。

頁面交互:

  • 用戶點擊+86手機區號選擇時,會彈出手機地區號選擇頁面;
  • 用戶輸入錯誤的手機號、密碼、驗證碼點擊登錄或者下一步按鈕時,會有Toast彈窗提示輸入的信息錯誤;
  • 用戶點擊手機號輸入框時,底部向上彈出數字鍵盤;
  • 用戶點擊密碼輸入框時,底部向上彈出字母全鍵鍵盤;
  • 用戶點擊忘記密碼,找回密碼頁面從右側彈出;
  • 用戶點擊登錄按鈕旁的Soul用戶協議,Soul用戶協議書會從頁面右側彈出。

資料填寫→靈魂測試

資料填寫

測試引導頁

測試頁

頁面邏輯:

  • 新用戶點擊頭像設置官方所提供的頭像,在出生日期設置自己的出生時間以及在個性簽名輸入框中輸入個性簽名;
  • 新用戶在測試引導頁點擊開始鑒定轉跳到測試題頁面,用戶完成測試題后進入app。

頁面交互:

  • 用戶點擊頭像設置,底部彈出男女性別選擇彈框;選擇好性別之后頁面右側彈出頭像選擇頁面供用戶選擇頭像(用戶頭像只能選擇官方提供的有限種類);
  • 用戶點擊出生日期時會彈出相應的日期選擇器(滾輪);
  • 用戶在測試題頁面點擊相應的答案時,測試題板塊會向里自動翻轉到下一題,點擊上一題時板塊會向外翻轉回上一題;
  • 用戶未設置頭像、出生日期、個性簽名中的任何一個信息點擊下一步按鈕時,會有Toast彈窗提示用戶完成信息的輸入;

看法:

Soul登錄注冊頁面未使用第三方登錄,采用的是手機注冊登錄的方式,使得一個手機號對應一個賬號:

  • 第一保持數據的安全性以及賬號的質量;
  • 第二因為將新用戶資料填寫與注冊分開所以使得注冊的過程及其簡單干凈,讓新用戶能在最短的時間完成注冊新賬號;
  • 第三Soul原本就是一個社交交友軟件,采用第三方登錄只會給自己的帶來沖擊以及用戶的流失。

Soul資料填寫分為三個模塊:

  • 第一,頭像的設置,用戶只能選用官方提供的頭像,滿足了用戶社交交友第一步不再是點開頭像看照片的需求,缺點則是無法滿足用戶個性化的需求;
  • 第二,出生日期的設置,通過出生日期可以掌握用戶的星座,在匹配機制上讓用戶多了星座的篩選這個選項以及推薦匹配的用戶年齡差在一個適當的范圍;
  • 第三,個性簽名,用戶對新朋友最直觀的認知就是來源于個性簽名,個人覺得個性簽名沒必要作為必填選項。

Soul測試引導頁的存在是為了告知用戶認真做測試的理由,經過簡單的靈魂測試題后系統會計算出用戶的性格,并將用戶分配到相應的星球,正所謂物以類聚,人以群分,提高用戶找到soulmate的概率,同時也是Soul存在的意義。

3. 星球(匹配頁面)

頁面名稱:星球頁

頁面入口:新用戶資料填寫完成后進入的app的第一個頁面

頁面結構:

  • 測試題的入口
  • Soul app的logo
  • 用戶尋找好友可控制的篩選條件
  • 經計算后與用戶匹配度高的玩家集合(組成3D星球的形狀),主要的信息有玩家的名稱以及匹配度。
  • 系統隨機匹配的通道
  • 導航欄

(1)測試入口

頁面邏輯&交互:

  • 用戶點擊測試按鈕時,頁面跳入測試頁面;
  • 測試頁面分將測試分為趣味測試和三個不同深度的人格測試;
  • 選擇不同的測試類型帶入不同的測試頁面,人格測試帶入圖3;
  • 測試頁面中點擊我的,我的資料卡片彈出(圖4)。

看法:

Soul中的測試題分為趣味測試和人格測試,其中人格測試是匹配機制的靈魂所在,soul推送玩家集合給用戶的機制是依賴于人格測試題。

人格測試題分為初級、進階、深度三個等級的測試,人格測試完等的等級越高,系統對用戶性格的畫像越準確,越有利于完成對用戶的推送,從而提高用戶交友的質量;趣味測試則是小模塊的性格測試游戲,第一,可以打發用戶的時間;第二,可以加強用戶的粘性。

(2)匹配交友

對于社交軟件來說,交友的方式是它的核心所在,Soul的交友機制分為兩種,可選擇性匹配和隨機匹配。

選擇性匹配:

?

頁面邏輯&交互:

  • 用戶點擊選中星球(給用戶分配的好友匹配集合)中的任意一個跳入到被選中好友的個人主頁(圖2);
  • 點擊圖2中的頭像進入她的個性分析主頁(圖4);
  • 點擊圖2中的【私聊】按鈕跳入聊天頁面(圖3)。

看法:

  • 選擇性匹配給每個用戶都分配了一個流量池,根據用戶的個人資料以及所做的測試題來計算分配的,該流量池中是以一種3D真空球體的形狀展現出來,其中每個小圓點表示一個可選擇匹配交友的用戶,展示的信息由圓點,匹配度,用戶名稱所構成。
  • 3D真空球體的模型可以給用戶帶來強烈沖擊的視覺效果,以及一種來自星球自身的神秘感,會吸引用戶去體驗,以及加強用戶點擊的沖動。
  • 而簡介的信息展示則是在最簡短的信息里提供最佳的匹配選擇意向。

(3)隨機匹配

頁面邏輯&交互:

  • 用戶點擊圖1中的藍色按鈕(機器人匹配)轉跳圖2中等待頁面
  • 若系統匹配成功則轉跳到圖3,若系統匹配失敗會在圖2中給予相應的提示信息,返回星球頁面
  • 在圖2等待頁面中,系統會在匹配等待中播放《Towers》、《Welcome to soulshine》、《The winner takes it all》、《In the name of love》中的任意一首音樂直到匹配成功或失敗。

看法:

隨機匹配其實是中心化的在線用戶的隨機分配。為什么會有圖2中的過渡頁面?

其一,后臺服務器處理匹配請求需要時間;其二,在充滿神秘的動態圖片中搭配著耐聽的輕音樂,讓用戶在等待時體會一種神秘的儀式感;其三,白色文字很好地向用戶解釋了機器人匹配實際是在匹配在線玩家。

(4)篩選條件

無論是隨機匹配還是選擇性匹配,用戶都有一個篩選條件去控制匹配的范圍。

頁面邏輯&交互:

  • 點擊圖1中的篩選底部向上彈出篩選選項框(年齡、星座、性別),背景模糊;
  • 圖2中年齡范圍的選擇可以通過兩端按鍵的拖拽來選擇控制,點擊選擇星座按鍵轉跳到星座選擇頁面(圖3),圖3中點擊確定或者選擇全部按鈕轉跳到圖2。
  • 圖2中點擊模糊的背景空白處或者取消按鍵時,篩選框會向下滑動隱藏。

看法:

如果說用戶的性格興趣是經過靈魂測試題的機控數據,那么篩選框就是滿足于用戶個性化需求的人控篩選機制。在越來越多的年輕人關注、研究星座后,星座篩選條件無疑是亮點之一,不足的是用戶選擇星座條件時只能單一選擇或者全選,并沒有多選的選項。

4. 廣場

(1)廣場頁面信息

筆者將廣場頁的頁面內容分成兩個部分來說明。

紅色方框中內容:

  • 頁面語音播放器
  • 輪播圖(頁面的切換)
  • 搜索框

綠色方框中內容:

  • 用戶頭像
  • 用戶星球信息
  • 用戶發布的內容信息
  • 用戶地理位置
  • 內容標簽
  • 轉發、點贊、評論、收藏四個icon

頁面邏輯&交互:

  • 用戶點擊圖1中右上角播放器按鍵,語音播放器會從頂部向下快速滑動顯示如圖2;
  • 用戶向下瀏覽頁面內容(滾輪向下滾動)【推薦】導航欄向上滑動隱藏如圖3所示,用戶向上瀏覽頁面內容(滾輪向上滾動)【推薦】導航欄下滑動顯示在頁面;
  • 用戶左右滑動頁面(輪播圖切換效果啟用),從左到右的頁面順序依次是關注(圖1)、推薦(圖2)、最新(圖3);
  • 用戶點擊轉發圖標時,頁面底部彈出不同平臺的轉發分享的選項欄,點擊取消選項欄向下隱藏;
  • 用戶點擊點贊圖標變紅旁邊的數量+1反之圖標褪色數量顯示-1,點擊收藏圖標變藍旁邊的數量+1反之圖標褪色數量顯示-1;
  • 用戶點擊搜索,頁面轉跳至搜索頁面;
  • 用戶點擊評論,頁面轉跳至評論頁面。

看法:

從交互的角度上來說廣場頁面的頁面利用率很高,用戶最大程度瀏覽更多的內容信息。

從每個動態信息來看,動態信息分為頭像、來自xx信息、內容(文字、視頻、語音)、地理位置(可選)、標簽(可選),通過平臺統一的頭像以及昵稱的隱藏好處在于能突出每個動態的內容,在突出豐富的動態的內容同時其實是在滿足用戶以下幾點需求:

  • 生活枯燥嗎?來看看廣場有什么新鮮事。
  • 工作、學習焦慮嗎?看看大家都做了什么好玩的事緩解一下心情吧。
  • 看到自己感興趣的內容可以考慮與發布者聊聊交個朋友。

關于流量的分配,廣場中每隔一段時間都有一個動態處于頂置,為每個星球上的小伙伴都分配了一個流量池,在每個星球中評論、轉發、點贊數多的動態會被分配更多的流量然后這些動態會被輪流頂置,這種去中心化管理的好處在于每一個帖子都有被頂置、被關注的機會。

(2)評論&搜索

評論

頁面信息:

  • 標題‘帖子’
  • 發布者的頭像、來自于xx星球、內容、轉發、點贊、收藏
  • 評論者的頭像、來自于xx星球、評論的內容、內容的點贊

頁面邏輯&交互:

  • 用戶點擊點贊圖標變紅旁邊的數量+1反之圖標褪色數量顯示-1,點擊收藏圖標變藍旁邊的數量+1反之圖標褪色數量顯示-1;
  • 用戶點擊轉發圖標時,頁面底部彈出不同平臺的轉發分享的選項欄,點擊取消選項欄向下隱藏;
  • 用戶點擊回復樓主的輸入框時,鍵盤從底部彈出,點擊收起時,鍵盤從底部消失;
  • 用戶點擊右上角的更多時,底部彈出舉報、轉發、取消三個選項框。

看法:

對事物發表自己的看法是社交互動必不可少的,第一,每個人都有發表自己看法的權利;第二,每個發布者都希望自己的帖子得到關注和評論。

在這里有一個非常有趣的操作→匿名回復,每個人每天有三次匿名回復的機會,匿名回復會隱藏掉評論者的頭像以及昵稱,存在的意義就是滿足自己的隱私不容被侵犯的評論者。

搜索

頁面信息:

  • 搜索框
  • 相關內容板
  • 熱門分類
  • 熱門標簽

邏輯&交互:

  • 點擊搜索框,鍵盤會從頁面底部向上彈出;
  • 點擊相關板塊后面的‘x’,會刪除該內容;
  • 點擊熱門分類文字、圖片、語音、視頻中的任何一個,頁面跳轉至相應頁;

看法:

將內容進行層級細化的分類,推薦不同的索引給用戶的同時也是在滿足用戶個性化的需求,提供標簽索引是亮點。

5. 帖子發布通道

邏輯&交互:

  • 用戶點擊底部導航欄中間的“+”圖標,頁面跳轉到發表瞬間方式的選擇頁面(圖2)
  • 點擊圖(2)中的瞬間,頁面跳轉到填寫瞬間的預備頁(圖3)
  • 填寫瞬間的預備頁(圖3)中的頁面信息:

頂部由‘X’圖標、‘記錄中’字體、‘發布’按鈕構成,其中‘X’圖標代表關閉當前頁面返回到上一頁,‘發布’按鈕則是將本條編輯的內容發布到廣場或個人空間,發布完成后頁面跳轉至廣場頁;

中間部分則是由發表的文字編輯框、地理位置、選擇圖片構成,其中地理位置信息和選擇發表的圖片是可選的,當鼠標點擊文字編輯框的時候,鍵盤從底部向上彈出。

底部是由‘表情編輯’、‘權限設置’、‘標簽選擇’、‘發布的位置’、‘天氣編輯’五部分依次排列組成。

其中除了點擊‘標簽選擇’按鈕跳轉至‘標簽編輯選擇’(圖6)頁面,其余的按鈕點擊后相應的選項框會從底部向上彈出,并且彈出框在此頁面的顯示有且只能存在唯一一個(意思就是當點擊權限設置時,權限設置的選項框向上彈出其他的彈出框自動向下隱藏)。

發表的權限可以多選,發表的位置只能單選。

圖6為標簽選擇編輯欄,在【猜你想要添加】中點擊想要的標簽,標簽自動添加到頂部;或者在標簽編輯框中輸入想要添加的標簽點擊生成,編輯好的標簽自動添加到頂部。

看法:

Soul將發布的瞬間(帖子)的內容以文字、圖片、視頻、語音自由組合,如果說‘+’按鈕是實現用戶發表帖子的沖動,那么圖2中‘瞬間’、‘語音’、‘拍攝’則是將這種沖動層級細化,最后的‘發布’按鈕則是實現了這種沖動。

注重個人隱私一直是用戶心中的痛,那么soul給出的解決方案是從權限的設置以及發表帖子顯示范圍來進行控制的。權限的設置分為了‘禁止下載’、‘禁止轉發’、‘侵權即刪’以及系統默認權限(以上三個權限均不選擇),權限的選擇可以多選,防止未經允許內容侵權、胡濫轉載、胡濫下載極大的保障了用戶的權益。

Soul將標簽選擇單獨拿出一頁作為選擇編輯,可謂是對標簽這項功能的重視,標簽顧名思義就是將內容給予一個合適的描述與定位,在推送的內容中用戶能夠通過標簽快速定位內容信息,也能通過標簽認識到自己在系統推送的定位信息,另外標簽讓板塊更加年輕化,所以單獨拿出一頁編輯標簽信息一點也不為過。

6. 消息

作為社交溝通的橋梁,soul消息頁面的信息設計如下圖。

藍色方框中的內容:

  • 頁面的說說明【私聊】
  • 頁面未讀消息的狀態說明
  • 【關注】按鈕
  • 允許匹配狀態的設置

紅色方框中的內容:

  • 對方souler的名稱
  • Souler的頭像
  • Souler的來處分為【來自星球】、【來自匹配】
  • Soulmate點亮的Logo
  • 最后/最新一條消息的時間記錄
  • 最后/最新一條消息的內容

邏輯&交互:

  • 圖1信息主頁中左上角的【暫無消息】,會根據有多少條未讀消息來變化的如:若有5條未讀消息【暫無消息】→【5條未讀消息】
  • 圖1信息主頁右上角,點擊【關注】按鈕頁面跳轉到關注主頁(圖3)
  • 圖1信息主頁右上角,點擊【允許匹配】這個按鈕,會有一個狀態選項框從按鈕的下面彈出效果如圖2所示,點擊相應下狀態后,【允許匹配】→【點擊選擇后的狀態】
  • 點擊圖1中任何的對話框,頁面會跳轉到相應的對話頁面如圖4
  • 圖3關注列表頁面,【相互關注】、【我關注的】、【關注我的】可來回切換,點擊搜索框,鍵盤從頁面底部向上彈出,點擊頁面的對話框頁面會跳轉到相應的對話頁面如圖4
  • 圖4對話頁面:
  • 頁面左上角返回按鈕旁邊有一個數字標記消息列表中未讀的新消息,數字的變化是由未讀的消息數來決定的,若未讀消息是0則不顯示該數字
  • 頁面頂部中間的souler點擊是可以對souler名稱進行編輯→快速備注
  • 頁面右上角的【更多】按鈕,點擊該按鈕跳轉到【更多】頁面
  • 對話氣泡的左下角有個小氣泡,若該消息未對方讀取→無小氣泡出現,若該消息被對方讀取→小氣泡出現
  • 好友的熟悉度影響著頁面?填充的量,?填充的量又影響著soulmate點亮速度(圖4中箭頭所示關聯),當soulmate被點亮后會激活【更多】頁面中【建立soulmate】按鈕

看法:

關于狀態的設置分為想要聊天、允許匹配、拒絕匹配,其實這里的設置是影響著用戶在隨機匹配和選擇性匹配的狀態的,這也是將交友的選擇權交到用戶手里同時也在給用戶最大的控制權

語音系統是亮點,按住語音時,語音系統會自動檢測用戶是否說話了,然后并提示如果將語音拖拽到編輯框中,語音自動轉化為漢字,解決了在最短的時間能將那些不方便語音的話通過文字的方式展現給對方的需求。

已讀小氣泡標記真的是UI上的亮點,以最小的空間最醒目的方式告訴用戶消息是否被讀取。

建立soulmate的過程就是在聊天系統中體現的,通俗的說soulmate的建立其實就是當好友熟悉度到達臨界值即可,好友熟悉度量的體現是通過圖文結合的形式,分為三個階段,僅有?、出現soulmate字體、soulmate字體全被點亮。

好處是明確告訴用戶是三個階段,完成每個階段不是太難、到下個階段需要完成什么。

講一個道理,當一個自身無法估量的困難擺在我們面前,我們也許會一開始就放棄或者在解決的過程中放棄,但是如果將困難拆分量化,我們清楚每一步怎么走、走多遠,我相信很多人都會堅持到最后。圖文結合和分階段正是量化和拆分。

7.?個人主頁

信息&交互:

  • 個人主頁(圖1)中紅色方框:
  • 用戶頭像,點擊頭像頁面跳轉【我的解析】頁面(圖3)
  • 個性簽名,雙擊可以編輯
  • 使用天數的顯示
  • 【瞬間】/【收藏】按鈕點擊可以來回切換帖子內容,例如點擊【收藏】底部帖子顯示區域如圖2所示
  • 個人主頁(圖1)中藍色方框:帖子的內容(簡);日期;天氣可見范圍標識

 

本文由 @吃?的嘟嘟嘟嘟? 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自網絡

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 求分享文檔模板 rht009@163.com ,非常感謝!

    來自湖南 回復
  2. 求分享文檔,1057360832@qq.com,非常感謝!

    來自廣東 回復
  3. 原型做的很好看,加油

    來自上海 回復
  4. 求樓主分享文檔,382866106@qq.com,萬分感謝您!

    來自海南 回復
  5. 很仔細,體驗程度很深,給用戶展示了一個很深層次的用戶體驗效果

    回復
  6. 請問一下畫原型時如何確定每個元件的大小或比例呢?

    來自河北 回復
  7. 那個星球的原型怎么畫呀

    回復
  8. 學習啦,感謝

    回復
  9. 寫的很好,你現在在出PRD的時候示例圖用到的多么

    來自浙江 回復
  10. 可以更好 加油加油

    來自北京 回復
  11. 哇,好棒,好喜歡這個APP呢

    回復
  12. 學習了

    回復
  13. 膜拜一下

    回復
  14. 原型學多久了?都是自己畫的嗎?

    回復
    1. 自己搗鼓了半年多,原型都是自己畫的(彩圖除外) ??

      來自廣東 回復
    2. 我在入坑中。。哈哈哈。一起加油

      來自福建 回復
    3. 一起加油(? ??_??)?

      回復
  15. 非常棒 收藏 我也準畫個app原型 謝謝你的第一步

    來自北京 回復