中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

根據(jù)圖蟲(chóng)網(wǎng)的app產(chǎn)品倒推了圖蟲(chóng)網(wǎng)的產(chǎn)品需求文檔，寫(xiě)這篇文檔主要是為了加強(qiáng)對(duì)產(chǎn)品功能的邏輯和細(xì)節(jié)上的把控，也是為之后工作中能給開(kāi)發(fā)UI測(cè)試呈現(xiàn)出一個(gè)可量化條理清楚便于理解的產(chǎn)品需求文檔做準(zhǔn)備。本文省去了實(shí)際PRD中版本修訂、業(yè)務(wù)描述、產(chǎn)品前景等內(nèi)容，直接從PRD的核心內(nèi)容產(chǎn)品功能邏輯說(shuō)起。

目錄

一、文檔綜述?

1.1 PRD輸出環(huán)境

1.2 產(chǎn)品介紹

1.3 文檔名詞說(shuō)明

二、產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品結(jié)構(gòu)圖

2.2 產(chǎn)品信息結(jié)構(gòu)圖

三、全局說(shuō)明

3.1 功能權(quán)限

3.2 鍵盤(pán)說(shuō)明

3.3 頁(yè)面內(nèi)交互

四、 產(chǎn)品詳細(xì)功能說(shuō)明

4.0 常用操作

4.0.1. 常用icon

4.0.2. 分享彈窗

4.0.3. 更多操作

4.1. 歡迎頁(yè)

4.2. 登陸/注冊(cè)頁(yè)&引導(dǎo)頁(yè)

4.2.1 登錄首頁(yè)

4.2.2 授權(quán)后注冊(cè)頁(yè)

4.2.3 注冊(cè)頁(yè)

4.2.4 登錄頁(yè)

4.2.5 選擇感興趣圖片分類(lèi)頁(yè)

4.3. 發(fā)布圖博頁(yè)

4.3.1 選擇照片

4.3.2 圖博編輯

4.3.3 輸入標(biāo)簽

4.4. 首頁(yè)

4.4.1 首頁(yè)-推薦列表

4.4.2 頂部banner&文字圖博&圖片圖博

4.4.3 熱門(mén)標(biāo)簽推薦

4.4.4 用戶(hù)推薦

4.4.5 活動(dòng)推薦

4.4.6 首頁(yè)-關(guān)注列表

4.4.7 圖蟲(chóng)編輯推薦

4.4.8 大圖

4.4.9 圖片圖博詳情頁(yè)

4.4.10 文字圖博詳情

4.4.11 回復(fù)詳情彈框

4.4.12 用戶(hù)列表頁(yè)（關(guān)注&粉絲&喜歡人&優(yōu)秀講師列表）

4.4.13 打賞

4.4.14 圖片標(biāo)簽主頁(yè)&活動(dòng)標(biāo)簽主頁(yè)

4.5. 圖博列表頁(yè)

4.6. 發(fā)現(xiàn)頁(yè)面

4.6.1 發(fā)現(xiàn)頁(yè)面

4.6.2 搜索頁(yè)

4.6.3 攝影課堂頁(yè)

4.6.4 影像頻道

4.6.5 熱門(mén)攝影師頁(yè)

4.6.6 活動(dòng)列表頁(yè)

4.7. 消息

4.7.1 消息

4.7.2 通知列表頁(yè)

4.8. 我

4.8.1 我-圖博

4.8.2 我-喜歡

4.8.3 我-活動(dòng)

4.8.4 我-更多

4.8.5 設(shè)置

4.8.6 個(gè)人信息

4.9. 用戶(hù)主頁(yè)

一、文檔綜述

1.1 PRD輸出環(huán)境

1.2 產(chǎn)品介紹

圖蟲(chóng)網(wǎng)是專(zhuān)為攝影師打造的照片分享與經(jīng)驗(yàn)交流的平臺(tái)，其致力于成為中國(guó)年輕攝影師的成長(zhǎng)平臺(tái)。為攝影愛(ài)好者營(yíng)造一個(gè)自由平等、版權(quán)尊重的環(huán)境，讓其輸出的影像發(fā)揮其價(jià)值。

1.3?文檔名詞說(shuō)明

二、產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品結(jié)構(gòu)圖

2.2 信息結(jié)構(gòu)圖

三、全局說(shuō)明

3.1 功能權(quán)限

分為未登陸狀態(tài)與登陸狀態(tài)。

• 登陸狀態(tài)下可進(jìn)行所有操作
• 未登錄狀態(tài)下不可進(jìn)入導(dǎo)航欄中“發(fā)布圖博”“消息”和“我”，不可進(jìn)行喜歡、評(píng)論、打賞、關(guān)注用戶(hù)、參加活動(dòng)、訂閱標(biāo)簽的操作；進(jìn)行以上操作跳轉(zhuǎn)到登錄首頁(yè)4.2.1

3.2 鍵盤(pán)說(shuō)明

點(diǎn)擊（手機(jī)號(hào)、驗(yàn)證碼）輸入框時(shí)彈出數(shù)字鍵盤(pán)

點(diǎn)擊其他輸入框彈出字母鍵盤(pán)

3.3 頁(yè)面內(nèi)交互

四、產(chǎn)品詳細(xì)功能說(shuō)明

4.0 常用操作

4.0.1 常用icon

4.0.2 分享彈窗

頁(yè)面邏輯：點(diǎn)擊分享到朋友圈/微信好友/手機(jī)QQ/微博

4.0.3 更多操作

頁(yè)面邏輯：

• 朋友圈/微信好友/手機(jī)QQ/微博：點(diǎn)擊分享
• 生成長(zhǎng)圖：點(diǎn)擊生成長(zhǎng)圖[略]
• 查看參數(shù)：點(diǎn)擊打開(kāi)照片參數(shù)彈窗
• 舉報(bào)：點(diǎn)擊彈出actionsheet，按鈕1：淫穢色情，按鈕2：違法有害，按鈕3：廣告營(yíng)銷(xiāo)，按鈕4：版權(quán)盜用。點(diǎn)擊按鈕后彈出toast”舉報(bào)成功“
• 編輯：點(diǎn)擊打開(kāi)圖博編輯頁(yè)
• 刪除：點(diǎn)擊刪除圖博

4.1 歡迎頁(yè)

首次啟動(dòng)app進(jìn)入開(kāi)屏視頻，開(kāi)屏視頻播放5秒出現(xiàn)下圖中“開(kāi)啟圖蟲(chóng)”按鈕，點(diǎn)擊開(kāi)啟圖蟲(chóng)進(jìn)入登錄首頁(yè)4.2.1

非首頁(yè)啟動(dòng)app進(jìn)入歡迎頁(yè)1或歡迎頁(yè)2

頁(yè)面邏輯：

• 若未登錄，顯示歡迎頁(yè)1，3秒后進(jìn)入登陸首頁(yè)4.2.1
• 若已登陸，顯示歡迎頁(yè)2
  a）歡迎頁(yè)2背景圖為編輯人工推薦的應(yīng)用內(nèi)用戶(hù)所發(fā)照片
  b）點(diǎn)擊歡迎頁(yè)2任意位置進(jìn)入該推薦圖片的圖博詳情頁(yè)4.4.9
  c）未點(diǎn)擊3秒后自動(dòng)跳轉(zhuǎn)到首頁(yè)4.4

4.2?登陸/注冊(cè)頁(yè)&引導(dǎo)頁(yè)

4.2.1 登錄首頁(yè)

頁(yè)面序號(hào)邏輯：

1. 點(diǎn)擊調(diào)出微信/微博/QQ授權(quán)接口，授權(quán)登陸后進(jìn)入首頁(yè)4.4
2. 點(diǎn)擊進(jìn)入注冊(cè)頁(yè)4.2.3
3. 點(diǎn)擊進(jìn)入登陸頁(yè)4.2.4
4. 點(diǎn)擊進(jìn)入以未登錄狀態(tài)進(jìn)入首頁(yè)4.4

4.2.2 授權(quán)后注冊(cè)頁(yè)

頁(yè)面序號(hào)邏輯：

1. ① 默認(rèn)為授權(quán)號(hào)的頭像。點(diǎn)擊彈出actionsheet，按鈕1為拍攝照片，點(diǎn)擊打開(kāi)設(shè)備相機(jī)；按鈕2為相冊(cè)上傳，點(diǎn)擊打開(kāi)相冊(cè)。
2. 用戶(hù)名唯一不可重復(fù)。默認(rèn)為授權(quán)號(hào)用戶(hù)名，若授權(quán)號(hào)用戶(hù)名已被注冊(cè)，自動(dòng)在授權(quán)號(hào)用戶(hù)名后加隨機(jī)三位數(shù)字，例如“張三383”。
3. 未輸入用戶(hù)名為禁用狀態(tài)，輸入用戶(hù)名切換為可點(diǎn)擊狀態(tài)。點(diǎn)擊后校驗(yàn)用戶(hù)名是否唯一，校驗(yàn)失敗彈出toast“該用戶(hù)名已被注冊(cè)”；校驗(yàn)成功進(jìn)入選擇感興趣圖片分類(lèi)頁(yè)4.2.5

4.2.3 注冊(cè)頁(yè)

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊校驗(yàn)手機(jī)號(hào)格式

• 手機(jī)號(hào)已注冊(cè)，彈出toast“該手機(jī)號(hào)已經(jīng)存在”
• 手機(jī)號(hào)格式不正確，彈出toast“手機(jī)號(hào)格式錯(cuò)誤”
• 手機(jī)號(hào)無(wú)誤，點(diǎn)擊發(fā)送驗(yàn)證碼，進(jìn)入120s倒計(jì)時(shí)，文本變?yōu)椤癤 s后重試”，倒計(jì)時(shí)結(jié)束后恢復(fù)發(fā)送驗(yàn)證碼狀態(tài)

② 點(diǎn)擊進(jìn)入《圖蟲(chóng)用戶(hù)協(xié)議和隱私條款》[略]

③ 輸入項(xiàng)有一項(xiàng)為空注冊(cè)按鈕為禁用狀態(tài)，全部輸入后變?yōu)榭捎脿顟B(tài)。點(diǎn)擊按照用戶(hù)名、密碼、手機(jī)號(hào)、驗(yàn)證碼的順序校驗(yàn)。以下為校驗(yàn)失敗提醒。

• 用戶(hù)名：用戶(hù)名重復(fù)，彈出toast“該用戶(hù)名已存在”
• 密碼：密碼<6位，密碼框上紅字提示“密碼長(zhǎng)度至少6位”
• 手機(jī)號(hào)：手機(jī)號(hào)已注冊(cè)，彈出toast“該手機(jī)號(hào)已經(jīng)存在”；手機(jī)號(hào)格式不正確，彈出toast“手機(jī)號(hào)格式錯(cuò)誤”
• 驗(yàn)證碼：驗(yàn)證碼位數(shù)不對(duì)，驗(yàn)證碼框上紅字提示“驗(yàn)證碼位數(shù)不正確”；驗(yàn)證碼錯(cuò)誤，彈出toast“短信驗(yàn)證碼錯(cuò)誤”

所有項(xiàng)校驗(yàn)成功點(diǎn)擊進(jìn)入選擇感興趣圖片分類(lèi)頁(yè)4.2.5

4.2.4 登錄頁(yè)

頁(yè)面序號(hào)邏輯：

• 點(diǎn)擊忘記密碼進(jìn)入密碼找回頁(yè)[略]
• 登陸：輸入框有一項(xiàng)為空時(shí)為禁用狀態(tài)，全部輸入變?yōu)榭捎?。點(diǎn)擊校驗(yàn)用戶(hù)名、密碼，校驗(yàn)成功進(jìn)入首頁(yè)4.4

4.2.5 選擇感興趣圖片分類(lèi)頁(yè)

頁(yè)面序號(hào)邏輯：

• 編輯推薦的標(biāo)簽分類(lèi)，選擇后打鉤
• 選中任何分類(lèi)彈出；分類(lèi)至少選擇3個(gè)；每選擇一個(gè)文本中數(shù)字減1；選擇3個(gè)或以上時(shí)文本變?yōu)椤巴瓿伞?；點(diǎn)擊完成進(jìn)入首頁(yè)4.4

其他說(shuō)明：此頁(yè)面選擇的分類(lèi)標(biāo)簽存儲(chǔ)在用戶(hù)訂閱的標(biāo)簽中

4.3 發(fā)布圖博頁(yè)

點(diǎn)擊底部導(dǎo)航欄中“+”，打開(kāi)選擇照片

4.3.1 選擇照片

頁(yè)面序號(hào)邏輯：

• 未選擇圖片時(shí)為禁用狀態(tài)，選擇后可用，點(diǎn)擊進(jìn)入圖博編輯頁(yè)
• 點(diǎn)擊校驗(yàn)圖片寬高比，1:5<寬高比<5:1。若不滿(mǎn)足要求選擇失敗彈出toast“圖片寬高比不能大于5:1或小于1:5，換一張?jiān)囋嚒?；符合要求選擇成功
• 點(diǎn)擊進(jìn)入頁(yè)面2
• 點(diǎn)擊選中顯示照片大小，1M以下以K為單位，1M及以上以M為單位

其他說(shuō)明：最多選擇30張圖片，選擇第31張圖片時(shí)彈出toast“最多只能上傳30張圖片”

4.3.2 圖博編輯

頁(yè)面序號(hào)邏輯：

① 發(fā)布

• 無(wú)圖片時(shí)為禁用狀態(tài)，有圖片時(shí)可用
• 點(diǎn)擊后若未添加標(biāo)簽，彈出alert“添加標(biāo)簽可以讓更多人發(fā)現(xiàn)你的作品，不添加標(biāo)簽就發(fā)布嗎？”
• 發(fā)布后進(jìn)入首頁(yè)-關(guān)注，并展示發(fā)布的圖博

② 點(diǎn)擊刪除照片

③ 點(diǎn)擊進(jìn)入右邊頁(yè)面

④ 點(diǎn)擊進(jìn)入選擇照片

⑤ 點(diǎn)擊彈出輸入標(biāo)簽窗口

⑥ 點(diǎn)擊添加標(biāo)簽，添加的標(biāo)簽進(jìn)入到“輸入標(biāo)簽”右邊

4.3.3 輸入標(biāo)簽

頁(yè)面序號(hào)邏輯：

① 常用標(biāo)簽：點(diǎn)擊添加標(biāo)簽。常用標(biāo)簽是當(dāng)前用戶(hù)使用過(guò)的標(biāo)簽，按照用戶(hù)使用次數(shù)由左到由排序，使用次數(shù)多靠前。最多顯示10項(xiàng)。常用標(biāo)簽超過(guò)屏幕時(shí)，支持左右滑動(dòng)。

② 推薦標(biāo)簽：編輯人工推薦的標(biāo)簽，支持左右滑動(dòng)

③ 添加的標(biāo)簽區(qū)域：

• 點(diǎn)擊“×”刪除標(biāo)簽
• 鍵入字符后進(jìn)行精準(zhǔn)匹配，匹配項(xiàng)來(lái)源于已存在的標(biāo)簽，點(diǎn)擊匹配項(xiàng)添加標(biāo)簽
• 支持鍵入字符后按空格或換行添加標(biāo)簽

④ 關(guān)閉彈窗

4.4 首頁(yè)

首頁(yè)默認(rèn)tab為推薦

4.4.1 首頁(yè)-推薦列表

首頁(yè)-推薦下包含6個(gè)模塊內(nèi)容：頂部banner、文字圖博、圖片圖博、熱門(mén)標(biāo)簽推薦、用戶(hù)推薦、活動(dòng)推薦、圖蟲(chóng)編輯推薦。

頁(yè)面說(shuō)明：

• 內(nèi)容排序：頂部banner＋3個(gè)圖博＋1個(gè)標(biāo)簽推薦＋3個(gè)圖博＋1個(gè)用戶(hù)推薦/活動(dòng)推薦＋5個(gè)圖博＋1個(gè)圖蟲(chóng)編輯推薦＋（剩余均為圖博）
• 默認(rèn)顯示10條推薦圖博，頂部下拉更新10條推薦。底部上拉加載10條圖博，加載的圖博為之前默認(rèn)的10條推薦圖博（按之前的推薦次序展示）
• 最新更新的10條推薦圖博顯示標(biāo)簽分類(lèi)（例如人像熱門(mén)），其他底部上拉的圖博顯示圖博發(fā)布時(shí)間
• 推薦規(guī)則：不詳[略]

4.4.2 頂部banner&文字圖博&圖片圖博

頁(yè)面序號(hào)邏輯：

① 用戶(hù)名、頭像：點(diǎn)擊進(jìn)入用戶(hù)主頁(yè)4.9

② 標(biāo)簽/圖博發(fā)布時(shí)間：頂部下拉最新更新的10條圖博顯示標(biāo)簽，點(diǎn)擊進(jìn)入圖片標(biāo)簽主頁(yè)4.4.14；其他顯示發(fā)布時(shí)間。

• 發(fā)布時(shí)間5秒內(nèi)顯示“剛剛”
• 發(fā)布時(shí)間5-59秒顯示“XX秒前”
• 發(fā)布時(shí)間1-59分鐘顯示“XX分前”
• 發(fā)布時(shí)間1-23小時(shí)顯示“XX小時(shí)前”
• 發(fā)布時(shí)間1-9天顯示“XX天前”
• 發(fā)布時(shí)間10天以上顯示“年-月-日”，例如2017-07-09

③ 圖片：最多顯示圖博詳情中前兩行圖片。點(diǎn)擊進(jìn)入大圖4.4.8。

圖片排布規(guī)則：設(shè)有6張圖，其寬高比分別為：a，b，c，d，e，f；系統(tǒng)設(shè)定寬高比例參數(shù)值介于K1和K2之間，下圖為計(jì)算邏輯圖，具體K1和K2值未知。

說(shuō)明：后文中無(wú)特殊提及的地方圖片排布都采用此方法

④ 喜歡、評(píng)論、分享、打賞圖標(biāo)

• 評(píng)論：點(diǎn)擊評(píng)論進(jìn)入圖博詳情頁(yè)（下）4.4.9
• 打賞：點(diǎn)擊打賞進(jìn)入打賞頁(yè)面4.4.13

⑤ 圖博標(biāo)題和圖博內(nèi)容：文字圖博根據(jù)屏幕寬度顯示3行圖博內(nèi)容，圖片圖博顯示前2行

⑥ 更多操作

⑦ 照片數(shù)量：照片數(shù)量<=2行隱藏

⑧ 活動(dòng)：點(diǎn)擊進(jìn)入活動(dòng)標(biāo)簽主頁(yè)4.4.14，若無(wú)活動(dòng)則隱藏

⑨ 小頭像：按時(shí)間次序最多顯示最新點(diǎn)擊喜歡的5人頭像，點(diǎn)擊進(jìn)入用戶(hù)主頁(yè)4.9，無(wú)喜歡隱藏

⑩ 標(biāo)簽：用戶(hù)發(fā)布圖博時(shí)所打標(biāo)簽，點(diǎn)擊進(jìn)入標(biāo)簽主頁(yè)4.4.14，無(wú)標(biāo)簽則隱藏

? 喜歡人數(shù)：點(diǎn)擊進(jìn)入喜歡人列表頁(yè)4.5，無(wú)喜歡隱藏

? 評(píng)論個(gè)數(shù)：點(diǎn)擊進(jìn)入評(píng)論詳情頁(yè)圖博詳情頁(yè)（下）4.4.9，無(wú)評(píng)論隱藏

頁(yè)面說(shuō)明：點(diǎn)擊圖博內(nèi)其他任何位置進(jìn)入圖博詳情頁(yè)（上）4.4.9

4.4.3 熱門(mén)標(biāo)簽推薦

頁(yè)面序號(hào)邏輯：

① 圖片：圖片展示兩行，圖片為標(biāo)簽主頁(yè)4.4.14中“最熱”頁(yè)簽下置頂?shù)那皟尚袌D片

頁(yè)面說(shuō)明：點(diǎn)擊除訂閱外任何位置進(jìn)入標(biāo)簽主頁(yè)4.4.14

4.4.4 用戶(hù)推薦

頁(yè)面序號(hào)邏輯：

①圖片：顯示3張圖片，圖片為該用戶(hù)主頁(yè)-圖博的前三張圖

②發(fā)現(xiàn)更多：點(diǎn)擊進(jìn)入熱門(mén)攝影師頁(yè)6.5

頁(yè)面說(shuō)明：

• 點(diǎn)擊其他任何位置進(jìn)入用戶(hù)主頁(yè)4.9
• 用戶(hù)簡(jiǎn)介按屏幕寬度顯示一行
• 默認(rèn)顯示5個(gè)推薦用戶(hù)，支持左右滑動(dòng)，滑動(dòng)到最右顯示“發(fā)現(xiàn)更多”
• 用戶(hù)推薦規(guī)則：不詳

4.4.5 活動(dòng)推薦

頁(yè)面序號(hào)邏輯：

①投稿數(shù)量＞=200，顯示“已投稿X(qián)X“；投稿數(shù)量＜200，顯示“火熱報(bào)名中”

頁(yè)面說(shuō)明：

• 背景圖：背景圖為活動(dòng)海報(bào)
• 點(diǎn)擊任何位置進(jìn)入活動(dòng)標(biāo)簽主頁(yè)4.14

4.4.6 首頁(yè)-關(guān)注列表

頁(yè)面說(shuō)明：

• 內(nèi)容來(lái)源：用戶(hù)所關(guān)注人的圖博
• 默認(rèn)顯示20條圖博，頂部下拉加載最新圖博，底部上拉繼續(xù)加載20條圖博..
• 排序規(guī)則：按照發(fā)布時(shí)間排序，新發(fā)布的在上

4.4.7 圖蟲(chóng)編輯推薦

頁(yè)面說(shuō)明：編輯推薦是圖蟲(chóng)官方運(yùn)營(yíng)的用戶(hù)賬號(hào)，其屬性為用戶(hù)。點(diǎn)擊除“關(guān)注”外任何區(qū)域進(jìn)入用戶(hù)主頁(yè)。

頁(yè)面序號(hào)邏輯：

①圖片：圖片展示兩行，圖片為用戶(hù)主頁(yè)9中圖博的前兩行圖片

4.4.8 大圖

頁(yè)面名稱(chēng)：大圖

頁(yè)面邏輯：

• 支持左右滑動(dòng)更換當(dāng)前圖博內(nèi)圖片
• 顯示“當(dāng)前圖片序號(hào)/總圖片數(shù)”
• 大圖上滑進(jìn)入照片參數(shù)頁(yè)
• 點(diǎn)擊空白區(qū)域返回進(jìn)入大圖前的頁(yè)面

頁(yè)面名稱(chēng)：上滑后頁(yè)面

頁(yè)面邏輯：

• 舉報(bào)：點(diǎn)擊彈出actionsheet，按鈕1：淫穢色情，按鈕2：違法有害，按鈕3：廣告營(yíng)銷(xiāo)，按鈕4：版權(quán)盜用。點(diǎn)擊按鈕后彈出toast”舉報(bào)成功“，舉報(bào)消息提交至編輯處審核。
• 點(diǎn)擊空白區(qū)域返回進(jìn)入大圖前的頁(yè)面

4.4.9 圖片圖博詳情頁(yè)

頁(yè)面：圖博詳情頁(yè)（上）

特殊說(shuō)明：

• 顯示圖博發(fā)布時(shí)間
• 顯示全部圖片
• 顯示全部圖博內(nèi)容
• 喜歡和分享與寫(xiě)評(píng)論寫(xiě)死到頁(yè)面底部，寫(xiě)評(píng)論邏輯見(jiàn)圖博詳情頁(yè)（下）

頁(yè)面序號(hào)邏輯：

①文本顯示規(guī)則

• 打賞人數(shù)=0：“還沒(méi)人打賞，快來(lái)當(dāng)?shù)谝粋€(gè)打賞的人吧”
• 1<=打賞人數(shù)(N)<=3：“用戶(hù)A、用戶(hù)B、用戶(hù)C共3人打賞”，點(diǎn)擊用戶(hù)名進(jìn)入用戶(hù)主頁(yè)4.9
• 打賞人數(shù)(N)>3：”用戶(hù)A、用戶(hù)B、用戶(hù)C等共N人打賞”，點(diǎn)擊用戶(hù)名進(jìn)入用戶(hù)主頁(yè)4.9

頁(yè)面邏輯：除特殊說(shuō)明外與4.4.2中圖片圖博頁(yè)面邏輯相同

頁(yè)面名稱(chēng)：圖博詳情頁(yè)（下）

顯示條件：評(píng)論數(shù)量>0，顯示圖博詳情頁(yè)（下）

頁(yè)面序號(hào)邏輯：

① 評(píng)論數(shù)量

② 評(píng)論排序分為最熱和最新，默認(rèn)顯示最熱排序

• 最熱排序規(guī)則：首先按照點(diǎn)贊數(shù)量排序；若點(diǎn)贊數(shù)量相同，按照評(píng)論的回復(fù)數(shù)量排序；若評(píng)論回復(fù)數(shù)量相同，按照時(shí)間順序排列
• 最新排序規(guī)則：按照時(shí)間順序排列

③ 回復(fù)層：點(diǎn)擊用戶(hù)名進(jìn)入用戶(hù)主頁(yè)，點(diǎn)擊其他區(qū)域進(jìn)入回復(fù)詳情彈框4.4.11；回復(fù)層評(píng)論按照時(shí)間次序排序，新發(fā)布的在下

④ 點(diǎn)贊：點(diǎn)贊后顯示數(shù)字+1，圖標(biāo)變?yōu)榧t色；再次點(diǎn)擊取消點(diǎn)贊，返回未點(diǎn)贊狀態(tài)

⑤ 評(píng)論：點(diǎn)擊彈出評(píng)論框

其他說(shuō)明

• 評(píng)論時(shí)間：年-月-日時(shí)：分：秒，例如2017-08-07 16:20:03
• 點(diǎn)擊評(píng)論條的其他任何位置打開(kāi)評(píng)論彈框，給該層用戶(hù)發(fā)表評(píng)論回復(fù)。發(fā)表的評(píng)論回復(fù)進(jìn)入回復(fù)層
• 支持圖博發(fā)布者刪除評(píng)論，支持評(píng)論者刪除自己評(píng)論
• 無(wú)評(píng)論回復(fù)時(shí)隱藏回復(fù)層

4.4.10 文字圖博詳情

頁(yè)面說(shuō)明：

• 圖片：圖片寬度自適應(yīng)屏幕，點(diǎn)擊進(jìn)入大圖4.4.8
• 圖博內(nèi)容為圖片+文字穿插排列，具體以發(fā)布者編輯為準(zhǔn)
• 其他功能邏輯與4.9圖片圖博相同

4.4.11 回復(fù)詳情彈框

進(jìn)入條件：回復(fù)數(shù)量＞0

頁(yè)面序號(hào)邏輯：

① 回復(fù)數(shù)量：評(píng)論的回復(fù)數(shù)量

② 評(píng)論層

• 點(diǎn)擊用戶(hù)名、頭像進(jìn)入用戶(hù)主頁(yè)4.9
• 點(diǎn)擊其他任何位置打開(kāi)評(píng)論彈框，發(fā)表的回復(fù)進(jìn)入回復(fù)層，回復(fù)者頭像右邊顯示“回復(fù)者用戶(hù)名”

③ 回復(fù)層

• 點(diǎn)擊用戶(hù)名、頭像進(jìn)入用戶(hù)主頁(yè)4.9
• 點(diǎn)擊其他任何位置打開(kāi)評(píng)論彈框，發(fā)表的回復(fù)進(jìn)入回復(fù)層，回復(fù)者頭像右邊顯示“xx 回復(fù)xx”，例如“張三回復(fù)李四”

④ 寫(xiě)評(píng)論：點(diǎn)擊打開(kāi)評(píng)論彈框，發(fā)表的回復(fù)進(jìn)入回復(fù)層，回復(fù)者頭像右邊顯示“回復(fù)者用戶(hù)名”

其他說(shuō)明：

• 回復(fù)時(shí)間：與評(píng)論時(shí)間規(guī)則相同。年-月-日時(shí)：分：秒，例如2017-08-07 16:20:03
• 回復(fù)排序：按照回復(fù)時(shí)間排序，最新發(fā)布的在下
• 支持當(dāng)前用戶(hù)刪除自己的回復(fù)

4.4.12 用戶(hù)列表頁(yè)（關(guān)注&粉絲&喜歡人&優(yōu)秀講師列表）

頁(yè)面說(shuō)明：使用此頁(yè)面的有關(guān)注列表頁(yè)、粉絲列表頁(yè)、喜歡人列表頁(yè)，優(yōu)秀講師頁(yè)

頁(yè)面序號(hào)邏輯：

① 標(biāo)題名稱(chēng)

• 關(guān)注列表頁(yè)：”關(guān)注“
• 粉絲列表頁(yè)：“粉絲”
• 喜歡人列表頁(yè)：“N人喜歡”，N為點(diǎn)擊喜歡的人數(shù)
• 優(yōu)秀講師頁(yè)：“優(yōu)秀講師”

② 信息條

• 簡(jiǎn)介：最多顯示33個(gè)字符
• 點(diǎn)擊其他任何位置進(jìn)入用戶(hù)主頁(yè)
• 默認(rèn)顯示20個(gè)，滑動(dòng)到底部每次加載20個(gè)
• 排序方式：

a）優(yōu)秀講師：不詳

b）關(guān)注、粉絲：按照用戶(hù)名首字母排序

c）喜歡：按照點(diǎn)擊喜歡時(shí)間排序，新點(diǎn)擊在上

4.4.13 打賞

頁(yè)面序號(hào)邏輯：

① 打賞金額：默認(rèn)為5元，點(diǎn)擊其他金額選中

② 輸入打賞金額：輸入后①中取消選中，輸入金額限制到0.01

③ 微信支付：①未選擇②未輸入時(shí)點(diǎn)擊彈出toast，toast內(nèi)容“請(qǐng)選擇或輸入打賞金額”，選擇或輸入后點(diǎn)擊調(diào)出微信支付接口

④ 文本規(guī)則：與圖博詳情頁(yè)（上）4.4.9規(guī)則一致

4.4.14 圖片標(biāo)簽主頁(yè)&活動(dòng)標(biāo)簽主頁(yè)

頁(yè)面序號(hào)邏輯：

① 圖博數(shù)量/活動(dòng)剩余天數(shù)/投稿數(shù)：每日24:00更新數(shù)量

② 攝影師：

• 默認(rèn)顯示10個(gè)用戶(hù)，滑到底部每次加載10個(gè)
• 排序規(guī)則：不詳
• 其他頁(yè)面邏輯與4.4.12用戶(hù)列表頁(yè)相同

③ 最熱/最新頁(yè)簽：排序規(guī)則見(jiàn)4.5

④ 文字圖博縮略圖

• 顯示圖博標(biāo)題，截取圖博內(nèi)容
• 點(diǎn)擊進(jìn)入圖博列表頁(yè)4.5并定位到該圖博

⑤ 圖片圖博縮略圖

• 圖片為圖博中第一張圖
• 左下角顯示喜歡數(shù)量與評(píng)論數(shù)量
• 右上角顯示圖博內(nèi)圖片數(shù)量，圖片數(shù)量=1則不顯示此項(xiàng)
• 點(diǎn)擊進(jìn)入圖博列表4.5，并定位到該圖博

⑥ 點(diǎn)擊打開(kāi)發(fā)布圖博4.3，標(biāo)簽中加入活動(dòng)標(biāo)簽。

⑦ 活動(dòng)介紹：點(diǎn)擊彈出活動(dòng)介紹頁(yè)（略）

4.5. 圖博列表頁(yè)

以下頁(yè)面采用圖博列表頁(yè)

頁(yè)面

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊返回進(jìn)入頁(yè)面，并依照當(dāng)前頁(yè)面的圖博定位到返回頁(yè)的該圖位置（見(jiàn)下圖示）

② 頁(yè)面名稱(chēng)：根據(jù)入口命名，名稱(chēng)見(jiàn)上表

4.6. 發(fā)現(xiàn)頁(yè)面

4.6.1 發(fā)現(xiàn)頁(yè)面

頁(yè)面序號(hào)邏輯：

① 搜索：點(diǎn)擊彈出搜索頁(yè)4.6.2

② 焦點(diǎn)圖

• 最多5張，支持左右滑動(dòng)
• 焦點(diǎn)圖分為2類(lèi)?；顒?dòng)類(lèi)：點(diǎn)擊進(jìn)入活動(dòng)標(biāo)簽主頁(yè)；圖蟲(chóng)一周精選：點(diǎn)擊進(jìn)入圖蟲(chóng)一周精選的圖博列表頁(yè)

③ 攝影課堂：點(diǎn)擊進(jìn)入攝影課堂頁(yè)；影像頻道：點(diǎn)擊進(jìn)入影響頻道頁(yè)；攝影師：點(diǎn)擊進(jìn)入熱門(mén)攝影師頁(yè)4.6.5

④ 熱門(mén)活動(dòng)

• 最多顯示5個(gè)活動(dòng)，支持左右滑動(dòng)
• 滑到最右顯示更多活動(dòng)，點(diǎn)擊進(jìn)入活動(dòng)列表頁(yè)4.6.6
• 點(diǎn)擊全部進(jìn)入活動(dòng)列表頁(yè)

⑤ 標(biāo)簽推薦

• 標(biāo)簽名稱(chēng)tab支持左右滑動(dòng)顯示/隱藏標(biāo)簽
• 圖片支持左右滑動(dòng)更換標(biāo)簽
• 上滑后頁(yè)簽固定頂部（見(jiàn)下圖）
• 點(diǎn)擊圖片進(jìn)入圖博列表頁(yè)4.5

4.6.2 搜索頁(yè)

頁(yè)面序號(hào)邏輯：

• 點(diǎn)擊關(guān)閉搜索頁(yè)
• 點(diǎn)擊進(jìn)入圖片標(biāo)簽主頁(yè)或活動(dòng)標(biāo)簽主頁(yè)4.4.14
• 點(diǎn)擊進(jìn)入用戶(hù)主頁(yè)4.9

搜索邏輯：

• 標(biāo)簽：根據(jù)輸入內(nèi)容進(jìn)行精準(zhǔn)搜索，匹配標(biāo)簽/活動(dòng)名，搜索結(jié)果右側(cè)顯示已有N組圖或已有N投稿
• 用戶(hù)：根據(jù)輸入內(nèi)容進(jìn)行精準(zhǔn)搜索，匹配用戶(hù)名和簡(jiǎn)介

4.6.3 攝影課堂頁(yè)

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊進(jìn)入我的課堂頁(yè)[略]

② 點(diǎn)擊進(jìn)入用戶(hù)列表頁(yè)4.4.12

③ 點(diǎn)擊頭像進(jìn)入用戶(hù)主頁(yè)4.9

④ 教程

• 點(diǎn)擊頭像進(jìn)入用戶(hù)主頁(yè)4.9
• 點(diǎn)擊其他任何位置進(jìn)入文字圖博詳情頁(yè)4.4.10
• 閱讀數(shù)：顯示點(diǎn)擊進(jìn)入圖博詳情頁(yè)的人次
• 封面圖：圖博詳情內(nèi)第一張圖

4.6.4 影像頻道

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊彈出更多操作

② 點(diǎn)擊進(jìn)入文字圖博詳情頁(yè)，閱讀數(shù)為點(diǎn)擊進(jìn)入詳情頁(yè)的人次

③ 圖片圖博

• 點(diǎn)擊進(jìn)入圖片圖博詳情
• 圖片：圖博內(nèi)前三張圖
• 閱讀數(shù)為點(diǎn)擊進(jìn)入詳情頁(yè)的人次

4.6.5 熱門(mén)攝影師頁(yè)

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊打開(kāi)搜索頁(yè)4.6.2

② 圖片為用戶(hù)主頁(yè)-圖博中最新的三張圖；點(diǎn)擊其他任何位置進(jìn)入用戶(hù)主頁(yè)。

頁(yè)面說(shuō)明：

• 默認(rèn)加載10個(gè)用戶(hù)，每次下拉到底加載10個(gè)
• 推薦規(guī)則：不詳

4.6.6 活動(dòng)列表頁(yè)

頁(yè)面序號(hào)邏輯：

① 活動(dòng)狀態(tài)：”距截稿N天” “評(píng)獎(jiǎng)中” “已截稿”，編輯可根據(jù)活動(dòng)狀況更改活動(dòng)狀態(tài)

4.7 消息

4.7.1 消息

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊進(jìn)入通知列表頁(yè)

② 點(diǎn)擊進(jìn)入粉絲列表頁(yè)

③ 消息條

a）頭像：點(diǎn)擊進(jìn)入用戶(hù)主頁(yè)

b）圖片：圖博內(nèi)第一張圖

c）動(dòng)態(tài)中點(diǎn)擊進(jìn)入圖博詳情頁(yè)（上）4.4.10，評(píng)論中點(diǎn)擊進(jìn)入回復(fù)詳情頁(yè)4.4.11

d）時(shí)間顯示規(guī)則：

• 5秒內(nèi)顯示“剛剛”
• 5-59秒顯示“XX秒前”
• 1-59分鐘顯示“XX分前”
• 1-23小時(shí)顯示“XX小時(shí)前”
• 1-9天顯示“XX天前”
• 10天以上顯示“年-月-日”，例如2017-07-09

4.7.2 通知列表頁(yè)

頁(yè)面邏輯：

• 時(shí)間顯示規(guī)則：“年-月-日”，例如2017-07-09
• 通知內(nèi)容：

a）打賞通知：“【用戶(hù)名】給你的作品【圖博名稱(chēng)】（無(wú)名稱(chēng)顯示“無(wú)標(biāo)題”）打賞【XX】元”
點(diǎn)擊進(jìn)入圖博詳情頁(yè)

b）編輯人工通知：內(nèi)容為人工自由編輯

根據(jù)通知鏈接到其他頁(yè)面

4.8 我

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊進(jìn)入設(shè)置

② 點(diǎn)擊彈出分享頁(yè)

③ 封面圖：點(diǎn)擊更換封面圖，默認(rèn)為登錄首頁(yè)封面圖

④ 點(diǎn)擊更換頭像，見(jiàn)4.8.6

⑤ 點(diǎn)擊進(jìn)入個(gè)人信息4.8.6

⑥ 點(diǎn)擊關(guān)注進(jìn)入關(guān)注列表頁(yè)，點(diǎn)擊粉絲進(jìn)入粉絲列表頁(yè)4.5

頁(yè)面說(shuō)明：

• 向上滑動(dòng)：圖博/喜歡/活動(dòng)/更多頁(yè)簽固定至頂部

4.8.1 我-圖博

頁(yè)面說(shuō)明：

• 圖博縮略圖：與4.4.14圖片標(biāo)簽&活動(dòng)標(biāo)簽主頁(yè)中縮略圖格式相同
• 排序規(guī)則：見(jiàn)4.5
• 點(diǎn)擊圖片進(jìn)入圖博列表頁(yè)4.5

4.8.2 我-喜歡

頁(yè)面說(shuō)明：

此頁(yè)面下圖博為當(dāng)前用戶(hù)點(diǎn)擊過(guò)喜歡的圖博

• 圖博縮略圖：與4.4.14圖片標(biāo)簽&活動(dòng)標(biāo)簽主頁(yè)中縮略圖格式相同
• 排序規(guī)則：見(jiàn)4.5
• 點(diǎn)擊圖片進(jìn)入圖博列表頁(yè)4.5

4.8.3 我-活動(dòng)

頁(yè)面說(shuō)明：

• 活動(dòng)名稱(chēng)：點(diǎn)擊進(jìn)入活動(dòng)標(biāo)簽主頁(yè)4.4.14
• 圖博：點(diǎn)擊進(jìn)入圖博詳情頁(yè)
• 時(shí)間顯示規(guī)則：“年-月-日”，例如2017-07-09
• 去看看：點(diǎn)擊進(jìn)入活動(dòng)列表頁(yè)4.6.6

4.8.4 我-更多

頁(yè)面序號(hào)邏輯：

① 點(diǎn)擊進(jìn)入我的打賞頁(yè)

② 點(diǎn)擊進(jìn)入圖片標(biāo)簽主頁(yè)4.4.14

4.8.5 設(shè)置

頁(yè)面邏輯：

用戶(hù)名：點(diǎn)擊進(jìn)入個(gè)人信息4.8.6

清除緩存：

• 點(diǎn)擊彈出actionsheet，按鈕1文本為“清除緩存數(shù)據(jù)”
• 點(diǎn)擊按鈕1清除緩存

推送設(shè)置：點(diǎn)擊打開(kāi)推送設(shè)置頁(yè)

a）關(guān)注、喜歡、評(píng)論、圖蟲(chóng)推薦默認(rèn)為選中狀態(tài)

b）取消選中后不為用戶(hù)發(fā)送該項(xiàng)的推送

• 打賞功能：默認(rèn)選中狀態(tài)，取消選中后，當(dāng)前用戶(hù)的圖博中隱藏打賞按鈕
• 關(guān)注作為首頁(yè)：默認(rèn)未選中狀態(tài)，選中狀態(tài)：進(jìn)入app后首頁(yè)的頁(yè)簽?zāi)J(rèn)為關(guān)注
• Appstore評(píng)分：點(diǎn)擊打開(kāi)Appstore-圖蟲(chóng)-評(píng)論頁(yè)
• 分享給好友：點(diǎn)擊彈出更多操作
• 意見(jiàn)反饋：點(diǎn)擊打開(kāi)意見(jiàn)反饋[略]
• 開(kāi)屏視頻：點(diǎn)擊打開(kāi)第一次啟動(dòng)app時(shí)視頻
• 關(guān)于圖蟲(chóng)：點(diǎn)擊打開(kāi)關(guān)于圖蟲(chóng)頁(yè)[略]
• 退出登錄：點(diǎn)擊退出當(dāng)前賬號(hào)并返回登錄首頁(yè)

4.8.6 個(gè)人信息

頁(yè)面邏輯：

頭像：點(diǎn)擊彈出actionsheet。按鈕1：拍攝照片，點(diǎn)擊打開(kāi)設(shè)備相機(jī)；按鈕2：相冊(cè)上傳，點(diǎn)擊打開(kāi)本地相冊(cè)。

用戶(hù)名：若1月內(nèi)更新過(guò)用戶(hù)名，點(diǎn)擊彈出toast“用戶(hù)名一個(gè)月僅能修改一次”；若用戶(hù)1個(gè)月內(nèi)未更新過(guò)用戶(hù)名，點(diǎn)擊進(jìn)入修改頁(yè)。

輸入用戶(hù)名后，若用戶(hù)名重復(fù)，彈出toast“用戶(hù)名已被占用”；若用戶(hù)名可用，更新用戶(hù)名，返回個(gè)人信息頁(yè)，彈出toast“更新成功”，記錄用戶(hù)名更新時(shí)間。

簡(jiǎn)介：點(diǎn)擊進(jìn)入簡(jiǎn)介修改頁(yè)，最多輸入140字。點(diǎn)擊完成更新簡(jiǎn)介并返回個(gè)人信息頁(yè)，彈出toast“更新成功”

居住地：點(diǎn)擊進(jìn)入省市選擇頁(yè)，選擇省市后進(jìn)入市區(qū)選擇頁(yè)，選擇完成后返回個(gè)人信息頁(yè)，彈出tosat“更新成功”

個(gè)人封面主頁(yè)：點(diǎn)擊打開(kāi)本地相冊(cè)，選擇照片后上傳，上傳時(shí)彈出toast“正在上傳”，上傳封面后跳轉(zhuǎn)到4.5我

4.9. 用戶(hù)主頁(yè)

頁(yè)面說(shuō)明：除特殊說(shuō)明外，與4.8我頁(yè)面邏輯相同

特殊說(shuō)明：點(diǎn)擊頭像顯示全屏；不可更換封面；關(guān)注操作；用戶(hù)名不鏈接頁(yè)面；更多-打賞下不可提現(xiàn)。

最后，雖說(shuō)想要盡可能的把產(chǎn)品的邏輯都寫(xiě)清楚寫(xiě)完善，但畢竟不是圖蟲(chóng)真正的產(chǎn)品經(jīng)理，很多對(duì)于功能上的把握不到位，對(duì)于邏輯的梳理會(huì)有遺漏，有些地方只是流露于表面，也希望能夠得到更多專(zhuān)業(yè)產(chǎn)品人士的批評(píng)指正。

 

作者：bubble，在讀研究生，產(chǎn)品小白進(jìn)階中。

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