倒推“SOUL”APP產(chǎn)品需求文檔

18 評(píng)論 50320 瀏覽 287 收藏 32 分鐘

作為一個(gè)決心入行的產(chǎn)品準(zhǔn)新人小白,筆者根據(jù)現(xiàn)有的“SOUL”App產(chǎn)品倒推了本篇PRD,一定會(huì)有很多疏漏之處,請(qǐng)各位大佬能幫我指出,感激!

一、產(chǎn)品概況

1.版本修訂記錄

2.編輯歷史

3.背景

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

4.產(chǎn)品介紹

Soul一款基于大數(shù)據(jù)智能推薦、全新互動(dòng)模式的社交App,根據(jù)用戶的個(gè)人資料、性格測(cè)試結(jié)果,計(jì)算并推送一群與你性格相近的人或者是通過計(jì)算隨機(jī)匹配新朋友,幫助用戶結(jié)識(shí)性格相近的新朋友。

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

5.產(chǎn)品定位

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

6.目標(biāo)用戶

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

7.需求分析

二、產(chǎn)品架構(gòu)以及業(yè)務(wù)流程

1.功能架構(gòu)圖

2.信息架構(gòu)圖

3.業(yè)務(wù)流程圖

從流程圖可以看出soul交友流程其實(shí)非常簡(jiǎn)單,只需要完成簡(jiǎn)單的性格測(cè)試就可以通過機(jī)器人隨機(jī)匹配和用戶自行在星球?qū)ふ移ヅ溥@兩種匹配交友機(jī)制完成交友。

三、全局說明

1. 功能權(quán)限

用戶必須注冊(cè)登陸才能進(jìn)入APP,無法游客瀏覽。

2.?鍵盤說明

(1)點(diǎn)擊(手機(jī)號(hào)與驗(yàn)證碼)輸入框時(shí)頁面底部彈出數(shù)字鍵盤;

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

3. 彈窗加載

4. 頁面異常

5. 頁面間切換交互方式

四、頁面邏輯

1. 用戶交友的主邏輯

所有的交友匹配都建立在用戶必須完成初級(jí)測(cè)試題,測(cè)試題完成的越多對(duì)用戶的畫像越準(zhǔn)確。

2. 用戶發(fā)表瞬間的主邏輯

廣場(chǎng)公共可見,用戶發(fā)布的瞬間既可以在廣場(chǎng)顯示又可以在用戶主頁資料中顯示。

五、頁面詳細(xì)功能說明

1. 啟動(dòng)頁

啟動(dòng)頁前置條件為是否已連接網(wǎng)絡(luò),分為以下兩種情況:

已連接到網(wǎng)絡(luò):

頁面邏輯:

  • 在連網(wǎng)的情況下,啟動(dòng)soul app后進(jìn)入引導(dǎo)頁面;
  • 引導(dǎo)頁面等待3后直接跳入廣場(chǎng)頁面(引導(dǎo)頁面可手動(dòng)跳過)。

未連接網(wǎng)絡(luò):

在未連接網(wǎng)的情況下,啟動(dòng)app后直接進(jìn)入網(wǎng)絡(luò)異常提示界面,并給出用戶三個(gè)解決方案。

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

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

2. 登陸/注冊(cè)頁

Soul App是采用手機(jī)號(hào)與驗(yàn)證碼設(shè)置相應(yīng)的密碼進(jìn)行注冊(cè),注冊(cè)完畢后使用手機(jī)號(hào)以及密碼登陸即可。

登錄頁

注冊(cè)頁

頁面邏輯內(nèi)容:

  • 因soul app不提過第三方登錄,所以必須用手機(jī)號(hào)注冊(cè)/登錄;
  • 老用戶直接號(hào)、密碼點(diǎn)擊登錄即可進(jìn)入app;
  • 新用戶注冊(cè)時(shí),選擇區(qū)號(hào) 輸入正確的手機(jī)號(hào),點(diǎn)擊獲得驗(yàn)證碼,并在60s之內(nèi)輸入獲得的驗(yàn)證碼,超過60s用戶需要重新獲得驗(yàn)證碼重新驗(yàn)證;
  • 新用戶在驗(yàn)證碼正確的時(shí)候輸入密碼提交點(diǎn)擊下一步進(jìn)入資料補(bǔ)充頁面。

頁面交互:

  • 用戶點(diǎn)擊+86手機(jī)區(qū)號(hào)選擇時(shí),會(huì)彈出手機(jī)地區(qū)號(hào)選擇頁面;
  • 用戶輸入錯(cuò)誤的手機(jī)號(hào)、密碼、驗(yàn)證碼點(diǎn)擊登錄或者下一步按鈕時(shí),會(huì)有Toast彈窗提示輸入的信息錯(cuò)誤;
  • 用戶點(diǎn)擊手機(jī)號(hào)輸入框時(shí),底部向上彈出數(shù)字鍵盤;
  • 用戶點(diǎn)擊密碼輸入框時(shí),底部向上彈出字母全鍵鍵盤;
  • 用戶點(diǎn)擊忘記密碼,找回密碼頁面從右側(cè)彈出;
  • 用戶點(diǎn)擊登錄按鈕旁的Soul用戶協(xié)議,Soul用戶協(xié)議書會(huì)從頁面右側(cè)彈出。

資料填寫→靈魂測(cè)試

資料填寫

測(cè)試引導(dǎo)頁

測(cè)試頁

頁面邏輯:

  • 新用戶點(diǎn)擊頭像設(shè)置官方所提供的頭像,在出生日期設(shè)置自己的出生時(shí)間以及在個(gè)性簽名輸入框中輸入個(gè)性簽名;
  • 新用戶在測(cè)試引導(dǎo)頁點(diǎn)擊開始鑒定轉(zhuǎn)跳到測(cè)試題頁面,用戶完成測(cè)試題后進(jìn)入app。

頁面交互:

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

看法:

Soul登錄注冊(cè)頁面未使用第三方登錄,采用的是手機(jī)注冊(cè)登錄的方式,使得一個(gè)手機(jī)號(hào)對(duì)應(yīng)一個(gè)賬號(hào):

  • 第一保持?jǐn)?shù)據(jù)的安全性以及賬號(hào)的質(zhì)量;
  • 第二因?yàn)閷⑿掠脩糍Y料填寫與注冊(cè)分開所以使得注冊(cè)的過程及其簡(jiǎn)單干凈,讓新用戶能在最短的時(shí)間完成注冊(cè)新賬號(hào);
  • 第三Soul原本就是一個(gè)社交交友軟件,采用第三方登錄只會(huì)給自己的帶來沖擊以及用戶的流失。

Soul資料填寫分為三個(gè)模塊:

  • 第一,頭像的設(shè)置,用戶只能選用官方提供的頭像,滿足了用戶社交交友第一步不再是點(diǎn)開頭像看照片的需求,缺點(diǎn)則是無法滿足用戶個(gè)性化的需求;
  • 第二,出生日期的設(shè)置,通過出生日期可以掌握用戶的星座,在匹配機(jī)制上讓用戶多了星座的篩選這個(gè)選項(xiàng)以及推薦匹配的用戶年齡差在一個(gè)適當(dāng)?shù)姆秶?/li>
  • 第三,個(gè)性簽名,用戶對(duì)新朋友最直觀的認(rèn)知就是來源于個(gè)性簽名,個(gè)人覺得個(gè)性簽名沒必要作為必填選項(xiàng)。

Soul測(cè)試引導(dǎo)頁的存在是為了告知用戶認(rèn)真做測(cè)試的理由,經(jīng)過簡(jiǎn)單的靈魂測(cè)試題后系統(tǒng)會(huì)計(jì)算出用戶的性格,并將用戶分配到相應(yīng)的星球,正所謂物以類聚,人以群分,提高用戶找到soulmate的概率,同時(shí)也是Soul存在的意義。

3. 星球(匹配頁面)

頁面名稱:星球頁

頁面入口:新用戶資料填寫完成后進(jìn)入的app的第一個(gè)頁面

頁面結(jié)構(gòu):

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

(1)測(cè)試入口

頁面邏輯&交互:

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

看法:

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

人格測(cè)試題分為初級(jí)、進(jìn)階、深度三個(gè)等級(jí)的測(cè)試,人格測(cè)試完等的等級(jí)越高,系統(tǒng)對(duì)用戶性格的畫像越準(zhǔn)確,越有利于完成對(duì)用戶的推送,從而提高用戶交友的質(zhì)量;趣味測(cè)試則是小模塊的性格測(cè)試游戲,第一,可以打發(fā)用戶的時(shí)間;第二,可以加強(qiáng)用戶的粘性。

(2)匹配交友

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

選擇性匹配:

?

頁面邏輯&交互:

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

看法:

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

(3)隨機(jī)匹配

頁面邏輯&交互:

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

看法:

隨機(jī)匹配其實(shí)是中心化的在線用戶的隨機(jī)分配。為什么會(huì)有圖2中的過渡頁面?

其一,后臺(tái)服務(wù)器處理匹配請(qǐng)求需要時(shí)間;其二,在充滿神秘的動(dòng)態(tài)圖片中搭配著耐聽的輕音樂,讓用戶在等待時(shí)體會(huì)一種神秘的儀式感;其三,白色文字很好地向用戶解釋了機(jī)器人匹配實(shí)際是在匹配在線玩家。

(4)篩選條件

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

頁面邏輯&交互:

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

看法:

如果說用戶的性格興趣是經(jīng)過靈魂測(cè)試題的機(jī)控?cái)?shù)據(jù),那么篩選框就是滿足于用戶個(gè)性化需求的人控篩選機(jī)制。在越來越多的年輕人關(guān)注、研究星座后,星座篩選條件無疑是亮點(diǎn)之一,不足的是用戶選擇星座條件時(shí)只能單一選擇或者全選,并沒有多選的選項(xiàng)。

4. 廣場(chǎng)

(1)廣場(chǎng)頁面信息

筆者將廣場(chǎng)頁的頁面內(nèi)容分成兩個(gè)部分來說明。

紅色方框中內(nèi)容:

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

綠色方框中內(nèi)容:

  • 用戶頭像
  • 用戶星球信息
  • 用戶發(fā)布的內(nèi)容信息
  • 用戶地理位置
  • 內(nèi)容標(biāo)簽
  • 轉(zhuǎn)發(fā)、點(diǎn)贊、評(píng)論、收藏四個(gè)icon

頁面邏輯&交互:

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

看法:

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

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

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

關(guān)于流量的分配,廣場(chǎng)中每隔一段時(shí)間都有一個(gè)動(dòng)態(tài)處于頂置,為每個(gè)星球上的小伙伴都分配了一個(gè)流量池,在每個(gè)星球中評(píng)論、轉(zhuǎn)發(fā)、點(diǎn)贊數(shù)多的動(dòng)態(tài)會(huì)被分配更多的流量然后這些動(dòng)態(tài)會(huì)被輪流頂置,這種去中心化管理的好處在于每一個(gè)帖子都有被頂置、被關(guān)注的機(jī)會(huì)。

(2)評(píng)論&搜索

評(píng)論

頁面信息:

  • 標(biāo)題‘帖子’
  • 發(fā)布者的頭像、來自于xx星球、內(nèi)容、轉(zhuǎn)發(fā)、點(diǎn)贊、收藏
  • 評(píng)論者的頭像、來自于xx星球、評(píng)論的內(nèi)容、內(nèi)容的點(diǎn)贊

頁面邏輯&交互:

  • 用戶點(diǎn)擊點(diǎn)贊圖標(biāo)變紅旁邊的數(shù)量+1反之圖標(biāo)褪色數(shù)量顯示-1,點(diǎn)擊收藏圖標(biāo)變藍(lán)旁邊的數(shù)量+1反之圖標(biāo)褪色數(shù)量顯示-1;
  • 用戶點(diǎn)擊轉(zhuǎn)發(fā)圖標(biāo)時(shí),頁面底部彈出不同平臺(tái)的轉(zhuǎn)發(fā)分享的選項(xiàng)欄,點(diǎn)擊取消選項(xiàng)欄向下隱藏;
  • 用戶點(diǎn)擊回復(fù)樓主的輸入框時(shí),鍵盤從底部彈出,點(diǎn)擊收起時(shí),鍵盤從底部消失;
  • 用戶點(diǎn)擊右上角的更多時(shí),底部彈出舉報(bào)、轉(zhuǎn)發(fā)、取消三個(gè)選項(xiàng)框。

看法:

對(duì)事物發(fā)表自己的看法是社交互動(dòng)必不可少的,第一,每個(gè)人都有發(fā)表自己看法的權(quán)利;第二,每個(gè)發(fā)布者都希望自己的帖子得到關(guān)注和評(píng)論。

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

搜索

頁面信息:

  • 搜索框
  • 相關(guān)內(nèi)容板
  • 熱門分類
  • 熱門標(biāo)簽

邏輯&交互:

  • 點(diǎn)擊搜索框,鍵盤會(huì)從頁面底部向上彈出;
  • 點(diǎn)擊相關(guān)板塊后面的‘x’,會(huì)刪除該內(nèi)容;
  • 點(diǎn)擊熱門分類文字、圖片、語音、視頻中的任何一個(gè),頁面跳轉(zhuǎn)至相應(yīng)頁;

看法:

將內(nèi)容進(jìn)行層級(jí)細(xì)化的分類,推薦不同的索引給用戶的同時(shí)也是在滿足用戶個(gè)性化的需求,提供標(biāo)簽索引是亮點(diǎn)。

5. 帖子發(fā)布通道

邏輯&交互:

  • 用戶點(diǎn)擊底部導(dǎo)航欄中間的“+”圖標(biāo),頁面跳轉(zhuǎn)到發(fā)表瞬間方式的選擇頁面(圖2)
  • 點(diǎn)擊圖(2)中的瞬間,頁面跳轉(zhuǎn)到填寫瞬間的預(yù)備頁(圖3)
  • 填寫瞬間的預(yù)備頁(圖3)中的頁面信息:

頂部由‘X’圖標(biāo)、‘記錄中’字體、‘發(fā)布’按鈕構(gòu)成,其中‘X’圖標(biāo)代表關(guān)閉當(dāng)前頁面返回到上一頁,‘發(fā)布’按鈕則是將本條編輯的內(nèi)容發(fā)布到廣場(chǎng)或個(gè)人空間,發(fā)布完成后頁面跳轉(zhuǎn)至廣場(chǎng)頁;

中間部分則是由發(fā)表的文字編輯框、地理位置、選擇圖片構(gòu)成,其中地理位置信息和選擇發(fā)表的圖片是可選的,當(dāng)鼠標(biāo)點(diǎn)擊文字編輯框的時(shí)候,鍵盤從底部向上彈出。

底部是由‘表情編輯’、‘權(quán)限設(shè)置’、‘標(biāo)簽選擇’、‘發(fā)布的位置’、‘天氣編輯’五部分依次排列組成。

其中除了點(diǎn)擊‘標(biāo)簽選擇’按鈕跳轉(zhuǎn)至‘標(biāo)簽編輯選擇’(圖6)頁面,其余的按鈕點(diǎn)擊后相應(yīng)的選項(xiàng)框會(huì)從底部向上彈出,并且彈出框在此頁面的顯示有且只能存在唯一一個(gè)(意思就是當(dāng)點(diǎn)擊權(quán)限設(shè)置時(shí),權(quán)限設(shè)置的選項(xiàng)框向上彈出其他的彈出框自動(dòng)向下隱藏)。

發(fā)表的權(quán)限可以多選,發(fā)表的位置只能單選。

圖6為標(biāo)簽選擇編輯欄,在【猜你想要添加】中點(diǎn)擊想要的標(biāo)簽,標(biāo)簽自動(dòng)添加到頂部;或者在標(biāo)簽編輯框中輸入想要添加的標(biāo)簽點(diǎn)擊生成,編輯好的標(biāo)簽自動(dòng)添加到頂部。

看法:

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

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

Soul將標(biāo)簽選擇單獨(dú)拿出一頁作為選擇編輯,可謂是對(duì)標(biāo)簽這項(xiàng)功能的重視,標(biāo)簽顧名思義就是將內(nèi)容給予一個(gè)合適的描述與定位,在推送的內(nèi)容中用戶能夠通過標(biāo)簽快速定位內(nèi)容信息,也能通過標(biāo)簽認(rèn)識(shí)到自己在系統(tǒng)推送的定位信息,另外標(biāo)簽讓板塊更加年輕化,所以單獨(dú)拿出一頁編輯標(biāo)簽信息一點(diǎn)也不為過。

6. 消息

作為社交溝通的橋梁,soul消息頁面的信息設(shè)計(jì)如下圖。

藍(lán)色方框中的內(nèi)容:

  • 頁面的說說明【私聊】
  • 頁面未讀消息的狀態(tài)說明
  • 【關(guān)注】按鈕
  • 允許匹配狀態(tài)的設(shè)置

紅色方框中的內(nèi)容:

  • 對(duì)方souler的名稱
  • Souler的頭像
  • Souler的來處分為【來自星球】、【來自匹配】
  • Soulmate點(diǎn)亮的Logo
  • 最后/最新一條消息的時(shí)間記錄
  • 最后/最新一條消息的內(nèi)容

邏輯&交互:

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

看法:

關(guān)于狀態(tài)的設(shè)置分為想要聊天、允許匹配、拒絕匹配,其實(shí)這里的設(shè)置是影響著用戶在隨機(jī)匹配和選擇性匹配的狀態(tài)的,這也是將交友的選擇權(quán)交到用戶手里同時(shí)也在給用戶最大的控制權(quán)

語音系統(tǒng)是亮點(diǎn),按住語音時(shí),語音系統(tǒng)會(huì)自動(dòng)檢測(cè)用戶是否說話了,然后并提示如果將語音拖拽到編輯框中,語音自動(dòng)轉(zhuǎn)化為漢字,解決了在最短的時(shí)間能將那些不方便語音的話通過文字的方式展現(xiàn)給對(duì)方的需求。

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

建立soulmate的過程就是在聊天系統(tǒng)中體現(xiàn)的,通俗的說soulmate的建立其實(shí)就是當(dāng)好友熟悉度到達(dá)臨界值即可,好友熟悉度量的體現(xiàn)是通過圖文結(jié)合的形式,分為三個(gè)階段,僅有?、出現(xiàn)soulmate字體、soulmate字體全被點(diǎn)亮。

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

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

7.?個(gè)人主頁

信息&交互:

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

 

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

題圖來自網(wǎng)絡(luò)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 求分享文檔模板 rht009@163.com ,非常感謝!

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

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

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

    來自海南 回復(fù)
  5. 很仔細(xì),體驗(yàn)程度很深,給用戶展示了一個(gè)很深層次的用戶體驗(yàn)效果

    回復(fù)
  6. 請(qǐng)問一下畫原型時(shí)如何確定每個(gè)元件的大小或比例呢?

    來自河北 回復(fù)
  7. 那個(gè)星球的原型怎么畫呀

    回復(fù)
  8. 學(xué)習(xí)啦,感謝

    回復(fù)
  9. 寫的很好,你現(xiàn)在在出PRD的時(shí)候示例圖用到的多么

    來自浙江 回復(fù)
  10. 可以更好 加油加油

    來自北京 回復(fù)
  11. 哇,好棒,好喜歡這個(gè)APP呢

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

    回復(fù)
  13. 膜拜一下

    回復(fù)
  14. 原型學(xué)多久了?都是自己畫的嗎?

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

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

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

      回復(fù)
  15. 非常棒 收藏 我也準(zhǔn)畫個(gè)app原型 謝謝你的第一步

    來自北京 回復(fù)