倒推多閃app產品需求文檔

24 評論 33628 瀏覽 269 收藏 22 分鐘

多閃是字節跳動旗下針對年輕人推出的一款視頻社交APP,本篇文章對這款產品進行了倒推分析,詳細解讀其功能設計邏輯,并針對其中的一些問題提出看法與建議。

一、文檔綜述

1.1 版本修訂記錄

1.2 PRD輸出環境

1.3 產品介紹

多閃是字節跳動旗下針對年輕人推出,一款好友小視頻社交APP。多閃從2018年年中正式立項,產品主要分為三個模塊:消息列表、隨拍、世界,旨在幫助用戶沒有壓力的記錄生活中的點點滴滴。

二、產品結構

2.1 產品功能結構圖

2.2 產品信息結構圖


目前,多閃作為1.0版本的新app,功能結構相對簡單,聚焦消息,隨拍,世界三個模塊,可以有效幫助用戶降低學習成本,突出隨拍功能,體現差異化。

三、全局說明

3.1 功能權限

(1)分為登錄狀態和未登錄狀態;

(2)登陸狀態可進行所有操作;

(3)未登錄狀態下,啟動頁結束后進入登陸頁,完成登陸之前僅可以進行第三方登陸授權,手機號驗證碼登陸操作。

3.2 鍵盤說明

(1)手機號登錄頁面點擊手機號和驗證碼輸入框時從底部向上彈出數字鍵盤;

(2)聊天界面,隨拍編輯界面點擊輸入框時從底部向上彈出字母全鍵盤。

3.3 頁面內交互

3.4 頁面異常

無網絡時,依然可以進入app并瀏覽三個一級模塊,但在“消息”,“世界”界面時,左上角顯示“網絡未連接”,在個人主頁、他人主頁界面不顯示隨拍,僅顯示一直滾動的載入圖標。

3.5 頁面間切換交互方式

一級頁面之間(首頁,隨拍,世界)可以進行左右滑動切換,但主頁界面左滑不進入世界界面,同理,世界界面右滑不進入消息主頁。

四、用戶操作流程圖

由于多閃是一個主打熟人關系的年輕化短視頻社交app,所以必須登錄后進行聊天,拍攝隨拍,綁定錢包,查看世界等操作。

五、頁面流程圖

需要注意的是,一級隨拍的拍攝界面可以直接滑動或點擊進入其他兩個一級界面,聊天頁面中進入的拍攝界面僅可以拍攝或退回聊天頁面。

六、頁面詳細功能說明

6.1?啟動頁


頁面邏輯:

  • 點擊app圖標時進入啟動頁,顯示多閃logo和中文名稱;
  • 等待3秒后判定是否登錄,如已登錄則進入主頁,如果未登錄則進入登錄頁;
  • 1.0版本不顯示廣告或其他圖片,后續可能會添加優質隨拍封面作為啟動頁。

啟動頁不進行網絡連接檢查和提示,無網絡時,若之前進行過登錄,則進入主頁后用文字和icon進行提示,若未登錄,點擊登錄授權后會顯示安卓網頁錯誤提示。

6.2?登陸/注冊頁

頁面邏輯:

(1)啟動頁時檢查登錄狀態,如未登錄則進入登錄頁。

(2)登錄頁顯示logo,中文名稱,和啟動頁相比位置向上移動,為登錄按鈕提供空間,點擊登錄按鈕后,系統判定手機中是否安裝抖音app:

①如安裝了抖音且抖音進行過登錄,則調用抖音相關接口進行授權登錄。

②如抖音未登錄則跳轉進入抖音的登錄注冊界面,進行手機號/第三方授權登錄。

③如本機環境未安裝抖音app,則進入手機號驗證登錄界面,同時,界面顯示抖音相關元素,強化用戶認知。

(3)登錄按鈕顯示抖音icon,文本為“抖音登錄”,體現了和抖音的強綁定,按鈕下方有同意用戶協議和隱私政策的提示,用戶協議/隱私政策文本顏色突出,點擊后可以進入相關協議的文字描述界面。

啟動頁不進行網絡連接檢查和提示,無網絡時,若之前進行過登錄,則進入主頁后用文字和icon進行提示,若未登錄,點擊登錄授權后會顯示安卓網頁錯誤提示。

此處可能是是優先級較低或1.0版本未考慮到的功能,后續更新中應該新增相應的網絡錯誤提示,引導用戶正確進行手機網絡的設置,優化使用體驗。

6.2.1 手機號碼登錄頁

頁面名稱:手機號登錄頁;

頁面入口:本機未安裝抖音app時進入的手機號驗證登錄界面;

頁面結構:

  • 抖音logo|slogan;
  • 手機號輸入框;
  • 驗證碼輸入框;
  • 驗證碼獲取按鈕;
  • 授權登錄按鈕;
  • 用戶協議和隱私政策通知;
  • 登錄權限說明;

頁面邏輯:

  1. 用戶輸入手機號碼,點擊“發送驗證碼”按鈕,“發送驗證碼”按鈕內容變為60秒倒計時,倒計時結束后,原區域內容重新顯示“發送驗證碼”。
  2. 用戶收到驗證碼并在3分鐘內正確輸入即可登陸,超過3分鐘出現toast提示驗證碼過去,輸入錯誤出現toast提示驗證碼錯誤
  3. 用戶可以取消勾選用戶協議和隱私政策,取消勾選后依然可以獲取驗證碼,但登錄時優先顯示請同意用戶協議的toast提示。

頁面交互:

  1. 用戶點擊手機號及驗證文本框,默認全鍵盤從底部彈出;
  2. 用戶點擊獲取驗證碼按鈕,“發送驗證碼”按鈕內容變為60秒倒計時,倒計時結束后,重新顯示“發送驗證碼”。

6.3?首頁

頁面名稱:首頁;

頁面入口:完成登陸后進入app的第一個頁面;

頁面結構:

  • App的名稱;
  • 添加好友;
  • 通訊錄入口;
  • 個人主頁入口;
  • 我的隨拍相冊;
  • 多閃小助手;
  • 聊天消息列表;
  • 可能認識的人;
  • 一級菜單切換:消息/拍攝/世界;

頁面邏輯:

  1. 初次登錄時,“我的隨拍”圖標不顯示,當用戶新建第一個個人隨拍后,顯示“我的隨拍”,并始終將用戶的最新隨拍封面作為該部分的圖標。
  2. 初次登陸時,聊天列表默認顯示多閃小助手,并以紅標進行提示,點擊后將看到官方發送的迎新短視頻。
  3. 聊天消息會依照時間順序進行排序,未讀消息在右側顯示紅心和消息數量進行提示,點擊后進入聊天頁面。
  4. 長按矩形區域下方出現“刪除對話”的彈出按鈕,點擊后出現懸浮框再次確認,點擊后刪除改好友的首頁消息和記錄,主頁上的陌生人消息盒子icon不可刪除,點擊進入盒子后長按可以刪除對話,操作交互和首頁刪除相同。
  5. 首頁部分可滑動的頁面內信息流組成從上到下依次為:活動圖標,我的隨拍,消息列表,可能認識的人,邀請好友。

頁面交互:

  1. 點擊相應圖標直接進入功能頁面。
  2. 首頁長按對話消息從下方彈出刪除對話的提示框,首頁其他部分變灰,點擊后出現懸浮窗口確認刪除提示,點擊刪除或取消都會關閉懸浮窗,恢復首頁的變灰狀態。
  3. 上下滑動可以瀏覽首頁更多內容,左右滑動可以切換一級菜單。

6.4?聊天頁


頁面名稱:聊天詳情頁;

頁面入口:點擊首頁任意消息列表或通過通訊錄進入;

頁面結構:

  • 退出聊天頁按鈕;
  • 好友id;
  • 聊天設置;
  • 聊天內容顯示;
  • 消息編輯按鈕;
  • 聊天多媒體信息按鈕(發紅包,發圖片,發隨拍,發表情,發送小紅心等)。

頁面邏輯:

  1. 聊天上功能欄依次是退出按鈕和聊天設置按鈕,設置按鈕點擊后跳轉到新頁面內,可以進行私聊添加人數(群聊),設置消息免打擾(開關UI),置頂聊天(開關UI),投訴聊天,刪除對話等功能的設置
  2. 主區域顯示聊天文字,圖片等信息,可以進行上下拖動,當前后兩句聊天內容發送時間超過5min時會顯示聊天內容的時間,格式為:當天內則顯示hh:mm,隔天及以上則顯示:MM/dd hh:mm。
  3. 點擊對方頭像可以進入對方主頁,點擊自己頭像可以進入我的主頁
  4. 下方輸入框可以進行文字,紅包,圖片,視頻等聊天素材的輸入,點擊文字時調用系統默認鍵盤,點擊其他按鈕會進入相應的多媒體拍攝/編輯頁面,最右邊是一個小紅心,點擊可以快捷發送一個系統自帶的愛心表情,用以解決朋友之間聊天破冰難的情況。

頁面交互:

  1. 上下拖動可以查看所有聊天信息,點擊圖片會放大顯示,點擊視頻會進行播放。
  2. 點擊“發消息”的長矩形框,從下方彈出系統默認字母全鍵盤,剩余的5個多媒體聊天按鈕(發紅包,視頻等)隨鍵盤同時向上移動到鍵盤區域的最上方,同時,鏤空的白色icon變為白色背景,深色本體的顯示方式。
  3. 點擊發紅包,發圖片,發表情時,相應的界面從下方彈出,并將原消息界面置灰,完成多媒體素材編輯后或點擊置灰的消息界面,均可將聊天輸入區復原,并取消消息界面的置灰狀態。
  4. 點擊發隨拍按鈕后,直接調用系統相機,跳轉至含有相機設置,拍攝參數調整的相機頁面,點擊退出或完成視頻編輯后回到聊天詳情頁。
  5. 點擊發送小紅心時,底部功能區不發生變化,直接將發送小紅心表情。
  6. 對方有新消息抵達時,如果用戶的瀏覽位置沒有顯示,則在右下角彈出有新消息的提示,點擊可快速定位到對方發送的新消息;己方編輯任意聊天內容并發送后,會自動將聊天記錄定位到剛剛發送的最新消息位置。

6.5?世界隨拍頁

頁面名稱:世界隨拍頁;

頁面入口:通過首頁點擊“世界”按鈕進入;

頁面結構:

  • “世界”文本文字;
  • 隨拍封面;
  • 隨拍標簽;

頁面邏輯:

  1. 世界隨拍其實就是社區/廣場,通過這里可以看到其他用戶上傳到生活視頻,采用雙行信息流進行排列,最多可以顯示4個完整的視頻封面,視頻封面統一截取視頻的第一幀內容,不可修改。封面左下角會顯示隨拍發布者的id以及系統給定的隨拍標簽,標簽有:人氣隨拍,附近的人,可能認識的人。
  2. 隨拍封面不會自動播放,點擊后進入隨拍播放界面。
  3. 隨拍不顯示觀看數,點贊數等數據,讓隨拍免去炫耀,回歸記錄生活的初心。

頁面交互:

  1. 上下拖動可以查看更多他人隨拍,在最頂部手指下滑會進行刷新,從上方出現一個轉動圖標,網絡良好情況下,圖標轉動三秒后,原隨拍內容全部消失,重新更換一批隨拍內容,內容為不同步的隱約出現。網絡異常時,無法向下拖動,并出現文字提示:網絡未連接。
  2. 世界界面并不是無限信息流,往下拖動展示特定數量隨拍后(大約100個)會出現文字提示:沒有更多內容。向上滑動隨拍流時,屏幕中間偏下位置會出現懸浮的小圖標,點擊即可快速定位到隨拍流的最頂端,
  3. 觀看過的隨拍將會覆蓋灰色半透明圖層,并顯示再次觀看的icon和文字,便于用戶區分。

6.7?隨拍播放頁

頁面名稱:隨拍播放頁;

頁面入口:在世界隨拍流中點擊封面,點擊首頁我的隨拍,在他人主頁中點擊隨拍均可進入;

頁面結構:

  • 該用戶的隨拍列表;
  • 用戶名稱(如果是查看本人隨拍則顯示文本“我的隨拍”);
  • 用戶id(如果是查看本人隨拍則顯示隨拍發布時間,格式為“yyyy/MM/dd”);
  • 隨拍投訴按鈕;
  • 關閉隨拍按鈕;

頁面邏輯:

  1. 隨拍播放頁可以是動態視頻或靜態圖像,如果是視頻則會完整播放,如果是圖像則會在拍攝時間文字后新增文本描述“照片”,靜置展示5秒,然后切換到該用戶的下一個隨拍。
  2. 上方細長線顯示了隨拍的播放進度,每個隨拍之間有間隔劃分,可以充當播放進度的顯示,點擊該頁面除了按鈕外的任何地方,都會跳過當前播放的隨拍,直接播放該用戶的下一個隨拍(如果已經是最后一個則播放下一個用戶的第一個)。
  3. 點擊用戶頭像區域可以進入他人主頁,當一個用戶的所有隨拍播放完畢后,會自動進入下一個用戶的全部隨拍播放,播放順序即世界隨拍流中的順序。

頁面交互:

  1. 點擊按鈕會彈出投訴對話框,點擊用戶頭像進入他人主頁,點擊推出按鈕回到世界隨拍流。
  2. 點擊其他任何區域跳過當前隨拍,自動播放下一個。
  3. 左右滑動直接切換另一個展示的用戶,上下滑動退出播放頁,回到“世界”頁面。

七、總結

先說發現的小問題,再說對整個產品的看法:

  • 登錄流程中對一些異常考慮不完善,應該添加無網絡時的友善提示,引導用戶進行正確的網絡設置,提高人性化。
  • 首頁內容相對比較繁雜,為了突出隨拍功能而將一級模塊設定為三個,使得產品更像相機軟件,一定程度上違反了社交軟件的使用習慣
  • 小愛心的想法不錯,但使用時優先級沒有那么高(按照發布會上所說,一個聊天破冰用的小改動,沒必要放在聊天頁面的一級菜單上)而且位置在最右邊,切換不同聊天界面時極容易誤觸。
  • 世界里的信息流難以掌握推薦算法,根據多天的使用發現,多閃團隊早期還是用抖音思路,優先推送頭部效應明顯的“人氣隨拍”,然而這對于一款定位為熟人短視頻社交產品的app來說顯然是自相矛盾的,后期加大了“附近的人”“可能認識的人”的推廣優先級。到底是做熟人社交還是基于LBS的陌生人社交,這顯然不可能“兩手抓兩手都要硬”
  • 產品本身應該還在探索期,是一個抖音庇護下的mvp產品,暫時看不出太多變現渠道,而由于0版本產品結構比較簡單,后期如果有新增流量入口的迭代顯然會給用戶強烈的不適應感,對留存造成考驗。

真正的總結:

可以發現,多閃通過主打降低社交焦慮的方式體現差異化,但也面臨著諸如短視頻聊天使用頻次少,發布動態缺少“正激勵”等問題。消除社交焦慮的一個結果就是社交冷漠,消滅“點贊之交”反而提高了用戶交流的成本。后續開發團隊需要在降低社交焦慮和增強社交參與感之間得到一個良好平衡。

多閃目前的兩個運營活動還是可圈可點的,通過每日登錄聊天獲取現金紅包,以及借助AI圖像識別,設置幾個和過年有關的視頻動作(作揖,點頭,發紅包等)引導用戶錄制隨拍的內容,培養拍攝視頻的習慣。

多閃的中短期目標還是盡可能依托自家短視頻興趣社區產品抖音,通過滿足社區產品自然而然產生的社交需求來破局,在這一點上,抖音也非常配合,最近的更新已經添加了拍攝多閃隨拍的功能。即使多閃本身不溫不火,也不排除多閃以“抖音小程序”的形式出現在抖音app本體中的可能性。

由于時間和精力所限,原型僅繪制了幾個重點界面,其余部分用軟件截圖代替。

 

本文由@Frost丶L 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 視頻社交,俗話無事不登三寶殿,重要的是對面給你發的視頻內容,總是在視頻之外加姿加色,卻忽略了本質。

    回復
  2. 您好,寫的真棒??,值得學習。我是在校生,好奇您是通過什么學習做出來這樣的文檔呢?

    回復
    1. 互相探討哈,多閱讀一些產品文檔,針對不同類型的產品總結出自己的思路,還有就是多寫多練手。共勉

      來自上海 回復
    2. 嗯嗯 謝謝。可以分享下你的axure文件嗎?或者html文件看看.1625349811@qq.com

      來自黑龍江 回復
  3. 缺乏用戶描述,產品背景,產品定位

    回復
    1. 感謝斧正,今后工作中會注意更多關注戰略層的內容

      來自上海 回復
  4. 最近看了好多倒推的文章,都是注重重塑原型和分析交互,沒意思。倒推首先應該去思考這個產品是做什么,定位是什么,產品目的和目標用戶是什么,然后反推需求和痛點,再帶著需求看產品。這篇文章完全沒體現。
    不去看目標用戶的主要訴求,單從自己的觀點對產品評頭論足,太狹隘了,就理解不到人家這樣設計背后的深意了

    來自遼寧 回復
    1. 受教了,非常感謝,目前也在大量學習中,感謝您的意見,以后的工作中會更多進行需求to原型的思考

      來自上海 回復
    2. 強烈建議評論功能下面加一個點贊功能

      來自浙江 回復
  5. 學習到了,謝謝

    回復
    1. 感謝支持,共同學習哈 ??

      來自上海 回復
  6. 好細致

    回復
    1. 我受貶不受贊,文檔肯定是還有可以提高的地方,共同學習哈 ??

      來自上海 回復
  7. 沒有信息流分發邏輯,沒有財務模型,沒有數據需求,這頂多算交互文檔

    來自浙江 回復
    1. 本人也在不斷學習的過程中,感謝您的指導意見,歡迎探討哈 ??

      來自上海 回復
    2. 隨便選取一個功能模塊,從用戶角度跟平臺角度分析一下做這個功能的目的是什么,關鍵路徑節點是哪些,需要回收哪些數據,有哪幾種實現方式,為什么選取了現在這種實現方式,如果是你有什么更好的做法?做產品需要有閉環思路哦

      來自浙江 回復
    3. 您好,請問方便具體說一下“信息流分發邏輯”和“數據需求”是什么嗎?我最近也在學習中,希望能與您探討。

      回復
  8. 叫交互文檔比較合適。。。

    來自北京 回復
    1. 感謝斧正,歡迎討論哈

      來自上海 回復
  9. 這是產品需求文檔?充其量算個交互文檔。。。。

    來自河南 回復
    1. 感謝您的意見哈,也想和您探討一下,您覺得需求文檔中還有哪些內容需要體現呢

      來自上海 回復
  10. 敢問閣下是多閃的產品嗎?

    來自浙江 回復
    1. 不是的,最近正好在研究社交類產品,多閃是15號發布的三款社交產品中最有差異化的,所以著重分析了一下它的需求和交互

      來自上海 回復
  11. 厲害惹(??????)??,請問您是否有公眾號呀,可以授權轉載大作么,如果您有意向的話,可以添加微信18680315092,不勝感激 ??

    來自廣東 回復