# 丹阳公益婚恋服务平台 # V1.0 高保真页面原型说明书 版本：V1.0 适用范围：微信小程序用户端、公益红娘工作台、运营管理后台 设计依据：《产品详细功能架构设计 V1.0》《页面级功能清单与交互流程设计》《前端UI/UX视觉与原型设计规范》 --- # 第一章 文档目标 本文件用于进一步明确V1.0核心页面的高保真原型结构，包括： - 页面整体布局 - 页面信息层级 - 页面组件位置 - 页面默认文案 - 页面按钮 - 页面状态 - 页面跳转关系 - 页面异常状态 - 核心交互逻辑 本文件可以直接作为： - Figma高保真原型设计依据 - 前端页面开发依据 - 页面验收依据 - 产品走查依据 --- # 第二章 原型设计基本尺寸 ## 2.1 小程序设计基准 设计基准宽度： ```text 375px ``` 主要适配： ```text 320px 375px 390px 414px 430px ``` --- ## 2.2 页面基础参数 ```text 页面左右边距：16px 顶部标题区：16～24px 卡片间距：16px 区块间距：20～24px 底部安全区域：系统安全区 + 12px ``` --- # 第三章 页面原型总目录 用户端首批高保真页面： ```text H01 登录页 H02 实名认证说明页 H03 实名认证页 H04 基础资料填写 H05 生活资料填写 H06 照片上传 H07 婚恋态度 H08 择偶条件 H09 资料确认 H10 审核中 H11 审核退回 H12 首页推荐 H13 推荐结束 H14 找对象 H15 筛选条件 H16 用户详情 H17 喜欢成功状态 H18 双向喜欢成功 H19 我的缘分 H20 消息首页 H21 聊天详情 H22 解除匹配 H23 举报 H24 活动首页 H25 活动详情 H26 活动报名确认 H27 报名成功 H28 我的活动 H29 活动签到 H30 公益红娘首页 H31 红娘服务申请 H32 红娘服务进度 H33 红娘推荐 H34 我的 H35 我的资料 H36 我的择偶条件 H37 婚恋状态 H38 隐私设置 H39 黑名单 H40 系统通知 H41 帮助中心 H42 意见反馈 H43 账号受限 ``` 红娘端： ```text R01 登录 R02 工作台 R03 服务申请列表 R04 用户服务详情 R05 候选人推荐 R06 推荐确认 R07 跟进记录 R08 我的服务用户 ``` 管理后台： ```text A01 登录 A02 工作台 A03 用户管理 A04 用户详情 A05 审核列表 A06 审核详情 A07 匹配管理 A08 匹配规则 A09 红娘服务 A10 红娘人员 A11 活动列表 A12 创建活动 A13 报名管理 A14 活动签到 A15 举报中心 A16 举报详情 A17 组织管理 A18 人员管理 A19 权限管理 A20 数据概览 ``` --- # 第四章 H01 登录页 ## 4.1 页面目标 让用户快速理解： > 这是一个正规、公益、实名制婚恋平台。 --- ## 4.2 页面结构 ```text ┌──────────────────────┐ │ │ │ LOGO │ │ │ │ 丹阳公益婚恋服务平台 │ │ │ │ 真实相识 · 公益牵线 │ │ │ │ │ │ │ │ [ 微信快捷登录 ] │ │ │ │ □ 我已阅读并同意 │ │ 《用户协议》《隐私政策》 │ │ 《公益婚恋服务规则》 │ │ │ │ 公益婚恋 · 永久免费 │ └──────────────────────┘ ``` --- ## 4.3 主要组件 ### Logo 尺寸建议： ```text 72×72px ``` ### 平台名称 20～22px Semibold。 ### 标语 14px。 ### 微信登录按钮 高度： ```text 48px ``` 品牌主色。 --- ## 4.4 交互 点击： > 微信快捷登录 如果协议未勾选： 页面底部Toast： > 请先阅读并同意相关协议。 登录成功： 首次用户： > H02 实名认证说明 已有资料用户： 根据账号状态跳转。 --- # 第五章 H02 实名认证说明页 ## 5.1 页面目标 解释： > 为什么必须实名认证。 --- ## 5.2 页面布局 ```text 实名认证 为了保障真实、安全的婚恋交友环境， 所有用户需要完成实名认证。 ✓ 确认真实身份 ✓ 降低虚假账号风险 ✓ 提高相亲信息可信度 ──────────── 你的身份信息将被严格保护 身份证号码不会向其他用户公开， 普通工作人员也无法随意查看。 [ 开始实名认证 ] 暂不认证 ``` --- ## 5.3 视觉重点 “安全保护”区使用浅绿色卡片。 --- ## 5.4 交互 开始实名认证： > H03 暂不认证： 弹窗： > 未完成实名认证暂时无法使用婚恋匹配功能。 按钮： > 继续认证 > 暂时退出 --- # 第六章 H03 实名认证页 ## 页面结构 ```text 实名认证 真实姓名 [ 请输入真实姓名 ] 身份证号码 [ 请输入身份证号码 ] 🔒 仅用于身份认证，不会向其他用户公开。 [ 开始认证 ] ``` --- ## 成功状态 页面中间： ```text ✓ 实名认证成功 身份信息已核验， 接下来完善你的个人资料。 [ 继续 ] ``` --- ## 失败状态 字段下方： > 姓名或身份证号码不一致，请检查后重试。 多次失败： > 暂时无法完成认证，请联系平台工作人员。 --- # 第七章 H04 基础资料填写 ## 顶部 ```text 完善资料 1/5 ████░░░░░░ ``` --- ## 页面字段 ```text 基本情况 性别 男 由实名认证获取 年龄 36岁 由实名认证获取 当前居住地 [ 丹阳 ▼ ] 身高 [ 175cm ▼ ] 婚姻状况 [未婚] [离异] [丧偶] 是否有子女 [无] [有] 学历 [ 本科 ▼ ] 职业 [ 企业职员 ▼ ] ``` 底部： > 下一步 --- ## UX要求 一屏不要塞满。 如果内容较长： 允许滚动。 底部按钮固定。 --- # 第八章 H05 生活资料填写 ```text 完善资料 2/5 ██████░░░░ 了解你的生活 工作区域 [ 丹阳开发区 ▼ ] 是否吸烟 [不吸烟] [偶尔] [吸烟] 是否饮酒 [不饮酒] [偶尔] [经常] 是否长期居住丹阳 [是] [否] [暂不确定] 未来是否愿意在丹阳生活 [愿意] [视情况] [不考虑] 你的兴趣 [旅行] [运动] [阅读] [电影] [摄影] [美食] [公益] [更多] [ 下一步 ] ``` --- # 第九章 H06 照片上传 ## 页面结构 ```text 完善资料 3/5 请上传本人真实照片 主头像 ┌──────────┐ │ │ │ + 上传照片 │ │ │ └──────────┘ 要求： 请上传近期、清晰、无遮挡的本人照片 生活照片 [ + ] [ + ] [ + ] [ + ] [ + ] [ + ] 最多上传6张生活照片 [ 下一步 ] ``` --- ## 上传后 主头像显示： ```text [本人照片] 主头像 更换 ``` 生活照片每张右上角： > × 长按不做排序。 V1如果需要排序，使用： > 调整顺序 单独入口。 --- # 第十章 H07 婚恋态度 ```text 完善资料 4/5 你期待怎样的关系？ 婚恋目标 ● 寻找以结婚为目标的稳定关系 希望多久进入婚姻？ ○ 半年内 ○ 1年内 ● 1～2年 ○ 2年以上 ○ 顺其自然 愿意参加公益相亲活动吗？ [愿意] [暂不考虑] 接受公益红娘推荐吗？ [接受] [暂不接受] 简单介绍一下自己 [ 性格比较开朗，工作稳定， 平时喜欢运动、旅行…… ] [ 下一步 ] ``` --- # 第十一章 H08 择偶条件 ## 页面结构 ```text 完善资料 5/5 你希望认识怎样的人？ 年龄 28 ───────── 35 重要程度 ● 必须符合 ○ 最好符合 身高 160 ─────── 175 重要程度 ○ 必须符合 ● 最好符合 地区 [丹阳] 婚姻状况 [未婚] [离异] 学历 [大专以上] 是否接受有子女 [接受] [不接受] [视情况] 更多条件 > ``` 底部： > 完成 --- # 第十二章 H09 资料确认页 ```text 确认资料 个人资料 ✓ 基础资料 ✓ 生活资料 ✓ 头像照片 ✓ 婚恋态度 ✓ 自我介绍 择偶条件 ✓ 已填写 ───────────── 提交后工作人员将进行人工审核。 [ 提交审核 ] 返回修改 ``` --- # 第十三章 H10 审核中 ```text ○ 资料审核中 ✓ 实名认证已完成 ○ 资料人工审核中 工作人员正在核验头像、 个人资料和婚恋信息。 你的资料审核通过后， 即可开始使用匹配功能。 [ 查看我的资料 ] ``` 底部可显示： > 如需帮助，请联系平台工作人员。 --- # 第十四章 H11 审核退回页 ```text ! 需要修改资料 头像需要重新上传 原因 当前照片无法清楚确认本人。 建议 请上传近期、清晰、无遮挡的本人照片。 [ 立即修改 ] 查看其他审核结果 ``` 如果有多个问题： 使用列表： ```text 头像 需修改 个人介绍 已通过 基础资料 已通过 ``` --- # 第十五章 H12 首页推荐 这是用户端最高优先级页面。 ## 页面结构 ```text 上午好，张先生 今天为你推荐6位合适的朋友 ┌────────────────────┐ │ │ │ 王女士照片 │ │ │ │ │ ├────────────────────┤ │ 王女士 · 32岁 │ │ 165cm · 丹阳 │ │ 本科 · 教师 │ │ │ │ ✓ 已实名 ✓ 已审核 │ │ │ │ 为什么推荐给你 │ │ ✓ 年龄符合双方条件 │ │ ✓ 都希望长期在丹阳生活 │ │ ✓ 婚恋计划比较一致 │ │ │ │ 不合适 查看资料 喜欢 │ └────────────────────┘ 公益红娘可以帮你进一步寻找 [ 申请红娘帮助 ] 本周公益相亲活动 > ``` --- ## 首页交互 ### 点击照片 进入： > H16 用户详情 ### 点击查看资料 进入： > H16 ### 点击喜欢 如果非双向： Toast： > 已表达喜欢。 自动切下一位。 如果刚好形成双向喜欢： 直接进入： > H18 双向喜欢成功 ### 点击不合适 Toast： > 已记录。 切下一位。 --- # 第十六章 H13 今日推荐结束 ```text ✓ 今天的推荐看完啦 可以继续主动寻找， 也可以让公益红娘帮你看看。 [ 去找对象 ] [ 请红娘帮我找 ] 今天已查看 6 位推荐 ``` --- # 第十七章 H14 找对象 ```text 找对象 筛选 系统为你优先展示 符合双方条件的人 ┌──────────────────┐ │ [照片] 王女士 31岁 │ │ 丹阳 · 本科 │ │ 教育行业 │ │ 未婚 │ │ ✓ 已实名 │ └──────────────────┘ ┌──────────────────┐ │ [照片] 李女士 33岁 │ │ 丹阳 · 大专 │ │ 企业职员 │ │ 未婚 │ │ ✓ 已实名 │ └──────────────────┘ ``` 整张卡片可点击。 --- # 第十八章 H15 筛选条件 全屏弹层。 ```text 筛选 重置 年龄 [28岁] ─────── [35岁] 身高 [160] ─────── [175] 地区 [丹阳] 婚姻状况 [未婚] [离异] [丧偶] 学历 [不限] [大专以上] [本科以上] 是否接受有子女 [不限] [接受] [不接受] 更多条件 ─────────────── [ 查看 26 位符合条件的人 ] ``` 如果结果为0： 按钮： > 暂无完全符合条件的人 下面： > 可以放宽“最好符合”的条件。 --- # 第十九章 H16 用户详情 ## 页面第一屏 ```text ← ··· ┌────────────────────┐ │ │ │ 王女士照片 │ │ │ └────────────────────┘ 王女士 · 32岁 165cm · 丹阳 本科 · 教师 ✓ 已实名 ✓ 资料已人工审核 ``` --- ## 关于TA ```text 关于TA 婚姻状况 未婚 子女情况 无 学历 本科 职业 教育行业 工作区域 丹阳 是否吸烟 不吸烟 是否饮酒 偶尔 ``` --- ## TA的介绍 ```text TA的介绍 性格比较开朗，平时喜欢旅行、 运动和看电影，希望认识一个 认真、稳定、愿意一起经营家庭的人。 ``` --- ## 兴趣 ```text TA的兴趣 [旅行] [运动] [电影] [阅读] [美食] ``` --- ## 生活照片 ```text TA的生活 [照片] [照片] [照片] [照片] [照片] ``` --- ## 婚恋态度 ```text 婚恋态度 婚恋目标 寻找以结婚为目标的稳定关系 结婚计划 1～2年内 长期定居丹阳 愿意 ``` --- ## 择偶期待 ```text TA的择偶期待 年龄 30～38岁 地区 丹阳及周边 婚姻状况 未婚/离异 ``` --- ## 推荐理由 ```text 为什么推荐给你？ ✓ 双方年龄条件符合 ✓ 都希望在丹阳长期生活 ✓ 婚恋计划比较接近 ``` --- ## 底部固定栏 ```text [ 不合适 ] [ ♥ 喜欢 ] ``` 已喜欢： ```text [ 不合适 ] [ 已喜欢 ] ``` 已匹配： ```text [ 查看缘分 ] [ 发消息 ] ``` --- # 第二十章 H17 已表达喜欢状态 不单独跳页。 采用Toast： > 已表达喜欢。 同时底部按钮： > 已喜欢 状态颜色变为浅品牌色。 --- # 第二十一章 H18 双向喜欢成功 ```text ♥ 你们互相喜欢 [张先生头像] [王女士头像] 王女士也愿意进一步了解你 希望你们有一个好的开始。 [ 开始聊天 ] 稍后再聊 ``` 页面允许轻量爱心淡入动效。 --- # 第二十二章 H19 我的缘分 ```text 我的缘分 互相喜欢 | 我喜欢的 | 喜欢我的 ─────────────────── 互相喜欢 [头像] 王女士 32岁 丹阳 · 教师 8月28日互相喜欢 [ 发消息 ] ``` --- ## 我喜欢的 ```text [头像] 李女士 31岁 等待对方回应 取消喜欢 ``` --- ## 喜欢我的 ```text [头像] 陈女士 34岁 丹阳 · 企业职员 [暂不考虑] [喜欢TA] ``` --- # 第二十三章 H20 消息首页 ```text 消息 聊天 | 系统通知 ──────────────── [头像] 王女士 周末有时间吗？ 10:32 [头像] 李女士 好的，谢谢 昨天 ``` 空状态： ```text 暂无聊天 双方互相喜欢后， 就可以开始交流。 [ 去看看推荐 ] ``` --- # 第二十四章 H21 聊天详情 ```text ← 王女士 ··· ┌──────────────────────┐ │ 安全提醒 × │ │ 请保护个人隐私，谨慎涉及 │ │ 转账、借款、投资等资金往来│ └──────────────────────┘ [头像] 你好，很高兴认识你 你好，我也是 很高兴认识你 [头像] 平时周末喜欢做什么？ ────────────────────── 😊 输入消息... ＋ ``` --- ## “+”功能 V1只显示： ```text 照片 ``` 不显示： - 视频 - 位置 - 文件 - 红包 --- # 第二十五章 H22 解除匹配 Bottom Sheet： ```text 不再继续了解？ 请选择原因 ○ 感觉不合适 ○ 沟通不顺畅 ○ 已有其他了解对象 ○ 对方让我不舒服 ○ 其他 [ 确认解除 ] 取消 ``` 选择： > 对方让我不舒服 额外出现： > 是否同时举报？ 按钮： > 去举报 --- # 第二十六章 H23 举报 ```text 举报用户 举报原因 [虚假资料] [婚姻状态疑似虚假] [骚扰] [色情低俗] [广告营销] [诈骗] [金钱诱导] [冒充他人] [其他] 补充说明 [请输入具体情况] 上传证据 [ + 上传截图 ] [ 提交举报 ] ``` --- # 第二十七章 H24 活动首页 ```text 公益相亲活动 即将开始 ┌────────────────────┐ │ 活动封面 │ ├────────────────────┤ │ 丹阳青年公益相亲会 │ │ 9月20日 周日 14:00 │ │ 丹阳××活动中心 │ │ │ │ 公益免费 │ │ 查看详情 │ └────────────────────┘ 我的报名 1 > 往期活动 > ``` --- # 第二十八章 H25 活动详情 ```text ← [活动封面] 丹阳青年公益相亲会 公益免费 时间 2026年9月20日 14:00 地点 丹阳××活动中心 主办单位 丹阳市××× 承办单位 ××公益服务中心 适合人群 25～40岁成年单身人士 活动介绍 …… 活动流程 14:00 签到 14:30 互动活动 …… 注意事项 …… [ 立即报名 ] ``` --- # 第二十九章 H26 活动报名确认 ```text 确认报名 张先生 36岁 手机号 138****1234 活动 丹阳青年公益相亲会 时间 9月20日 14:00 地点 丹阳××活动中心 □ 我已阅读并同意活动规则 [ 确认报名 ] ``` --- # 第三十章 H27 报名成功 ```text ✓ 报名已提交 工作人员审核后， 会通过系统消息通知你。 [ 查看我的活动 ] 返回活动首页 ``` --- # 第三十一章 H28 我的活动 ```text 我的活动 待参加 | 审核中 | 已结束 [活动封面] 丹阳青年公益相亲会 9月20日 14:00 状态 报名成功 [ 查看详情 ] ``` --- # 第三十二章 H29 活动签到 ```text 活动签到 丹阳青年公益相亲会 9月20日 14:00 请向工作人员出示二维码 ┌────────────┐ │ │ │ QR CODE │ │ │ └────────────┘ 未签到 ``` 签到后： ```text ✓ 已签到 签到时间 13:52 ``` --- # 第三十三章 H30 公益红娘首页 ```text 公益红娘 没找到合适的人？ 平台公益红娘可以根据你的情况， 帮助你进一步筛选和牵线。 [ 申请红娘帮助 ] ──────────────── 我的服务 服务中 1 > 红娘推荐 2 > ──────────────── 公益说明 红娘只提供协助推荐， 是否进一步了解始终由你自己决定。 ``` --- # 第三十四章 H31 红娘服务申请 ```text 申请红娘帮助 你希望得到什么帮助？ ○ 帮我推荐合适的人 ○ 帮我看看择偶条件 ○ 帮我联系意向对象 ○ 想参加线下活动 ○ 匹配很久没有结果 ○ 不知道怎么开始交流 ○ 其他 补充说明 [可以简单说说你的情况] [ 提交申请 ] ``` --- # 第三十五章 H32 红娘服务进度 ```text 公益红娘服务 服务状态 ✓ 已提交 ✓ 工作人员已接单 ● 服务中 ○ 已完成 服务人员 张老师 丹阳××公益服务中心 最近记录 8月28日 已查看你的择偶条件， 正在帮你筛选合适对象。 [ 补充说明 ] ``` --- # 第三十六章 H33 红娘推荐 ```text 公益红娘为你推荐 张老师推荐了一位朋友 ┌──────────────────┐ │ [照片] 王女士 32岁 │ │ 丹阳 · 本科 │ │ 教师 │ │ 已实名 │ └──────────────────┘ 推荐理由 年龄、地区和婚恋计划都比较符合， 建议进一步了解。 [ 查看资料 ] ``` --- # 第三十七章 H34 我的 ```text [头像] 张先生 ✓ 已实名 ✓ 资料已审核 资料完整度 ████████░░ 85% 再完善2项资料， 有助于获得更准确推荐。 [ 继续完善 ] ──────────────── 婚恋服务 我的资料 > 我的择偶条件 > 我的缘分 > 公益红娘 > 我的活动 > ──────────────── 安全与隐私 我的认证 > 隐私设置 > 黑名单 > ──────────────── 服务 帮助中心 > 意见反馈 > 关于平台 > ``` --- # 第三十八章 H35 我的资料 ```text 我的资料 头像 [照片] 基本资料 张先生 36岁 175cm 丹阳 本科 企业职员 婚恋状态 未婚 兴趣 [运动] [旅行] [阅读] 我的介绍 …… [ 编辑资料 ] ``` --- # 第三十九章 H36 我的择偶条件 ```text 我的择偶条件 年龄 28～35岁 必须符合 身高 160～175cm 最好符合 地区 丹阳 必须符合 学历 本科以上 最好符合 婚姻状况 未婚 是否接受有子女 视情况 [ 修改条件 ] ``` --- # 第四十章 H37 婚恋状态 ```text 我的婚恋状态 ● 正在寻找 正常参与推荐 ○ 正在了解 正在和某位对象进一步接触 ○ 暂停寻找 暂时停止推荐 ○ 成功牵手 停止婚恋推荐 ○ 退出婚恋服务 保留账号但关闭婚恋功能 ``` 选择： > 正在了解 出现： ```text 是否暂停其他对象推荐？ [ 暂停推荐 ] [ 继续推荐 ] ``` --- # 第四十一章 H38 隐私设置 ```text 隐私设置 出现在系统推荐 [开] 允许通过“找对象”看到我 [开] 展示职业类别 [开] 展示生活照片 [开] 接收公益活动推荐 [开] 接受公益红娘推荐 [开] ``` 底部说明： > 姓名、手机号、身份证和精确地址不会向普通用户公开。 --- # 第四十二章 H39 黑名单 ```text 黑名单 [头像] 王女士 拉黑时间：8月20日 解除拉黑 ``` 空状态： > 暂无黑名单用户。 --- # 第四十三章 H40 系统通知 ```text 系统通知 审核通知 ✓ 你的资料已通过审核 8月28日 匹配通知 ♥ 你和王女士互相喜欢 8月28日 活动通知 公益相亲活动报名已通过 8月27日 ``` --- # 第四十四章 H41 帮助中心 ```text 帮助中心 实名认证 为什么需要实名认证？ > 资料审核 资料为什么需要人工审核？ > 婚恋匹配 怎样才能和对方聊天？ > 公益红娘 公益红娘可以帮我做什么？ > 活动 如何参加公益相亲活动？ > 安全 如何举报不安全用户？ > ``` --- # 第四十五章 H42 意见反馈 ```text 意见反馈 反馈类型 [功能问题 ▼] 问题描述 [请详细描述你的问题或建议] 上传图片 [ + 上传 ] 联系电话 [138****1234] [ 提交反馈 ] ``` --- # 第四十六章 H43 账号受限 ```text ! 账号功能暂时受限 当前状态 风险审核中 原因 平台收到相关安全反馈， 工作人员正在进一步核实。 期间部分婚恋功能暂时无法使用。 [ 提交申诉 ] 联系客服 ``` --- # 第四十七章 红娘端 R01 登录页 PC Web。 ```text ┌──────────────────────────┐ │ │ │ 丹阳公益婚恋服务平台 │ │ 公益红娘工作台 │ │ │ │ 账号 │ │ [_______________] │ │ │ │ 密码 │ │ [_______________] │ │ │ │ [ 登录 ] │ │ │ └──────────────────────────┘ ``` --- # 第四十八章 R02 红娘工作台 布局： ```text ┌────────┬─────────────────────────────┐ │ │ 公益红娘工作台 │ │ 工作台 │ │ │ 服务申请 │ 今日待处理 8 │ │ 我的用户 │ 新申请 3 待跟进 12 │ │ 推荐管理 │ 推荐待反馈 5 │ │ 跟进记录 │ │ │ │ 我的待办 │ │ │ │ │ │ 张先生 帮我推荐对象 待处理 │ │ │ 李女士 3天未跟进 待跟进 │ └────────┴─────────────────────────────┘ ``` --- # 第四十九章 R03 服务申请列表 ```text 服务申请 [待接单] [服务中] [已完成] 用户 年龄 需求 时间 状态 张先生 36 帮我推荐对象 09:21 待接单 李女士 32 看看择偶条件 昨天 服务中 ``` 操作： > 查看 --- # 第五十章 R04 用户服务详情 PC三栏。 ```text ┌─────────────┬──────────────┬─────────────┐ │ 用户资料 │ 服务记录 │ 操作 │ │ │ │ │ │ 张先生 │ 服务需求 │ [推荐对象] │ │ 36岁 │ 帮我推荐合适的人 │ [添加跟进] │ │ 丹阳 │ │ [完成服务] │ │ 本科 │ 最近跟进 │ │ │ 企业职员 │ 8月28日 │ │ │ │ …… │ │ └─────────────┴──────────────┴─────────────┘ ``` --- # 第五十一章 R05 候选人推荐 ```text 为张先生推荐对象 匹配条件 系统找到 18 位候选人 [照片] 王女士 32 丹阳 · 本科 · 教师 双方核心条件符合 婚恋计划一致 [查看] [推荐] ``` 支持： - 条件筛选 - 排序 - 查看详情 --- # 第五十二章 R06 推荐确认 ```text 确认推荐 推荐给： 张先生 对象： 王女士 推荐理由 [年龄、地区和婚恋计划比较符合， 建议双方进一步了解。] [ 确认推荐 ] 取消 ``` --- # 第五十三章 R07 跟进记录 ```text 添加跟进 跟进方式 [电话 ▼] 跟进内容 [与用户沟通近期匹配情况……] 跟进结果 [继续推荐对象 ▼] 下次跟进 [2026-09-10] [ 保存 ] ``` --- # 第五十四章 R08 我的服务用户 ```text 我的用户 [全部] [服务中] [待跟进] [正在了解] [已牵手] 用户 状态 最近跟进 张先生 服务中 今天 王女士 待跟进 3天前 李先生 正在了解 昨天 ``` --- # 第五十五章 A01 后台登录 品牌简洁。 页面中央登录框。 字段： - 用户名 - 密码 - 验证码 --- # 第五十六章 A02 后台工作台 ```text ┌────────────────────────────────────────────┐ │ 丹阳公益婚恋服务平台 当前机构：××公益中心 │ ├────────┬───────────────────────────────────┤ │ 工作台 │ 工作台 │ │ 用户管理 │ │ │ 资料审核 │ [待审核12] [待举报2] [红娘待分配5] │ │ 匹配管理 │ [活动待审核16] │ │ 红娘服务 │ │ │ 活动管理 │ 今日待办 │ │ 举报风控 │ │ │ 数据统计 │ 1 高风险举报 2条 │ │ 组织人员 │ 2 用户资料待审核 12条 │ │ 权限管理 │ 3 活动报名待审核 16条 │ └────────┴───────────────────────────────────┘ ``` --- # 第五十七章 A03 用户管理 顶部： ```text 用户管理 搜索： [姓名/手机号/用户ID] 性别 [全部] 实名状态 [全部] 审核状态 [全部] 婚恋状态 [全部] 风险状态 [全部] [查询] [重置] ``` 表格： ```text 用户ID | 用户 | 性别 | 年龄 | 区域 | 实名 | 审核 | 婚恋状态 | 风险 | 操作 ``` 操作： > 查看 > 更多 --- # 第五十八章 A04 用户详情 Tab： ```text 基础信息 婚恋资料 择偶条件 服务记录 活动记录 风险记录 状态记录 ``` 敏感信息区域： 只有具备权限时出现： > 查看实名信息 且需要记录访问日志。 --- # 第五十九章 A05 审核列表 ```text 资料审核 待审核 12 | 审核中 3 | 需修改 5 | 已通过 用户 提交时间 完整度 状态 张先生 09:31 100% 待审核 王女士 09:26 92% 待审核 ``` 操作： > 开始审核 --- # 第六十章 A06 审核详情 PC左右结构。 ```text ┌──────────────────────┬──────────────────────┐ │ 用户资料 │ 审核结果 │ │ │ │ │ [头像] │ ✓ 实名认证 │ │ │ ○ 主头像 │ │ 张先生 36岁 │ ○ 生活照片 │ │ 丹阳 · 本科 │ ○ 基础资料 │ │ 企业职员 │ ○ 个人介绍 │ │ │ │ │ 个人介绍…… │ 审核意见 │ │ │ │ │ 生活照片 │ [通过审核] │ │ [图][图][图] │ [退回修改] │ └──────────────────────┴──────────────────────┘ ``` --- # 第六十一章 A07 匹配管理 ```text 匹配管理 今日推荐 362 今日喜欢 86 双向匹配 21 新增聊天 17 解除匹配 3 正在了解 38 成功牵手 6 ``` 下方： 趋势图。 V1保持简单。 --- # 第六十二章 A08 匹配规则配置 ```text 匹配规则 每日推荐人数 [6] 推荐最低匹配阈值 [60] 不合适后不再推荐 [180] 天 匹配权重 年龄 15 地区 15 婚姻状态 10 子女情况 10 学历 5 身高 5 婚恋计划 15 定居意愿 10 生活方式 10 兴趣 5 [ 保存 ] ``` 必须显示警告： > 修改规则会影响后续推荐，请谨慎操作。 --- # 第六十三章 A09 红娘服务管理 ```text 红娘服务 新申请 5 待分配 3 服务中 26 超时未跟进 4 已完成 182 服务列表 用户 | 服务类型 | 红娘 | 状态 | 最近跟进 | 操作 ``` 操作： > 分配 > 查看 --- # 第六十四章 A10 红娘人员 ```text 公益红娘管理 姓名 所属机构 服务中 已完成 状态 张老师 ××公益中心 18 86 正常 李老师 妇联 12 63 正常 ``` 操作： > 查看 > 停用 --- # 第六十五章 A11 活动列表 ```text 活动管理 [ + 创建活动 ] 活动名称 时间 报名人数 状态 青年公益相亲会 9月20日 86/100 报名中 七夕相亲活动 8月29日 120/120 报名结束 ``` --- # 第六十六章 A12 创建活动 PC双栏表单。 字段： ```text 活动名称 活动封面 活动介绍 主办单位 承办单位 开始时间 结束时间 活动地址 男性人数 女性人数 总人数 年龄限制 报名开始 报名截止 是否人工审核 ``` 底部： > 保存草稿 > 发布活动 --- # 第六十七章 A13 报名管理 ```text 丹阳青年公益相亲会 报名人数：86 审核通过：72 待审核：14 用户 性别 年龄 实名 资料审核 报名状态 张先生 男 36 是 通过 待审核 ``` 操作： > 通过 > 拒绝 --- # 第六十八章 A14 活动签到 ```text 签到管理 应到：96 已到：83 未到：13 [ 扫码签到 ] 搜索用户 [姓名/手机号] 用户 状态 签到时间 张先生 已签到 13:52 ``` --- # 第六十九章 A15 举报中心 ```text 举报风控 紧急 2 高风险 5 普通 12 举报对象 类型 风险等级 时间 张先生 诈骗 极高 09:12 李女士 骚扰 高 昨天 王先生 广告 普通 昨天 ``` --- # 第七十章 A16 举报详情 ```text 举报详情 被举报用户 张先生 举报类型 诈骗 风险等级 极高 举报说明 …… 证据 [截图][截图] 历史风险 被举报3次 被拉黑7次 处理 [举报不成立] [警告] [限制功能] [暂停账号] [封禁账号] ``` 所有高风险操作必须二次确认。 --- # 第七十一章 A17 组织管理 ```text 组织管理 [ + 新增组织 ] 组织名称 类型 联系人 状态 丹阳市××妇联 妇联 张老师 正常 ××公益中心 公益组织 王老师 正常 ``` --- # 第七十二章 A18 人员管理 ```text 人员管理 姓名 机构 角色 手机号 状态 张老师 妇联 公益红娘 138****1234 正常 李老师 公益中心 审核员 139****5678 正常 ``` --- # 第七十三章 A19 权限管理 左侧： 角色列表。 右侧： 权限树。 示例： ```text 活动管理员 活动管理 ☑ 查看活动 ☑ 创建活动 ☑ 编辑活动 ☑ 审核报名 ☑ 签到管理 用户权限 ☑ 查看基础资料 ☐ 查看实名信息 ☐ 封禁用户 [ 保存权限 ] ``` --- # 第七十四章 A20 数据概览 重点数据： ```text 累计注册 1,286 实名认证 1,135 审核通过 1,020 双向匹配 386 正在了解 112 成功牵手 48 ``` 下方可以展示： - 男女比例 - 年龄结构 - 月度注册趋势 - 匹配趋势 - 活动参与人数 - 红娘服务数量 V1避免复杂BI大屏。 --- # 第七十五章 页面跳转核心关系 用户端： ```text 登录 ↓ 实名认证 ↓ 资料完善 ↓ 审核 ↓ 首页 首页 ├→ 用户详情 ├→ 红娘 ├→ 活动 └→ 找对象 用户详情 ├→ 喜欢 ├→ 双向匹配 ├→ 举报 └→ 拉黑 双向匹配 ↓ 聊天 ↓ 进一步了解 我的 ├→ 我的资料 ├→ 择偶条件 ├→ 我的缘分 ├→ 红娘 ├→ 活动 ├→ 婚恋状态 └→ 隐私设置 ``` --- # 第七十六章 核心按钮统一文案 统一使用： ```text 微信快捷登录 开始实名认证 下一步 提交审核 立即修改 喜欢 不合适 查看资料 开始聊天 立即报名 确认报名 申请红娘帮助 提交申请 保存 确认 取消 ``` 不要同一功能出现： > 保存 / 确定 / 完成 / 提交 多种混乱文案。 --- # 第七十七章 核心页面设计优先级 ## P0 必须优先完成： ```text H01 登录 H03 实名 H04 基础资料 H06 照片 H08 择偶条件 H10 审核中 H12 首页 H14 找对象 H16 用户详情 H18 双向匹配 H20 消息 H21 聊天 H34 我的 A02 工作台 A05 审核列表 A06 审核详情 ``` --- ## P1 第二阶段： ```text 公益红娘 活动 举报 隐私 黑名单 系统通知 ``` --- # 第七十八章 高保真原型验收方法 每一个页面都必须检查四件事： ## 1. 用户是否知道自己在哪里？ 页面标题清晰。 --- ## 2. 用户是否知道当前要做什么？ 核心任务明确。 --- ## 3. 用户是否知道下一步点哪里？ 主要按钮明显。 --- ## 4. 出错以后用户是否知道怎么办？ 必须给下一步操作。 --- # 第七十九章 5秒测试 原型完成后随机让一个没有参与项目的人看页面5秒。 然后询问： ### 首页 > 这个页面是干什么的？ 正确回答应该接近： > 看平台给我推荐的相亲对象。 ### 用户详情 应该回答： > 看这个人的资料，决定要不要喜欢。 ### 公益红娘 应该回答： > 找工作人员帮我推荐对象。 ### 活动 应该回答： > 看相亲活动、报名参加。 ### 后台 应该回答： > 看今天有哪些工作要处理。 如果无法快速回答，就重新设计。 --- # 第八十章 最终原型设计原则 本产品原型不能以： > 页面好不好看 作为唯一判断标准。 必须同时满足： > 看得懂。 > 操作快。 > 不容易误操作。 > 能建立信任。 > 不暴露敏感信息。 > 不让用户产生商业套路感。 最终高保真设计标准： > **用户不用学习，工作人员不用翻说明书，红娘不用在十几个页面之间来回找信息。**