Files
im_server/docs/IM-产品原型需求文档.md
T

55 KiB
Raw Blame History

IM 产品原型需求文档

本文档根据 /Users/superysh/im/第二项目/ 中的 156 张产品原型图整理。功能按业务域归类,每张图以原文件名作为标题,图片下方给出功能说明与界面内容描述。

产品总体定位

该产品是一套面向企业内部沟通与协作的即时通讯软件。核心能力包括账号与身份认证、单聊与群聊、通讯录、文件与收藏、音视频通话、企业工作台、日报月报、安全风险提示以及个人设置。系统需要同时兼顾 iOS 和 Android 端的交互差异,并保证消息、权限、文件和通话状态可在多端间一致同步。

1. 账号注册、登录与身份安全

本组功能覆盖企业入口、账号密码登录、短信验证码注册、找回密码、身份校验、实名认证与独立密码。需求重点是明确的输入校验、验证码倒计时、错误反馈、协议确认与认证状态展示。

1.1 企业码登录.png

企业码登录

功能说明:

提供企业租户入口。页面展示产品标识、企业码输入框和“进入企业”按钮;提交后应校验企业码是否存在、是否启用,并将用户导向对应企业的登录环境。

1.2 登录页面.png

登录页面

功能说明:

展示用户名/手机号和密码登录表单,支持密码显隐、忘记密码、注册跳转以及用户协议/隐私政策确认。登录按钮在必填信息和协议条件满足后才可有效提交。

1.3 登录页面-密码错误.png

登录页面-密码错误

功能说明:

表现登录失败状态。当账号或密码错误时,在表单上方以 Toast 或明确错误文案告知“账号或密码错误”,保留当前账号并允许用户重新输入密码。

1.4 注册页面.png

注册页面

功能说明:

提供用户名/手机号、短信验证码、密码和确认密码输入。需支持获取验证码、密码显隐、两次密码一致性校验、已有账号返回登录以及协议勾选。

1.5 注册页面-倒计时.png

注册页面-倒计时

功能说明:

展示验证码发送后的倒计时状态。倒计时期间禁止重复发送,归零后恢复“获取验证码”;后端需同时执行发送频控和验证码有效期校验。

1.6 忘记密码.png

忘记密码

功能说明:

通过手机号、验证码、新密码和再次确认完成密码重置。应校验账号归属、验证码正确性及新密码规则,成功后应废弃旧令牌并引导用户重新登录。

1.7 身份验证(安卓).png

身份验证(安卓)

功能说明:

用于敏感操作前的二次身份校验。用户输入手机号和短信验证码后确认;应对获取验证码、校验失败、超时和重试状态给出明确反馈。

1.8 实名认证.png

实名认证

功能说明:

提供姓名与证件号码输入,用于提交实名认证。页面需明确说明信息用途和隐私保护,提交前校验姓名及证件号格式,并防止重复提交。

1.9 实名认证-已实名.png

实名认证-已实名

功能说明:

展示认证通过后的只读状态,姓名和证件号做脱敏处理,提交按钮置灰并显示“已实名”。如支持更正信息,应进入独立的申诉审核流程,不允许在本页直接修改。

1.10 实名认证(安卓).png

实名认证(安卓)

功能说明:

安卓端在消息首页上以弹窗提醒用户完成实名认证。弹窗应说明认证原因,提供“去实名认证”主操作,并根据平台策略控制是否允许暂后处理。

1.11 设置独立密码(安卓).png

设置独立密码(安卓)

功能说明:

提供四位独立密码输入框,用于青少年模式或隐私功能的二次保护。应支持连续输入、错误次数限制、忘记密码处理和安全存储,不得以明文保存。

2. 消息首页、全局导航与系统通知

本组功能提供即时通讯的全局入口,包括会话列表、网络异常、快捷菜单、长按操作和系统消息。用户应能快速识别未读数、最新消息、联系人在线状态以及当前网络状态。

2.1 消息.png

消息

功能说明:

会话首页包含最近联系人、系统消息、文件助手和普通会话列表。每个会话项展示头像、名称、最新摘要、时间和未读数;页面提供搜索和右上角快捷功能入口。

2.2 消息-无网络状态.png

消息-无网络状态

功能说明:

当网络断开或重连时,顶部显示“加载中”及进度状态,会话缓存内容仍可查看。系统应自动重连,恢复后增量同步消息、未读数和回执,不应造成重复消息。

2.3 消息-更多.png

消息-更多

功能说明:

右上角菜单提供“朋友”、“我的”、“创建群聊”、“添加好友”和“扫一扫”等快捷入口。菜单应与触发图标对齐,点击外部区域关闭,并根据用户权限显示可用项。

2.4 消息页面—长按弹出.png

消息页面—长按弹出

功能说明:

长按消息后弹出操作菜单,包括引用、复制、收藏、编辑、转发、撤回、删除、多选和群回执等操作。菜单项需根据消息类型、发送人、撤回时限和群权限动态裁剪。

2.5 系统消息.png

系统消息

功能说明:

系统消息页按时间展示新设备登录等安全通知,包含设备、IP 地址、时间和保障建议。此类消息应由可信系统账号发送,支持跳转安全设置,且不允许普通用户伪造。

3. 单聊会话、会话建立与消息状态

本组功能覆盖好友申请前后的单聊页、双方消息显示、已读/未读、删除、拉黑以及文件与名片消息。界面需能清楚区分“我的消息”与“对方消息”,并将发送、失败、已读、撤回等状态准确反映到消息气泡。

3.1 个人对话框(对方的状态).png

个人对话框(对方的状态)

功能说明:

展示对方发来的好友申请或首条消息,消息位于左侧并显示对方头像。页面应在尚未建立可聊权限时限制消息输入,并展示申请或通过状态。

3.2 个人对话框(对方的状态)(1).png

个人对话框(对方的状态)(1)

功能说明:

展示对方在会话中的状态文案与单条对方消息。会话头部需展示昵称和在线状态,消息时间轴需保留系统提示,用于表达好友关系变化。

3.3 个人对话框(我的状态).png

个人对话框(我的状态)

功能说明:

展示当前用户发出的好友申请或首条消息,气泡位于右侧并配置本人头像。发送成功后应展示业务状态文案,避免用户在等待审批时重复发起。

3.4 个人对话框(我的状态)(1).png

个人对话框(我的状态)(1)

功能说明:

表现我方已发送单条消息及其回执状态。消息气泡应在发送中、已发送、已送达、已读和失败之间平滑更新,且不因状态文字改变气泡主体位置。

3.5 开启沟通页面.png

开启沟通页面

功能说明:

展示好友关系建立后的沟通开始页,包含系统提示“已成为好友”及首条正常消息。审批通过后应自动解锁输入区和媒体发送能力,同时保留申请上下文。

3.6 双方沟通状态.png

双方沟通状态

功能说明:

展示双方在会话中发送语音、图片或视频消息时的状态,包含加载/上传进度与时长。媒体消息应使用稳定占位区,上传失败时支持重试,成功后可直接预览或播放。

3.7 个人对话—拉黑状态/已读状态.png

个人对话—拉黑状态/已读状态

功能说明:

展示消息已读回执以及因拉黑导致的发送失败提示。被拉黑后的消息应标记红色失败图标,不进入对方会话;界面需为用户提供可理解的失败原因。

3.8 个人对话—删除状态.png

个人对话—删除状态

功能说明:

表现删除好友或关系解除后的发送失败。系统应阻止继续发送,将已失败消息保留为本地状态,并提示需重新添加好友或发起验证。

3.9 个人对话-键盘收起状态.png

个人对话-键盘收起状态

功能说明:

展示输入键盘和附加面板都收起时的标准单聊布局。底部保留语音、文本输入、表情和更多功能入口,且页面高度变化不应影响用户当前阅读位置。

3.10 个人对话-发各种文件状态.png

个人对话-发各种文件状态

功能说明:

展示图片、视频、音频和文件附加面板。用户选择类型后进入对应系统选择器或采集界面,应在上传前校验格式、大小和会话发送权限。

3.11 个人对话-发各种文件状态(1).png

个人对话-发各种文件状态(1)

功能说明:

展示文本、名片和文件消息混合存在的会话效果。消息列表应根据消息类型使用不同卡片,但统一时间、头像、发送状态和长按操作规则。

3.12 个人对话-发送名片状态.png

个人对话-发送名片状态

功能说明:

展示从通讯录选择用户并发送名片的结果。名片卡需包含头像、昵称和可识别账号信息,点击后进入用户主页;敏感字段不应在名片中直接暴露。

4. 消息输入、媒体内容与消息操作

本组功能覆盖键盘、表情、语音录制、图片/视频/文件发送、@ 提醒、多选、收藏和转发。发送链路需具备本地占位、上传进度、失败重试、消息去重和多端一致性。

4.1 键盘展开.png

键盘展开

功能说明:

展示文本输入框获得焦点后的系统键盘状态。键盘弹出时消息列表应上推并保持最新消息可见,输入草稿在切换会话或应用前后台时应保留。

4.2 @人员—选择提醒人.png

@人员—选择提醒人

功能说明:

在群聊中输入 @ 后打开成员选择页,提供“所有人”、成员列表、搜索和多选入口。列表需按拼音/字母分组,并根据群规则控制普通成员是否可使用 @所有人。

4.3 @人员—完成.png

@人员—完成

功能说明:

展示多个提醒人已勾选的状态,右上角“完成”提交选择。完成后应将昵称插入输入框,并在消息结构中同步保存被提醒用户 ID,避免仅依赖昵称匹配。

4.4 @人员状态.png

@人员状态

功能说明:

展示群聊中已发送的 @消息,输入框上方可展示已选的提醒人。被提醒用户应获得特殊未读标记和推送文案,退群成员的历史提醒仍需正常渲染。

4.5 表情包展开(发送按钮默认状态).png

表情包展开(发送按钮默认状态)

功能说明:

表情面板展开但未选中内容时,发送按钮保持禁用状态。面板应支持表情分类、最近使用、删除键和文本输入并存,切换面板不应清空未发送内容。

4.6 表情包发送页面.png

表情包发送页面

功能说明:

展示表情面板与消息列表联动状态。用户选中表情后“发送”按钮高亮,点击可作为文本表情或独立表情消息发送,消息应支持多端一致显示。

4.7 语音—按住说话.png

语音—按住说话

功能说明:

切换至语音输入后,底部显示“按住说话”按钮。按下开始录音,松开发送,上滑取消;应处理麦克风权限被拒绝、录音太短、超时和来电打断。

4.8 语音按住说话.png

语音按住说话

功能说明:

展示按住录音时的浮层反馈,包含麦克风图标和“手指上滑,取消发送”指引。浮层应实时反映音量幅度,进入取消区时更换颜色和文案。

4.9 内容沟通对话3-语音录音中.png

内容沟通对话3-语音录音中

功能说明:

在群聊背景中展示语音正在录制的中央浮层。录制期间应阻止重复录音或发送其他媒体,并向话题成员发送可选的“正在录音”临时状态。

4.10 内容沟通对话3-图片和语音发送中.png

内容沟通对话3-图片和语音发送中

功能说明:

展示图片与语音消息上传中的加载指示。每条消息应独立维护上传进度,并允许多个上传任务有序执行;离开会话后任务仍应可恢复或给出失败提示。

4.11 内容沟通对话3-语音/视频/图片状态.png

内容沟通对话3-语音/视频/图片状态

功能说明:

展示群聊中语音时长卡片、视频缩略图和图片预览等多媒体消息。语音支持播放进度与未听标记,视频支持封面和播放按钮,图片支持大图预览。

4.12 语音图片发送状态.png

语音图片发送状态

功能说明:

表现单条图片正在上传、同时存在语音消息的会话状态。本地缩略图应立即显示,上传完成后无闪烁替换为远程资源,失败时提供点击重试。

4.13 上传文件.png

上传文件

功能说明:

该图为“上传”图标素材。系统在文件助手、群文件和意见反馈等入口应使用统一的上传语义和视觉图标,并配套可访问性文本。

4.14 文件发送状态.png

文件发送状态

功能说明:

会话中的文件卡片展示文件名、扩展类型图标、大小和发送状态。多个文件可连续发送,各自维护上传/下载状态;点击卡片进入文件详情或预览。

4.15 多选-选中对话框.png

多选-选中对话框

功能说明:

进入消息多选模式后,每条消息左侧显示选择框,底部显示转发、收藏、删除等批量操作。应支持跨屏滚动选择、显示已选数量,并根据内容类型校验批量操作可用性。

4.16 多选-选中对话内容-收藏成功.png

多选-选中对话内容-收藏成功

功能说明:

批量收藏成功后以 Toast 明确反馈,并保留当前多选上下文或按交互约定退出多选。后端需防止同一条消息被重复收藏,并保留原会话、发送人和时间引用。

4.17 转发-单选.png

转发-单选

功能说明:

转发目标页默认支持单选最近会话,包含搜索、文件助手和联系人列表。选中目标后直接进入发送确认,应避免将原消息的私有权限或失效附件错误带入新会话。

4.18 转发-多选.png

转发-多选

功能说明:

切换到多选后可同时选择多个会话目标,页面以复选框显示选中状态。应限制一次转发的最大目标数,并在发送前展示目标汇总与风险确认。

4.19 转发—逐条转发.png

转发—逐条转发

功能说明:

逐条转发将选中的每条消息作为独立消息发送。底部确认面板展示接收人、附加留言和发送按钮;原始顺序、文件引用和消息类型需保持不变。

4.20 转发—合并转发—多选状态.png

转发—合并转发—多选状态

功能说明:

合并转发将多条消息封装成一张聊天记录卡片。确认面板展示多个接收人和留言输入;合并内容需保留发送人、时间和内容摘要,同时遵循删除和敏感信息脱敏规则。

5. 通讯录、好友关系与黑名单

本组功能覆盖组织通讯录、新好友、精准查找、二维码添加、申请验证、好友主页、备注、拉黑、删除和黑名单管理。好友关系应具备明确的申请、同意、拒绝、删除和拉黑状态机。

5.1 通讯录.png

通讯录

功能说明:

通讯录页提供搜索、新朋友、群聊、文件助手、系统消息和按字母分组的好友列表。应支持字母索引快速定位、备注名优先显示和企业组织成员同步。

5.2 新朋友.png

新朋友

功能说明:

新朋友列表展示申请人头像、昵称、验证留言、时间和状态,可执行“拒绝”或“通过验证”。已处理申请应显示已通过/已拒绝,后续刷新不得重复处理。

5.3 添加好友.png

添加好友

功能说明:

添加好友首页提供账号搜索、扫一扫和分享好友入口,同时可查看本人二维码。需对搜索可见性执行用户隐私设置,不可搜索的用户应返回统一的隐私保护结果。

5.4 添加好友(1).png

添加好友(1)

功能说明:

展示个人二维码名片,包含头像、昵称、账号 ID、二维码、“分享好友”和“保存到相册”。二维码应包含带签名或有效期的用户标识,防止被篡改或长期滥用。

5.5 添加好友-输入精准用户ID.png

添加好友-输入精准用户ID

功能说明:

输入精确手机号或用户 ID 后返回匹配用户,列表显示头像、昵称和“添加”按钮。应区分未找到、已是好友、已发送申请和不允许被搜索等结果。

5.6 添加好友验证.png

添加好友验证

功能说明:

在目标用户主页上弹出验证留言输入框,支持最多 50 字并提供取消/发送操作。验证消息应同申请状态一起保存,发送成功后按钮转为“已申请”。

5.7 好友个人主页.png

好友个人主页

功能说明:

好友主页展示头像、昵称、性别、地区、用户 ID、二维码和个性签名,提供发消息和音视频通话入口。展示字段需受隐私设置控制,备注名优先于原昵称显示。

5.8 群聊—非好友个人主页.png

群聊—非好友个人主页

功能说明:

从群成员列表进入非好友主页,显示可公开的基本资料和“添加好友”按钮。不应展示手机号等私密数据;如群策略或用户隐私禁止通过群添加,则隐藏或禁用该按钮。

5.9 好友—聊天设置—未拉黑状态.png

好友—聊天设置—未拉黑状态

功能说明:

单聊设置包含查看聊天记录、消息保存方式、置顶、清空记录、备注、拉黑、投诉/举报和删除好友。未拉黑时开关关闭,删除好友以红色危险操作呈现。

5.10 好友—聊天设置—拉黑状态.png

好友—聊天设置—拉黑状态

功能说明:

拉黑开关开启后,对方不得继续向当前用户发送消息或发起通话。拉黑状态需在多端同步,取消拉黑时恢复通信权限,但不自动恢复已删除的好友关系。

5.11 删除好友提示.png

删除好友提示

功能说明:

执行删除好友前弹出底部确认面板。该操作将解除好友关系并影响后续消息权限,应使用清晰的危险文案、取消和确认按钮;是否保留本地聊天记录需明确约定。

5.12 黑名单.png

黑名单

功能说明:

黑名单页展示已拉黑用户的头像、昵称和“移出”按钮。支持分页/滚动加载与批量解除;从黑名单移出后应即时同步聊天设置开关。

5.13 黑名单提示(1).png

黑名单提示(1)

功能说明:

开启拉黑时弹出确认对话框,说明将不再收到对方消息。确认后更新黑名单和会话 ACL,取消则不改变任何状态;重复操作应具备幂等性。

5.14 黑名单提示.png

黑名单提示

功能说明:

原图文案为“清除聊天记录”确认,属于聊天设置的危险操作弹窗。确认后应仅清除当前用户可见的记录,不影响对方历史;文件名与画面语义不一致,实施时应以画面交互为准。

6. 群聊创建、资料维护与成员治理

6.1 群聊.png

群聊

功能说明:

群聊列表按“我创建的群、我管理的群、我加入的群”分类展示,列表项包含群头像、群名称及成员数量。页面提供搜索与创建群聊入口,切换分类时应保留各自的列表状态。

6.2 空白页.png

空白页

功能说明:

当所选群聊分类没有数据时展示统一空状态,避免出现无内容的纯白页面。空状态应与当前分类绑定,后续加入或创建群聊后自动刷新。

6.3 加入群聊.png

加入群聊

功能说明:

用户收到群邀请时,会话内展示包含群头像、群名称和邀请人的群聊卡片,并提供“立即加入”操作。加入前应校验群状态、邀请有效期及是否需要管理员审核,处理完成后更新卡片状态。

6.4 内容沟通对话3-开启进群验证与拉人状态.png

内容沟通对话3-开启进群验证与拉人状态

功能说明:

开启进群验证后,群聊以系统消息展示成员邀请、申请通过和加入群聊等事件。系统消息需明确操作者、目标成员与处理结果,并保证所有群成员看到一致的时间线。

6.5 邀请进群申请.png

邀请进群申请

功能说明:

进群申请列表展示申请人、邀请人、申请时间和当前状态,管理员可执行“拒绝”或“确定”。处理后按钮应切换为已同意/已拒绝等只读状态,并防止重复审批。

6.6 新邀请进群申请.png

新邀请进群申请

功能说明:

群聊顶部展示新的进群申请提醒,便于管理员从会话直接进入审批列表;聊天区同时保留申请处理结果。提醒数量应随审批操作实时更新,全部处理后自动消失。

6.7 群公告状态.png

群公告状态

功能说明:

群聊顶部固定展示最新群公告摘要,点击可查看完整内容。新公告发布时会话中同步生成系统提示,并记录发布人和时间;公告更新后顶部摘要应立即替换。

6.8 群公告状态/邀请进群申请同时存在.png

群公告状态/邀请进群申请同时存在

功能说明:

群公告和进群申请同时存在时,两个通知入口需要在群聊顶部有序展示,且不遮挡聊天内容。进群申请处理后只移除对应提醒,群公告继续保留。

6.9 群公告(对方查看状态).png

群公告(对方查看状态)

功能说明:

普通群成员以只读形式查看群公告详情,页面展示公告正文、发布人和发布时间。成员无编辑入口,返回后可记录已读状态,用于控制会话中的新公告提示。

6.10 群聊设置.png

群聊设置

功能说明:

群聊设置集中提供成员查看与邀请、群资料、群公告、聊天记录、群文件、置顶、消息免打扰、清空记录、举报和退出群聊等功能。菜单权限应依据群主、管理员和普通成员身份动态展示。

6.11 群资料.png

群资料

功能说明:

群资料页展示并维护群头像、群名称和群简介。可编辑项需受角色权限控制,修改成功后应同步更新群列表、会话标题和群二维码等关联页面。

6.12 设置群头像.png

设置群头像

功能说明:

修改群头像时从底部弹出“从相册选择”和“拍照”两种来源。选择或拍摄后应支持裁剪、上传进度、失败重试和格式/大小校验,取消操作不保留临时图片。

6.13 设置昵称(1).png

设置昵称(1)

功能说明:

该页面用于设置用户在当前群内的昵称,提供文本输入、字数计数和完成按钮。群昵称只影响当前群的成员列表和消息发送者名称,不应修改账号全局昵称。

6.14 群简介.png

群简介

功能说明:

群简介采用多行文本编辑并展示最大字数限制。保存前需过滤全空白内容、校验长度和敏感内容,保存成功后返回群资料页并即时刷新。

6.15 群标识.png

群标识

功能说明:

群聊消息发送者昵称旁展示“群主”“管理员”等身份标识,帮助成员识别管理角色。标识应随角色变更实时更新,并与普通消息文字保持清晰区分。

6.16 群二维码页面.png

群二维码页面

功能说明:

群二维码页以卡片形式展示群头像、群名称和可扫码加入的二维码,并提供分享或保存入口。二维码应包含有效期与群状态校验,过期或群已解散时不可继续入群。

6.17 群组管理.png

群组管理

功能说明:

群组管理包含进群验证、全员禁言、群文件上传权限、成员私聊权限、管理员设置、邀请管理、转让群主和解散群聊等配置。危险操作需二次确认,开关变化要记录操作者并同步到服务端。

6.18 设置群管理员.png

设置群管理员

功能说明:

页面说明管理员可协助管理群聊,并展示现有管理员列表及添加入口。群主可新增或移除管理员,系统应限制管理员数量且不得将群主本人作为普通管理员处理。

6.19 添加管理员.png

添加管理员

功能说明:

从群成员中搜索并勾选要添加的管理员,底部/顶部操作区显示已选数量并提交。已是管理员、群主或不具备资格的成员应禁选,提交前需再次校验权限和数量上限。

6.20 添加管理员-设置成功.png

添加管理员-设置成功

功能说明:

管理员添加成功后返回管理员列表并展示成功提示,新管理员立即出现在列表中。角色变更应同步影响群聊身份标识和管理菜单权限。

6.21 添加管理员-设置成功(1).png

添加管理员-设置成功(1)

功能说明:

该状态展示从成员选择页完成管理员设置后的结果反馈。提交期间应防止重复点击;部分成员设置失败时需给出明确原因,并仅回滚失败对象。

6.22 删除管理员-设置成功.png

删除管理员-设置成功

功能说明:

群主移除管理员后,页面展示设置成功提示并刷新管理员列表。被移除成员应立即失去管理权限,但仍保留其普通群成员身份。

6.23 添加禁言成员.png

添加禁言成员

功能说明:

管理员可搜索并选择需要禁言的群成员,已禁言成员应禁选或明确标识。提交后服务端记录禁言状态,目标成员发送消息时需收到清晰的禁言提示。

6.24 禁言的群成员.png

禁言的群成员

功能说明:

页面集中展示当前被禁言的成员,支持新增和解除禁言。列表需反映最新成员状态,成员退群或群角色变化时应同步清理无效记录。

6.25 选择新群主.png

选择新群主

功能说明:

转让群主时从群成员列表中搜索并单选新群主。当前群主、已退出或受限账号不可选择,确认前需保证目标成员仍在群内且账号状态正常。

6.26 选择新群主提示.png

选择新群主提示

功能说明:

选定新群主后弹出二次确认,明确转让对象及操作不可随意撤销。确认成功后双方权限即时互换,并在群聊中生成可追溯的系统消息。

6.27 群文件.png

群文件

功能说明:

群文件页展示群内共享文件,可按名称搜索,并显示文件类型、名称、大小、上传者、时间及下载状态。文件可见性和删除/上传权限应遵循群组管理配置。

6.28 群文件-上传状态.png

群文件-上传状态

功能说明:

点击上传后提供文件、照片和视频等来源,选择完成后显示上传进度与结果。需限制单文件大小和格式,支持失败重试,并在上传成功后自动刷新群文件列表。

7. 文件下载、收藏管理与聊天记录检索

7.1 我的收藏.png

我的收藏

功能说明:

我的收藏汇总用户保存的聊天内容,支持按关键词搜索,并按全部、文本、图片、视频、语音、文件、链接等类型筛选。收藏项需展示来源会话、收藏时间和内容摘要。

7.2 我的收藏(1).png

我的收藏(1)

功能说明:

该状态展示收藏内容列表及多种内容形态,用户可进入详情或对收藏项执行转发、删除等操作。原消息被删除后,已成功收藏的内容仍应按收藏数据策略可访问。

7.3 我的收藏-文件.png

我的收藏-文件

功能说明:

文件分类仅展示已收藏的文件,列表包含文件名、类型、大小、来源和时间。点击后进入文件预览或下载页,失效文件需展示明确状态而非直接报错。

7.4 我的收藏-文本.png

我的收藏-文本

功能说明:

文本分类展示收藏的文字消息及其来源信息,支持长文本折叠、展开和复制。搜索结果应对匹配关键词进行高亮,并可跳转到收藏详情。

7.5 我的收藏-语音.png

我的收藏-语音

功能说明:

语音分类展示语音时长、来源和收藏时间,点击可播放或暂停。列表中同时只能有一条语音播放,离开页面或切换内容时应正确释放播放状态。

7.6 我的收藏—链接.png

我的收藏—链接

功能说明:

链接分类以卡片形式展示标题、摘要、缩略图和来源地址。打开外链前需进行安全校验,无法访问或被拦截时显示风险/失效提示。

7.7 收藏—文件(多选).png

收藏—文件(多选)

功能说明:

收藏列表进入多选模式后,可勾选多个文件并执行批量转发或删除。操作区需显示选择数量,跨页选择应保持状态,删除操作需要二次确认。

7.8 收藏文件—分享给好友页面.png

收藏文件—分享给好友页面

功能说明:

分享收藏文件时进入会话选择页,可搜索联系人或群聊并选择接收方。发送前应展示文件和目标会话确认信息,成功后保留收藏原件并生成新的聊天消息。

7.9 文件-下载.png

文件-下载

功能说明:

未下载文件展示名称、类型、大小及下载按钮。点击下载前需检查文件有效性、网络和本地空间,下载目标应使用受控存储路径。

7.10 文件-下载中.png

文件-下载中

功能说明:

下载中状态展示实时进度,并允许取消或在失败后重试。应用切换前后台、网络变化或页面重进时,应能恢复准确的下载任务状态。

7.11 文件-下载完成.png

文件-下载完成

功能说明:

下载完成后提供打开或使用其他应用查看的入口,并显示本地可用状态。若本地文件被清理,页面应恢复为可下载状态,不能继续显示已完成。

7.12 查找聊天记录-搜索关键词选中状态(点击后跳出对应聊天内容).png

查找聊天记录-搜索关键词选中状态(点击后跳出对应聊天内容)

功能说明:

聊天记录搜索支持输入关键词并展示命中的消息摘要、发送者和时间,关键词高亮显示。点击结果后返回会话并定位到对应消息,同时加载其上下文内容。

7.13 查找聊天记录-文件.png

查找聊天记录-文件

功能说明:

文件记录按时间列出会话中发送过的文件,包含文件名、大小、发送者和发送时间。用户可搜索、预览或下载文件,已撤回/失效项需明确标记。

7.14 查找聊天记录-链接.png

查找聊天记录-链接

功能说明:

链接记录聚合会话中的网页卡片和网址消息,展示标题、摘要与时间。点击时执行外链安全策略,并允许用户定位回原始消息。

7.15 查看聊天记录-图片.png

查看聊天记录-图片

功能说明:

图片记录以按时间分组的缩略图网格展示,支持多选和进入大图预览。缩略图需懒加载并保留原图加载状态,点击图片可定位其消息来源。

7.16 查看聊天记录-视频.png

查看聊天记录-视频

功能说明:

视频记录以缩略图展示时长、日期等信息,点击进入播放器。播放前需处理下载/缓冲、文件失效和网络异常,返回后保持原列表位置。

8. 实时语音与视频通话

8.1 各种通话提示状态.png

各种通话提示状态

功能说明:

聊天时间线展示语音/视频通话的取消、拒绝、未接听、忙线和通话时长等结果消息。状态文案应由统一通话结果码生成,并在双方会话中保持语义一致。

8.2 对方状态.png

对方状态

功能说明:

收到视频通话邀请时,全屏展示来电人头像、昵称和通话类型,用户可接听或拒绝。锁屏、后台及系统权限受限时也应通过系统通知提供等价操作。

8.3 语音通话-对方待接受状态.png

语音通话-对方待接受状态

功能说明:

发起语音通话后进入等待接听状态,展示对方信息、呼叫提示和取消按钮。超时、对方忙线、拒绝或网络失败时应结束呼叫并生成对应会话记录。

8.4 语音通话-双方语音沟通中.png

语音通话-双方语音沟通中

功能说明:

接通后展示实时通话时长及静音、扬声器和挂断控制。通话需持续反馈网络/音频状态,异常断开后准确记录实际通话时长。

8.5 语音通话-麦克风与扬声器已关.png

语音通话-麦克风与扬声器已关

功能说明:

麦克风与扬声器关闭时,控制按钮呈现明确的关闭状态,并即时停止本地采集或切回听筒。权限失效或设备切换时界面状态必须与真实音频路由一致。

8.6 语音通话-麦克风与扬声器已开.png

语音通话-麦克风与扬声器已开

功能说明:

麦克风与扬声器开启时显示选中状态,用户可在通话过程中独立切换。切换应即时生效,并处理蓝牙耳机、系统音量和音频焦点变化。

8.7 视频通话—等待对方接受接受邀请中.png

视频通话—等待对方接受接受邀请中

功能说明:

视频呼叫等待页展示本地摄像头预览、对方信息及取消、切换摄像头、关闭摄像头等控制。正式接通前不应向对方传输非必要的视频数据。

8.8 视频通话—等待对方接受接受邀请-摄像头关闭.png

视频通话—等待对方接受接受邀请-摄像头关闭

功能说明:

等待接听期间关闭摄像头后,本地预览替换为头像/占位画面,摄像头按钮同步显示关闭状态。对方接听后应沿用当前设置,除非用户主动开启。

8.9 双方视频通话中.png

双方视频通话中

功能说明:

视频通话接通后以对方画面为主、本地画面为小窗,展示时长和静音、摄像头切换、挂断等控制。小窗应支持拖动且不能遮挡关键按钮,横竖屏切换时保持画面比例。

8.10 双方视频通话中-对方关闭摄像头状态.png

双方视频通话中-对方关闭摄像头状态

功能说明:

对方关闭摄像头时,主画面展示对方头像和状态提示,同时保留语音通话能力。对方重新开启后应自动恢复视频,不需要本端重新接听。

8.11 视频与语音通话悬浮状态中.png

视频与语音通话悬浮状态中

功能说明:

通话最小化后以可拖动悬浮窗继续展示视频画面或语音通话状态,用户可点击返回全屏通话。悬浮窗需遵循系统权限和安全区域,并在挂断后立即关闭。

9. 企业工作台与办公协同

9.1 工作台.png

工作台

功能说明:

工作台聚合组织内部的常用办公应用和业务入口,包括组织架构、日报/月报、会议通知、总经理信箱等模块。应用入口应根据企业配置和用户权限动态展示,并支持未读数量提示。

9.2 部门组织框架.png

部门组织框架

功能说明:

组织架构按部门层级展示企业成员,支持展开下级部门、查看成员和搜索。部门与人员数据应由企业通讯录统一维护,离职、调岗或组织调整后及时同步。

9.3 会议通知-发起人状态.png

会议通知-发起人状态

功能说明:

会议发起人可查看会议主题、时间、地点、参会人及各成员的确认状态,并执行提醒或管理操作。会议变更或取消后应向所有参会人推送更新,并保留操作记录。

9.4 会议通知-接收人状态.png

会议通知-接收人状态

功能说明:

会议接收人查看完整会议信息并反馈参加状态。响应结果需实时同步给发起人,会议开始前可按配置发送提醒,过期会议进入只读历史状态。

9.5 日报.png

日报

功能说明:

日报入口展示用户的日报记录,并提供新建或提交日报操作。列表应区分日期、提交状态和查看状态,支持按时间查找历史日报。

9.6 日报-普通用户页面.png

日报-普通用户页面

功能说明:

普通用户页面以个人填报为主,展示已提交和待填写的日报,用户可查看自己的历史记录。超过允许修改期限后,已提交日报应转为只读或走补交/修改流程。

9.7 日报-管理员页面.png

日报-管理员页面

功能说明:

管理员页面汇总团队日报提交情况,可查看已提交、未提交及成员明细。统计口径需与组织权限一致,并支持提醒未提交成员和进入日报详情。

9.8 日报-查看详情.png

日报-查看详情

功能说明:

日报详情展示填报人、日期、工作内容及相关附加信息。查看权限由组织关系决定,内容较长时支持完整滚动,已撤回或被修改的日报需标记最新状态。

9.9 月报(1).png

月报(1)

功能说明:

月报填写页用于录入本月工作总结、下月计划等内容,并提供提交操作。输入项需具备必填和长度校验,可在正式提交前保存草稿,避免页面退出导致内容丢失。

9.10 月报.png

月报

功能说明:

月报列表按月份展示个人或权限范围内的月报记录,区分未提交、已提交等状态。用户可进入填写或详情页,管理员可查看团队提交进度。

9.11 月报-详情页.png

月报-详情页

功能说明:

月报详情页展示填报人、所属月份、工作总结和计划等完整信息。已提交内容默认只读,具备修改权限时需在规定周期内开放编辑并记录更新时间。

9.12 总经理信箱.png

总经理信箱

功能说明:

总经理信箱为员工提供向管理层提交意见或问题的入口,支持填写主题与正文并提交。内容应按企业隐私策略控制可见范围,提交成功后提供明确反馈,防止重复发送。

9.13 总经理信箱-文案提示.png

总经理信箱-文案提示

功能说明:

页面通过提示文案说明信箱用途、处理方式及隐私边界。提示内容应由企业后台可配置,并在用户提交前清晰告知实名/匿名规则和信息接收方。

10. 个人资料、通用设置、隐私与青少年模式

10.1 我的.png

我的

功能说明:

“我的”页面展示头像、昵称、账号信息,并提供个人资料、收藏、设置等个人功能入口。账号数据更新后应在此处即时同步,菜单可根据平台或企业策略动态配置。

10.2 个人信息.png

个人信息

功能说明:

个人信息页展示并编辑头像、昵称、出生日期、个性签名等资料,同时提供个人二维码入口。不同字段按各自规则校验,修改后同步到联系人资料和聊天界面。

10.3 设置昵称.png

设置昵称

功能说明:

账号昵称编辑页提供单行输入、字数计数和完成按钮。昵称需校验长度、空白字符和敏感内容,保存成功后更新全局个人资料,但不覆盖用户在各群设置的群昵称。

10.4 出生日期.png

出生日期

功能说明:

出生日期通过日期选择器设置,用户确认后保存到个人资料。日期不得晚于当前日期,展示格式需适配本地化设置,隐私可见性遵循个人资料策略。

10.5 个性签名.png

个性签名

功能说明:

个性签名采用多行文本编辑并显示长度限制,支持保存和清空。保存前需处理全空白和敏感内容,修改后在个人主页等引用位置同步展示。

10.6 二维码.png

二维码

功能说明:

该原图是个人二维码相关的视觉资源/入口标识,用于从个人资料进入二维码名片。实际页面应生成与当前账号绑定的可扫描二维码,并支持刷新失效凭证,避免静态码泄露长期有效信息。

10.7 设置(iOS).png

设置(iOS)

功能说明:

iOS 设置页提供账号安全、消息通知、隐私、通用、关于与退出登录等入口。页面应遵循 iOS 导航和权限跳转规范,系统级配置需引导用户前往系统设置。

10.8 设置(安卓).png

设置(安卓)

功能说明:

Android 设置页覆盖账号安全、通知、隐私、通用、关于及退出登录等功能。与 iOS 共享业务能力,但权限说明、系统设置路径和版本更新流程按 Android 平台实现。

10.9 清空缓存的提示.png

清空缓存的提示

功能说明:

清空缓存前弹出确认提示,说明将移除可重新下载的临时数据。操作不应删除账号、聊天记录或收藏等业务数据;完成后刷新缓存占用数值并提示清理结果。

10.10 版本更新页面.png

版本更新页面

功能说明:

版本更新页展示当前版本、最新版本和更新说明,并提供检查/立即更新入口。需区分可选更新与强制更新,下载、安装及应用商店跳转方式按操作系统能力处理。

10.11 发现新版本.png

发现新版本

功能说明:

检测到新版本时弹出更新提示,展示版本号、更新内容和稍后/更新操作。强制更新不得提供绕过入口,普通更新关闭后应按策略控制再次提醒频率。

10.12 隐私设置.png

隐私设置

功能说明:

隐私设置集中管理添加好友方式、黑名单及其他账号可见性选项。开关和选项修改应即时保存并在服务端生效,涉及联系人关系的设置需要跨设备同步。

10.13 隐私设置-添加我的方式选项.png

隐私设置-添加我的方式选项

功能说明:

用户可分别控制他人是否能通过账号、手机号、二维码或群聊等渠道添加自己。关闭某渠道后,相关搜索或添加入口应统一阻断,并向发起方展示不泄露隐私的提示。

10.14 青少年模式未开启(安卓).png

青少年模式未开启(安卓)

功能说明:

未开启页面说明青少年模式的适用范围与限制,并提供开启入口。开启前需由监护人/用户确认并设置独立密码,相关规则由服务端配置并跨设备同步。

10.15 青少年模式提示(安卓).png

青少年模式提示(安卓)

功能说明:

开启青少年模式过程中展示确认提示,明确功能限制和密码用途。用户确认后进入密码设置或验证流程,取消则保持原模式不变。

10.16 青少年模式已开启(安卓).png

青少年模式已开启(安卓)

功能说明:

已开启页面展示当前生效状态及关闭入口,受限功能应按策略隐藏或拦截。应用重启、重新登录或切换设备后仍需保持模式状态,不能仅依赖本地标记。

10.17 关闭青少年模式(安卓).png

关闭青少年模式(安卓)

功能说明:

关闭青少年模式前要求输入独立密码进行验证。连续输错需触发频率限制或找回流程,验证成功后解除限制并清理敏感页面的输入状态。

10.18 获取推送权限(安卓).png

获取推送权限(安卓)

功能说明:

应用通过说明页解释开启通知权限的用途,并引导用户进入系统授权。拒绝后不应反复打扰,可在消息通知设置中再次触发引导;最终状态以系统权限为准。

10.19 提醒(安卓).png

提醒(安卓)

功能说明:

Android 系统提醒弹窗用于请求必要权限或告知受限能力,提供取消与前往设置操作。提示只在功能确实受权限影响时出现,并根据系统版本显示正确路径。

10.20 相机说明(安卓).png

相机说明(安卓)

功能说明:

首次使用拍照、扫码或视频通话前说明相机权限用途,再触发系统授权。拒绝时保留替代入口;永久拒绝后引导至系统设置,不应循环弹出系统权限框。

10.21 麦克风说明(安卓).png

麦克风说明(安卓)

功能说明:

首次发送语音或发起通话前说明麦克风权限用途,并在用户确认后请求系统授权。权限缺失时禁止开始录音,同时提供清晰的授权恢复路径。

11. 反诈安全、举报与意见反馈

11.1 反诈弹窗(安卓).png

反诈弹窗(安卓)

功能说明:

在疑似风险会话或敏感操作前展示反诈提醒,提示用户警惕陌生人、转账和隐私信息风险。弹窗触发规则应由风控策略控制,并避免泄露具体判定逻辑。

11.2 反诈弹窗(二次提示安卓).png

反诈弹窗(二次提示安卓)

功能说明:

高风险场景继续操作时展示二次确认,强化风险文案并要求用户明确选择。确认/取消结果应记录用于审计和策略评估,必要时可直接阻断操作而非仅提示。

11.3 举报.png

举报

功能说明:

举报页面提供色情、诈骗、骚扰等举报原因选项,用户选择后进入补充材料流程或直接提交。举报对象、会话上下文和选择原因需随请求传递,并保护举报人身份。

11.4 举报(1).png

举报(1)

功能说明:

举报补充页支持填写问题描述并上传图片等证据,提交前需校验必填项、文件数量、格式和大小。提交成功后返回受理结果,重复举报应按平台规则合并或限流。

11.5 意见反馈.png

意见反馈

功能说明:

意见反馈页支持输入问题或建议、上传截图,并可按产品设计提供联系方式。提交时附带必要的应用版本和设备信息,敏感日志需征得用户同意;成功后展示反馈已受理状态。