五、產(chǎn)品界面流程圖

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

1. 首頁

1）頁面名稱：首頁。

2）頁面入口：啟動面試通APP即顯示首頁內(nèi)容，點擊底部tab欄的“首頁”按鈕可快速進(jìn)入首頁。

3）頁面構(gòu)成：頂部工具欄、動態(tài)內(nèi)容展示、底部tab欄。

4）頁面邏輯內(nèi)容及交互詳細(xì)說明：

① 頂部工具欄

a. 推薦

進(jìn)入APP之后即推薦頁面，頁面布局采取雙列展示的feed流形式，頁面展示帖子圖文、前兩行文字介紹、博主頭像及ID、喜歡值。

b. 精華

• 進(jìn)入精華欄，頂部會出現(xiàn)一個二級TAG分類，如熱榜、大廠面試、大廠生活等，點擊后即可瀏覽相應(yīng)分類的精華帖子；
• 點擊熱榜時候，相應(yīng)的會有排行榜在下方顯示，并有推薦的精選熱榜貼，同樣采取雙feed流形式；
• 點擊排行榜單內(nèi)容即可進(jìn)入時事熱點帖子；其他二級分類TAG中，可以選擇合適的分類精準(zhǔn)篩選精華帖。

c. 關(guān)注

關(guān)注頁面主頁分為我常見博主及動態(tài)內(nèi)容，常見博主通過展示頭像，并成一排的形式，展示更多關(guān)注博主信息，關(guān)注動態(tài)采用單feed形式，單個帖子詳細(xì)展示，吸引粉絲點擊。

d. 我的

• 左上方圓形按鈕即我的消息；我的包含內(nèi)容主要分為三個部分，聊天，創(chuàng)作者中心，設(shè)置；
• 聊天又包含@我以及私聊我兩種情況，在此界面會相應(yīng)展示部分聊天界面；
• 創(chuàng)作者中心的數(shù)據(jù)指標(biāo)主要是點贊、收藏、評論，進(jìn)入后即可看到點贊收藏評論的粉絲；
• 設(shè)置框點擊設(shè)置后可以對賬戶登陸，顯示，私信等權(quán)限進(jìn)行把控，點擊客服框直接通往客服小助手，采取智能對話，并留下人工客服電話。

e. 搜索

搜索頁面由熱榜、推薦、歷史記錄、分類的形式展開，并展示部分信息，搜索框獲取焦點后，引導(dǎo)語“阿里一面面經(jīng)”消失，點擊搜索即可展開搜索內(nèi)容，左上角返回上級頁面。

f. 動態(tài)內(nèi)容展示

• 帖子包括主流幾大部分。頂部引導(dǎo)關(guān)注、分享、左上角可直接返回上級界面；
• 往下瀏覽是帖子的圖片；
• 評論區(qū)預(yù)覽本人評論，展示真實評論者頭像、ID、評論語，限制前４條展示，更多評論需要點擊“瀏覽更多”；
• 底部有點贊、收藏、評論及對應(yīng)人數(shù)顯示。

g. 底部tab 欄

分為首頁、面試、發(fā)帖（＋號）、圈子、日程五個tab ，點擊后就會進(jìn)入對應(yīng)的頁面。

點擊對應(yīng)的tab ，該tab 就會字體變大一號，并且變粗，其他Tab保持灰暗狀態(tài)。

2. 面試

1）頁面名稱：面試。

2）頁面入口：點擊底部tab欄的“面試”按鈕可快速進(jìn)入面試界面。

3）頁面構(gòu)成：頂部Tab鍵、面試信息、創(chuàng)建房間提示鍵。

4）頁面邏輯內(nèi)容及交互詳細(xì)說明：

① 頂部tab鍵

包含我的面試、面試組隊、點擊其中即可進(jìn)入對應(yīng)界面，選中文字加粗變黑，并蒙上一層淺灰色，另外鍵不變。

② 我的面試

單列形式、時間順序展示面試信息；面試詳情包括標(biāo)題，TAG（群面技巧、產(chǎn)品經(jīng)理、百度、北京）、時間、介紹、已添加日程，如過期添加日程則會變灰色。

③ 面試組隊

瀏覽房間信息（主題、時間、推薦語、博主頭像ID），快速匹配時間主題，如想?yún)⒓涌牲c擊我要參加并自動添加日程；如果有紅色火箭則代表帖子火爆，如果我要參加變灰色即表示面試已取消或過期或滿人。

④ 創(chuàng)建房間

瀏覽房間后沒有匹配上合適的房間可以創(chuàng)建，創(chuàng)作包括推薦語、Tag、時間、限制報名人數(shù)、簡介；編輯好后可以存草稿或者點擊發(fā)布即可發(fā)布到面試組隊的廣場上面去。

3. 發(fā)帖

1）頁面名稱：發(fā)帖。

2）頁面入口：點擊底部tab欄的“+”按鈕可快速發(fā)帖。

3）頁面構(gòu)成：發(fā)帖分類、發(fā)帖詳情、推薦標(biāo)簽。

4）頁面邏輯內(nèi)容及交互詳細(xì)說明：

① 發(fā)帖分類

點擊tab 欄進(jìn)入發(fā)帖提示頁后，可以看到帖子分為文字，圖文，視頻三個通道，在必要時候，會通過banner廣告頁和紅色的“薦”展示活動信息，并引導(dǎo)博主參與話題發(fā)帖。

② 發(fā)帖詳情

中間部位會有引導(dǎo)語“星光不負(fù)趕路人，一起來分享吧”并配上加號，點擊后，即可選擇圖片編輯文字，并@相關(guān)人員。

發(fā)帖前，可以點擊話題和分類，查看熱門話題和推薦分類，同時在發(fā)帖前可以對帖子進(jìn)行同步，同步至圈子。

4. 圈子

1）頁面名稱：圈子。

2）頁面入口：點擊底部tab欄的“圈子”按鈕可快速進(jìn)入圈子頁面。

3）頁面構(gòu)成：頂部工具欄、動態(tài)內(nèi)容展示、底部tab欄。

4）頁面邏輯內(nèi)容及交互詳細(xì)說明：

① 頂部工具欄

有兩級分類。

• 一級分類是進(jìn)入圈子、加入圈子，點擊其中即可進(jìn)入對應(yīng)界面，選中文字加粗變黑，并蒙上一層淺灰色，另外鍵不變；
• 二級分類是常用標(biāo)簽如深圳日常實習(xí)、產(chǎn)品經(jīng)理2022、騰訊產(chǎn)培交流，選中分類后，該分類蒙上一層淺紅色，其他鍵不變。

② 進(jìn)入圈子

二級分類頁面下是帖子詳情頁展示，包括圖文詳情、博主信息、評論、點贊、收藏、分享、不再推薦等按鈕。

③ 加入圈子

左側(cè)有快速查找的分類欄，點擊分類即可出現(xiàn)圈子介紹，圈子介紹單列展示，信息包括圈子頭像，推薦語，關(guān)注界面。

5. 日程

1）頁面名稱：日程。

2）頁面入口：點擊底部tab欄的“日程”按鈕可快速進(jìn)入日程界面。

3）頁面構(gòu)成：頂部工具欄、日歷信息、底部tab欄。

4）頁面邏輯內(nèi)容及交互詳細(xì)說明：

① 頂部工具欄

• 頂部信息欄包括我的日歷和校招日歷，點擊其中即可進(jìn)入對應(yīng)界面，選中文字加粗變黑，并蒙上一層淺灰色，另外鍵不變；
• 右上角圓圈代表設(shè)置，二級子菜單有日視圖、月視圖、三日視圖、添加日程；可更換試圖展現(xiàn)形式和添加我的日程。

② 日歷信息

默認(rèn)狀態(tài)顯示月視圖、點擊某日后，選中數(shù)字變藍(lán)，下方浮現(xiàn)灰色解釋框——顯示選中日目前已有進(jìn)程規(guī)劃，灰色框右邊有加號，可直接添加提醒。

③ 校招信息

• 默認(rèn)狀態(tài)顯示月視圖、點擊某日后，選中數(shù)字變藍(lán)，下方浮現(xiàn)灰色解釋框——顯示目前已有的筆試時間、集中群面時間；
• 如果相關(guān)筆試面試已添加日程，會有紅色提醒；對應(yīng)當(dāng)天，首頁頂部會有對應(yīng)提示——今天有一場筆試代參加，并推薦相關(guān)搜索。

七、補充說明

因為時間倉促原因，本需求文檔還有很大的改進(jìn)空間，希望大家能夠多加指教。

另外本人借鑒了《寵愛APP需求文檔》（https://www.yunyingpai.com/?p=695091&preview=true）部分內(nèi)容，在用戶注冊環(huán)節(jié)引用了《寵愛APP需求文檔》交互詳細(xì)說明，已在聯(lián)系作者授權(quán)，如侵權(quán)即刪。