五、產品界面流程圖

六、頁面功能詳細說明

1. 首頁

1）頁面名稱：首頁。

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

3）頁面構成：頂部工具欄、動態內容展示、底部tab欄。

4）頁面邏輯內容及交互詳細說明：

① 頂部工具欄

a. 推薦

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

b. 精華

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

c. 關注

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

d. 我的

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

e. 搜索

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

f. 動態內容展示

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

g. 底部tab 欄

分為首頁、面試、發帖（＋號）、圈子、日程五個tab ，點擊后就會進入對應的頁面。

點擊對應的tab ，該tab 就會字體變大一號，并且變粗，其他Tab保持灰暗狀態。

2. 面試

1）頁面名稱：面試。

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

3）頁面構成：頂部Tab鍵、面試信息、創建房間提示鍵。

4）頁面邏輯內容及交互詳細說明：

① 頂部tab鍵

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

② 我的面試

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

③ 面試組隊

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

④ 創建房間

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

3. 發帖

1）頁面名稱：發帖。

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

3）頁面構成：發帖分類、發帖詳情、推薦標簽。

4）頁面邏輯內容及交互詳細說明：

① 發帖分類

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

② 發帖詳情

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

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

4. 圈子

1）頁面名稱：圈子。

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

3）頁面構成：頂部工具欄、動態內容展示、底部tab欄。

4）頁面邏輯內容及交互詳細說明：

① 頂部工具欄

有兩級分類。

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

② 進入圈子

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

③ 加入圈子

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

5. 日程

1）頁面名稱：日程。

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

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

4）頁面邏輯內容及交互詳細說明：

① 頂部工具欄

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

② 日歷信息

默認狀態顯示月視圖、點擊某日后，選中數字變藍，下方浮現灰色解釋框——顯示選中日目前已有進程規劃，灰色框右邊有加號，可直接添加提醒。

③ 校招信息

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

七、補充說明

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

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