五、产品界面流程图

六、页面功能详细说明

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需求文档》交互详细说明，已在联系作者授权，如侵权即删。