本文選取一款發(fā)展已經(jīng)相對(duì)成熟的中國(guó)詩(shī)詞APP—— 西窗燭，對(duì)它的核心功能做了拆解分析，希望分析內(nèi)容對(duì)你有所啟發(fā)與幫助。

修訂歷史

頁(yè)面結(jié)構(gòu)

一、文檔說(shuō)明

本文對(duì)西窗燭v4.4.3-iOS版APP進(jìn)行了拆解，由于此APP已經(jīng)是一款成熟的產(chǎn)品，功能繁雜，而由于本人時(shí)間有限，所以只對(duì)核心功能進(jìn)行了拆解分析，文中涉及到的原型圖均以iPhone為基礎(chǔ)制作，完整的原型（交互+文字說(shuō)明）見(jiàn)鏈接https://lanhuapp.com/url/LPoB9。

本文尚有很多不足之處，望各位前輩不吝指正！

二、產(chǎn)品概述

1. 產(chǎn)品信息

產(chǎn)品名稱(chēng)：西窗燭

產(chǎn)品版本：v4.4.3

產(chǎn)品slogan：品味中國(guó)詩(shī)詞之美

產(chǎn)品定位：打造新的中國(guó)傳統(tǒng)文化平臺(tái)，為用戶(hù)提供豐富的詩(shī)詞、書(shū)法、繪畫(huà)等學(xué)習(xí)工具、內(nèi)容社區(qū)和文創(chuàng)電商服務(wù)。

2. 名詞解釋

3. 用戶(hù)角色

4. 產(chǎn)品架構(gòu)

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

6. 功能摘要

三、全局說(shuō)明

1. 功能權(quán)限

分為登錄狀態(tài)和未登錄狀態(tài).

• 登錄狀態(tài)：擁有APP中所有操作權(quán)限
• 未登錄狀態(tài)：不可收藏；不可發(fā)帖；不可點(diǎn)贊、評(píng)論、贊賞；不可購(gòu)買(mǎi)周邊商城；不可查看修改個(gè)人信息；不可查看個(gè)人主頁(yè)；不可查看私信；不可進(jìn)行賬戶(hù)、隱私等相關(guān)設(shè)置。

2. 原型說(shuō)明

3. 異常頁(yè)面

4. 常見(jiàn)操作

4.1 操作

• 下拉刷新
• 上拉加載（到達(dá)最底部）

4.2 選擇對(duì)話框

• 對(duì)話框上有相應(yīng)操作按鈕
• 點(diǎn)擊對(duì)話框以外的區(qū)域，對(duì)話框消失

4.3 用戶(hù)頭像

已登錄狀態(tài)下，點(diǎn)擊頭像進(jìn)入個(gè)人主頁(yè)

4.4 軟鍵盤(pán)的彈出及退去機(jī)制

• 點(diǎn)擊驗(yàn)證碼輸入框時(shí)頁(yè)面底部彈出數(shù)字鍵盤(pán)
• 點(diǎn)擊其他輸入框時(shí)頁(yè)面底部彈出拼音鍵盤(pán)
• 搜索頁(yè)面載入時(shí)，頁(yè)面底部彈出拼音鍵盤(pán)
• 點(diǎn)擊軟鍵盤(pán)右下方“搜索”、“完成”、“下一步”時(shí)，軟鍵盤(pán)退去
• 在軟鍵盤(pán)以外區(qū)域，點(diǎn)擊或滑動(dòng)頁(yè)面時(shí)，軟鍵盤(pán)退去

4.5 中斷機(jī)制

• 來(lái)電、按Home鍵：系統(tǒng)默認(rèn)保存當(dāng)前頁(yè)面數(shù)據(jù)，再次打開(kāi)軟件時(shí)，回到當(dāng)前頁(yè)
• 軟件異常關(guān)閉、崩潰、閃退：再次打開(kāi)時(shí)，進(jìn)入啟動(dòng)頁(yè)

4.6 Home鍵

按Home鍵，軟件改為后臺(tái)運(yùn)行，再次打開(kāi)軟件時(shí)，回到按Home鍵之前的頁(yè)面。

四、頁(yè)面功能詳述

1. 注冊(cè)

功能描述：用戶(hù)注冊(cè)APP賬戶(hù)

優(yōu)先級(jí)：高

輸入/前置條件：打開(kāi)西窗燭APP，點(diǎn)擊任意一個(gè)未登錄狀態(tài)下功能受限按鈕，或點(diǎn)擊未登錄狀態(tài)下“我”頁(yè)面的“登錄/注冊(cè)”選項(xiàng)。

基本事件流：

1. APP進(jìn)入登錄表單頁(yè)面，顯示“個(gè)人信息保護(hù)政策”彈框，彈框中包含政策摘要、“僅瀏覽”按鈕、“同意”按鈕和“關(guān)閉”按鈕。
2. 用戶(hù)點(diǎn)擊“同意”按鈕，彈框消失，顯示登陸表單頁(yè)面內(nèi)容，表單中包含返回按鈕、注冊(cè)按鈕、手機(jī)/郵箱輸入框和密碼輸入框、登錄按鈕、其他登錄方式和忘記密碼選項(xiàng)。
3. 用戶(hù)點(diǎn)擊“注冊(cè)”按鈕，進(jìn)入注冊(cè)頁(yè)面，注冊(cè)頁(yè)包含返回登錄頁(yè)按鈕、手機(jī)號(hào)/郵箱輸入框、下一步按鈕。
4. 用戶(hù)輸入手機(jī)號(hào)/郵箱，點(diǎn)擊“下一步”按鈕，系統(tǒng)發(fā)送手機(jī)/郵箱驗(yàn)證碼，并進(jìn)入“驗(yàn)證”頁(yè)面。
5. 進(jìn)入“驗(yàn)證”頁(yè)面，此頁(yè)面包含返回注冊(cè)頁(yè)的按鈕、驗(yàn)證碼輸入框和“重新發(fā)送”按鈕。用戶(hù)輸入驗(yàn)證碼，進(jìn)入完善信息頁(yè)面。
6. 完善信息頁(yè)面包含返回驗(yàn)證頁(yè)面按鈕、用戶(hù)名輸入框、密碼輸入框和“完成”按鈕，用戶(hù)輸入用戶(hù)名和密碼，點(diǎn)擊“完成”按鈕完成注冊(cè)，進(jìn)入已登錄狀態(tài)下的“我”頁(yè)面。

異常流程：

• 用戶(hù)點(diǎn)擊了“個(gè)人信息保護(hù)政策”彈框中的“僅瀏覽”或“關(guān)閉”按鈕，則退出登錄頁(yè)面，進(jìn)入未登錄狀態(tài)下的“我”頁(yè)面。
• 用戶(hù)輸入的手機(jī)號(hào)/郵箱非法，系統(tǒng)彈出toast提示“手機(jī)號(hào)/郵箱非法”，2s后消失，用戶(hù)重新輸入。
• 驗(yàn)證碼輸入錯(cuò)誤，彈出toast提示“驗(yàn)證碼錯(cuò)誤”，2s后消失，用戶(hù)重新輸入。
• 用戶(hù)未收到驗(yàn)證碼，進(jìn)入“驗(yàn)證”頁(yè)面60s后，“重新發(fā)送”按鈕變?yōu)榭牲c(diǎn)擊狀態(tài)，用戶(hù)點(diǎn)擊“重新發(fā)送”驗(yàn)證碼。
• 完善信息頁(yè)面，用戶(hù)未輸入用戶(hù)名，彈出toast提示“用戶(hù)名不能為空”，2s后消失；用戶(hù)未輸入密碼，彈出toast提示“密碼不能為空”，2s后消失。

輸出/后置條件：注冊(cè)成功，進(jìn)入APP已登錄狀態(tài)下的“我”頁(yè)面。

流程：

交互說(shuō)明：

2. 登錄

功能描述：用戶(hù)登錄APP

優(yōu)先級(jí)：高

輸入/前置條件：打開(kāi)西窗燭APP，點(diǎn)擊任意一個(gè)未登錄狀態(tài)下功能受限按鈕，或點(diǎn)擊未登錄狀態(tài)下“我”頁(yè)面的“登錄/注冊(cè)”選項(xiàng)。

基本事件流：

1. APP進(jìn)入登錄表單頁(yè)面，顯示“個(gè)人信息保護(hù)政策”彈框，彈框中包含政策摘要、“僅瀏覽”按鈕、“同意”按鈕和“關(guān)閉”按鈕。
2. 用戶(hù)點(diǎn)擊“同意”按鈕，彈框消失，顯示登陸表單頁(yè)面內(nèi)容，表單中包含返回按鈕、注冊(cè)按鈕、手機(jī)/郵箱輸入框和密碼輸入框、登錄按鈕、其他登錄方式和忘記密碼選項(xiàng)。
3. 用戶(hù)輸入手機(jī)號(hào)/郵箱，輸入密碼，點(diǎn)擊登錄按鈕，進(jìn)行登錄。
4. 登錄成功，進(jìn)入已登錄狀態(tài)下的“我”頁(yè)面。

異常流程：

• 手機(jī)號(hào)/郵箱不合法，系統(tǒng)彈出toast提示“手機(jī)號(hào)/郵箱不合法”，2s后消失，用戶(hù)重新輸入。
• 登錄密碼錯(cuò)誤，點(diǎn)擊登錄按鈕后，系統(tǒng)彈出toast提示“密碼錯(cuò)誤”，2s后消失，用戶(hù)重新輸入。
• 點(diǎn)擊登錄按鈕后，系統(tǒng)后臺(tái)未檢測(cè)到用戶(hù)注冊(cè)的信息，彈出對(duì)話框“用戶(hù)未注冊(cè)，是否注冊(cè)？”。

輸出/后置條件：登陸成功，進(jìn)入已登錄狀態(tài)下的“我”頁(yè)面。

流程：

交互說(shuō)明：

3. 摘錄

3.1 詩(shī)詞摘錄

功能描述：系統(tǒng)自動(dòng)摘錄詩(shī)句詞句，以卡片的形式顯示

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于“摘錄”頁(yè)面

基本事件流：

• 用戶(hù)任一方向滑動(dòng)卡片時(shí)，切換卡片
• 點(diǎn)擊卡片，進(jìn)入詩(shī)詞詳情頁(yè)面

輸出/后置條件：進(jìn)入詩(shī)詞詳情頁(yè)面

交互說(shuō)明：

3.2 選擇摘錄范圍

功能描述：選擇摘錄卡片的詩(shī)詞范圍

優(yōu)先級(jí)：中

輸入/前置條件：用戶(hù)點(diǎn)擊“選擇摘錄范圍”按鈕icon，進(jìn)入選擇摘錄范圍頁(yè)面

頁(yè)面邏輯：

• 用戶(hù)選擇摘錄的范圍
• 點(diǎn)擊完成按鈕

輸出/后置條件：返回“摘錄”頁(yè)面，更新摘錄卡片

其他情況：用戶(hù)點(diǎn)擊關(guān)閉按鈕，保留原來(lái)設(shè)置，返回“摘錄”頁(yè)面

交互說(shuō)明：

3.3 分享摘錄卡片

功能描述：用戶(hù)將摘錄卡片分享到第三方應(yīng)用。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于“摘錄”頁(yè)面，并且點(diǎn)擊了“分享”按鈕icon，進(jìn)入分享頁(yè)面。

頁(yè)面邏輯：

• 用戶(hù)選擇卡片樣式
• 修改卡片字體
• 點(diǎn)擊“分享”按鈕
• 選擇要分享到的應(yīng)用
• 完成分享

其他情況：用戶(hù)點(diǎn)擊保存到本地相冊(cè)按鈕，不分享到其他應(yīng)用；用戶(hù)點(diǎn)擊關(guān)閉按鈕，取消分享。

輸出/后置條件：完成分享，返回分享頁(yè)面。

交互說(shuō)明：

3.4 收藏摘錄卡片

功能描述：用戶(hù)收藏喜歡的摘錄卡片

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已經(jīng)登錄APP，并且處于“摘錄”頁(yè)面。

頁(yè)面邏輯：用戶(hù)點(diǎn)擊收藏按鈕icon，按鈕變色，收藏成功。

輸出/后置條件：收藏成功

交互說(shuō)明：

4. 創(chuàng)作

4.1 選擇頻道分類(lèi)

功能描述：用戶(hù)選擇“創(chuàng)作”頁(yè)面要展示的分類(lèi)，根據(jù)分類(lèi)查看用戶(hù)創(chuàng)作的帖子。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已登錄APP，處于“創(chuàng)作”頁(yè)面，并且點(diǎn)擊了“頻道廣場(chǎng)”按鈕，進(jìn)入頻道廣場(chǎng)頁(yè)面。

頁(yè)面邏輯：

• 用戶(hù)點(diǎn)擊“全部”，查看所有分類(lèi)，選擇要加入的分類(lèi)，點(diǎn)擊“加入”。
• 用戶(hù)點(diǎn)擊“我的”，查看已加入的分類(lèi)，并拖動(dòng)排序。
• 用戶(hù)點(diǎn)擊“關(guān)閉”按鈕，完成選擇。

輸出/后置條件：完成選擇，返回“創(chuàng)作”頁(yè)面，并更新分類(lèi)欄。

交互說(shuō)明：

4.2 瀏覽帖子

功能描述：用戶(hù)瀏覽其他用戶(hù)發(fā)表的帖子，可按分類(lèi)瀏覽，查看已關(guān)注好友的帖子。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已登錄并處于創(chuàng)作頁(yè)面。

頁(yè)面邏輯：

• 用戶(hù)上下滑動(dòng)頁(yè)面，瀏覽其他用戶(hù)發(fā)表的帖子。
• 用戶(hù)點(diǎn)擊頁(yè)面頂部“關(guān)注”按鈕，瀏覽已關(guān)注好友的帖子。

交互說(shuō)明：

4.3 發(fā)帖

功能描述：用戶(hù)發(fā)表創(chuàng)作

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已登錄并處于創(chuàng)作頁(yè)面

基本事件流程：

1. 用戶(hù)點(diǎn)擊“發(fā)帖”按鈕，頁(yè)面底部顯示發(fā)帖分類(lèi)頁(yè)簽
2. 用戶(hù)選擇發(fā)帖分類(lèi)，點(diǎn)擊后進(jìn)入發(fā)帖頁(yè)面
3. 輸入標(biāo)題和內(nèi)容，添加圖片和話題，點(diǎn)擊保存按鈕
4. 發(fā)帖成功，進(jìn)入帖子詳情頁(yè)面

異常流程：

• 在發(fā)帖分類(lèi)頁(yè)簽，用戶(hù)點(diǎn)擊取消發(fā)帖按鈕，頁(yè)簽消失
• 在發(fā)帖分類(lèi)頁(yè)簽中，用戶(hù)點(diǎn)擊更多按鈕，進(jìn)入頻道廣場(chǎng)頁(yè)面
• 在發(fā)帖頁(yè)面，用戶(hù)點(diǎn)擊關(guān)閉按鈕，返回創(chuàng)作頁(yè)面
• 在發(fā)帖頁(yè)面，用戶(hù)未輸入標(biāo)題，點(diǎn)擊保存時(shí)彈出toast提示“標(biāo)題不能為空”，2s后隱藏，用戶(hù)輸入標(biāo)題
• 在發(fā)帖頁(yè)面，用戶(hù)未輸入內(nèi)容，點(diǎn)擊保存時(shí)彈出toast提示“內(nèi)容不能為空”，2s后隱藏，用戶(hù)輸入內(nèi)容

輸出/后置條件：發(fā)帖成功，進(jìn)入帖子詳情頁(yè)面

交互說(shuō)明：

4.4 帖子詳情

功能描述：用戶(hù)查看某一帖子的詳細(xì)內(nèi)容，包括用戶(hù)頭像、用戶(hù)名、發(fā)表時(shí)間、帖子內(nèi)容、添加的話題、點(diǎn)贊信息、評(píng)論信息、贊賞信息。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)在創(chuàng)作頁(yè)面點(diǎn)擊某一帖子

頁(yè)面邏輯：

• 用戶(hù)查看帖子詳細(xì)內(nèi)容，查看評(píng)論信息
• 用戶(hù)給帖子點(diǎn)贊并評(píng)論
• 用戶(hù)給其他用戶(hù)的評(píng)論點(diǎn)贊并回復(fù)
• 用戶(hù)點(diǎn)擊關(guān)注帖子作者

其他情況：用戶(hù)未登錄時(shí)，不可點(diǎn)贊評(píng)論回復(fù)關(guān)注，只可瀏覽。

交互說(shuō)明：

5. 發(fā)現(xiàn)

功能描述：用戶(hù)在發(fā)現(xiàn)頁(yè)找到感興趣的東西

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于發(fā)現(xiàn)頁(yè)

頁(yè)面邏輯：

• 用戶(hù)可以在這里找到話題、市集、書(shū)店、活動(dòng)入口
• 頁(yè)面按不同屬性聚合模塊，并上下排列分布

交互說(shuō)明：

5.1 話題廣場(chǎng)

功能描述：用戶(hù)查看話題、搜索話題

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于發(fā)現(xiàn)頁(yè)，并點(diǎn)擊“話題”按鈕

頁(yè)面邏輯：

• 用戶(hù)上下滑動(dòng)頁(yè)面，查看已創(chuàng)建的話題和話題下的帖子數(shù)量
• 用戶(hù)在頂部搜索欄搜索話題
• 用戶(hù)點(diǎn)擊話題，進(jìn)入話題詳情頁(yè)

其他情況：用戶(hù)點(diǎn)擊關(guān)閉按鈕，關(guān)閉話題廣場(chǎng)頁(yè)面，返回發(fā)現(xiàn)頁(yè)

輸出/后置條件：進(jìn)入話題詳情頁(yè)

交互說(shuō)明：

5.2 話題詳情

功能描述：用戶(hù)查看某一話題的詳細(xì)情況

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)點(diǎn)擊某一話題

頁(yè)面邏輯：

• 頁(yè)面包含話題名稱(chēng)、帖子總數(shù)、話題發(fā)起人、話題簡(jiǎn)介、最新帖子列表、最熱帖子列表
• 用戶(hù)可以查看與此話題相關(guān)的最新和最熱帖子
• 用戶(hù)可以在此話題下發(fā)帖

交互說(shuō)明：

6. 文庫(kù)

6.1 分類(lèi)

功能描述：用戶(hù)查看文庫(kù)作品分類(lèi)，按分類(lèi)查找、瀏覽詩(shī)詞作品。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于文庫(kù)頁(yè)面

頁(yè)面邏輯：

• 按不同屬性分類(lèi)，包括選集、主題、寫(xiě)景、節(jié)日節(jié)氣、詞牌、時(shí)令、課本、地理、用典，每個(gè)屬性下有具體分類(lèi)。
• 每個(gè)分類(lèi)顯示分類(lèi)名稱(chēng)和簡(jiǎn)介。
• 用戶(hù)上下滑動(dòng)頁(yè)面，查看所有分類(lèi)，也可點(diǎn)擊進(jìn)入分類(lèi)查看詳情。

交互說(shuō)明：

6.2 分類(lèi)詳情

功能描述：用戶(hù)查看某一分類(lèi)的詳細(xì)信息

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)在文庫(kù)頁(yè)面分類(lèi)頁(yè)簽點(diǎn)擊某一分類(lèi)

頁(yè)面邏輯：

• 頁(yè)面包含分類(lèi)名稱(chēng)、分類(lèi)簡(jiǎn)介、分類(lèi)下所有作品列表、與此分類(lèi)作品相關(guān)的所有摘錄、與此分類(lèi)作品相關(guān)的所有創(chuàng)作
• 用戶(hù)可以上下滑動(dòng)頁(yè)面查看作品、摘錄和創(chuàng)作
• 用戶(hù)點(diǎn)擊某一作品時(shí)，進(jìn)入作品詳情頁(yè)；點(diǎn)擊某一摘錄時(shí)，進(jìn)入摘錄來(lái)源作品的詳情頁(yè)；點(diǎn)擊某一創(chuàng)作時(shí)，進(jìn)入帖子詳情頁(yè)
• 用戶(hù)可以查看上次閱讀的作品
• 用戶(hù)可以將此分類(lèi)作品加入學(xué)習(xí)計(jì)劃

交互說(shuō)明：

6.3 作品

功能描述：用戶(hù)查看文庫(kù)中所有詩(shī)詞作品

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于文庫(kù)頁(yè)面，并且點(diǎn)擊頁(yè)面頂部“作品”按鈕

頁(yè)面邏輯：

• 用戶(hù)可上下滑動(dòng)頁(yè)面查看所有作品，點(diǎn)擊某一作品進(jìn)入作品詳情頁(yè)
• 作品按照名稱(chēng)排序
• 列表顯示作品名稱(chēng)、作者年代、作者姓名、詩(shī)詞摘要

交互說(shuō)明：

6.4 作品詳情頁(yè)

功能描述：查看作品詳情

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)點(diǎn)擊某一詩(shī)詞作品

頁(yè)面邏輯：

• 作品詳情頁(yè)包含詩(shī)詞內(nèi)容、評(píng)析內(nèi)容、市集相關(guān)、作者信息、摘錄信息、語(yǔ)音信息、詩(shī)單信息、分類(lèi)信息，沒(méi)有相關(guān)信息則不顯示。
• 頁(yè)面包含詩(shī)詞注釋入口、譯文入口、賞析入口、輯評(píng)入口、與此作品相關(guān)的創(chuàng)作統(tǒng)計(jì)入口。
• 用戶(hù)可以查看詩(shī)詞的詳細(xì)情況，學(xué)習(xí)詩(shī)詞。
• 用戶(hù)可以收藏、分享當(dāng)前詩(shī)詞，引用當(dāng)前詩(shī)詞發(fā)表創(chuàng)作。

交互說(shuō)明：

6.5 作者

功能描述：用戶(hù)查看文庫(kù)中所有作者

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)處于文庫(kù)頁(yè)面，并且點(diǎn)擊頁(yè)面頂部“作者”按鈕

頁(yè)面邏輯：

• 作者頁(yè)面按作者所屬朝代排序，包含作者名稱(chēng)、作者詩(shī)詞摘要
• 頁(yè)面右側(cè)包含按年代快速定位操作，用戶(hù)點(diǎn)擊某一年代后，頁(yè)面定位到此年代
• 用戶(hù)點(diǎn)擊某一作者進(jìn)入作者詳情頁(yè)

輸出/后置條件：進(jìn)入作者詳情頁(yè)

交互說(shuō)明：

6.6 作者詳情頁(yè)

功能描述：用戶(hù)查看某一作者的詳細(xì)信息

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)點(diǎn)擊某一作者名稱(chēng)

頁(yè)面邏輯：

• 頁(yè)面包含作者名稱(chēng)、生活年代、生卒年、作者簡(jiǎn)介、作者所有的作品列表、與作者相關(guān)的所有帖子、與此作者相關(guān)的摘錄統(tǒng)計(jì)入口
• 用戶(hù)可以點(diǎn)擊作品列表中的作品，進(jìn)入作品詳情頁(yè)
• 用戶(hù)可以點(diǎn)擊帖子列表中的帖子，進(jìn)入帖子詳情頁(yè)
• 用戶(hù)可以收藏此作者

交互說(shuō)明：

7. 搜索

功能描述：搜索文庫(kù)作品或用戶(hù)

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)點(diǎn)擊搜索按鈕

頁(yè)面邏輯：

• 頁(yè)面包含搜索框、輸入光標(biāo)、語(yǔ)音輸入按鈕、相機(jī)按鈕、關(guān)閉按鈕
• 頁(yè)面載入時(shí)，輸入光標(biāo)閃爍，顯示拼音鍵盤(pán)
• 用戶(hù)輸入搜索條件，選擇搜索文庫(kù)或者用戶(hù)，點(diǎn)擊鍵盤(pán)右下方搜索按鈕開(kāi)始搜索
• 得到搜索結(jié)果

交互說(shuō)明：

8. 我

功能描述：用戶(hù)查看修改個(gè)人信息、查看社交情況、設(shè)置APP、開(kāi)通會(huì)員等操作。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)位于“我”頁(yè)面

頁(yè)面邏輯：

• 用戶(hù)已登錄時(shí)，顯示個(gè)人簡(jiǎn)要信息、主頁(yè)入口、卡片制作入口、關(guān)注入口、收藏入口、學(xué)習(xí)計(jì)劃入口，以及消息通知等系統(tǒng)操作選項(xiàng)，詳見(jiàn)交互說(shuō)明。
• 用戶(hù)未登錄時(shí)，顯示登陸/注冊(cè)按鈕，不顯示個(gè)人相關(guān)的操作選項(xiàng)，只顯示系統(tǒng)相關(guān)操作選項(xiàng)，詳見(jiàn)交互說(shuō)明。

交互說(shuō)明：

8.1 個(gè)人信息

功能描述：用戶(hù)查看修改個(gè)人信息

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已登錄，并且點(diǎn)擊頭像欄

頁(yè)面邏輯：

• 頁(yè)面包含頭像、用戶(hù)名、簽名、性別、出生日期、地區(qū)
• 用戶(hù)可以點(diǎn)擊相應(yīng)信息進(jìn)行修改

交互說(shuō)明：

8.2 個(gè)人主頁(yè)

功能描述：用戶(hù)查看自己發(fā)表的帖子、加入的學(xué)習(xí)計(jì)劃、獲贊情況、關(guān)注、粉絲信息等內(nèi)容。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已登錄，并且點(diǎn)擊“我”頁(yè)面的“主頁(yè)”按鈕。

頁(yè)面邏輯：

• 頁(yè)面包含個(gè)人頭像和用戶(hù)名、編輯資料入口、獲贊數(shù)、關(guān)注數(shù)、粉絲數(shù)、詩(shī)單數(shù)、發(fā)表的帖子統(tǒng)計(jì)列表、學(xué)習(xí)計(jì)劃列表。
• 用戶(hù)可以點(diǎn)擊相關(guān)內(nèi)容查看詳細(xì)情況。

交互說(shuō)明：

8.3 設(shè)置

功能描述：用戶(hù)對(duì)賬戶(hù)、隱私以及系統(tǒng)進(jìn)行設(shè)置。

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)點(diǎn)擊“設(shè)置”按鈕。

頁(yè)面邏輯：

• 在用戶(hù)已登錄狀態(tài)下，頁(yè)面包含賬號(hào)設(shè)置、隱私設(shè)置，字體等系統(tǒng)設(shè)置，以及退出登錄按鈕，詳見(jiàn)交互說(shuō)明。
• 用戶(hù)未登錄時(shí)，只顯示字體等系統(tǒng)設(shè)置，詳見(jiàn)交互說(shuō)明。

交互說(shuō)明：

8.4 退出登錄

功能描述：用戶(hù)退出登錄

優(yōu)先級(jí)：高

輸入/前置條件：用戶(hù)已登錄，并且點(diǎn)擊“退出登錄”按鈕

頁(yè)面邏輯：

• 用戶(hù)點(diǎn)擊“退出登錄”按鈕，頁(yè)面底部彈出顯示對(duì)話框
• 用戶(hù)點(diǎn)擊對(duì)話框中的“退出”按鈕，成功退出賬號(hào)

輸出/后置條件：成功退出，返回未登錄狀態(tài)下的“我”頁(yè)面

其他情況：用戶(hù)點(diǎn)擊對(duì)話框中“取消”按鈕，隱藏對(duì)話框，取消退出

交互說(shuō)明：

五、其他需求

1. 安全需求

• 所有用戶(hù)信息，比如用戶(hù)名、性別、出生日期等內(nèi)容，需要在接口層加密傳輸
• 所有前端頁(yè)面，需要使用HTTPS協(xié)議
• APP安裝包混淆代碼，以防破解

2. 性能需求

• 啟動(dòng)引導(dǎo)時(shí)間不超過(guò)xxx秒
• 搜索時(shí)間不超過(guò)xxx秒
• 加載帖子時(shí)間不超過(guò)xxx秒
• 對(duì)頁(yè)面元素做預(yù)加載處理

3. 可用性需求

• 操作系統(tǒng)：iOS10.0和watchOS4.0或跟高版本；Android4.1或更高版本
• 兼容設(shè)備：iPhone、iPad、iPod touch
• 提供意見(jiàn)反饋入口
• 定期補(bǔ)充文庫(kù)

4. 產(chǎn)品數(shù)據(jù)統(tǒng)計(jì)需求

數(shù)據(jù)統(tǒng)計(jì)分析有兩種方式：一種是接入第三方數(shù)據(jù)分析工具，如talkingdata，友盟等；一種是自己開(kāi)發(fā)數(shù)據(jù)分析工具。

5. 埋點(diǎn)需求

注：文中（圖片）所涉及的用戶(hù)名、手機(jī)號(hào)信息為虛構(gòu)內(nèi)容！手機(jī)號(hào)已在某些強(qiáng)制要求下打了馬賽克。

作者：riiyn，轉(zhuǎn)行產(chǎn)品，有一年多開(kāi)發(fā)經(jīng)驗(yàn)，求職產(chǎn)品ing。微信公眾號(hào)：躬長(zhǎng)張

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

題圖來(lái)自Pexels，基于CC0協(xié)議