准准连麦优化 - 交互原型
5个场景的可视化交互演示 (用户端 & 达人端)
场景a: 邀请卡片
场景b: 回拨免费
场景c: 大R预约
场景d: 老师提示
场景e: 系统推送
项目概览
🎯 优化目标
- • 提升连麦转化率：浏览→连麦 +15%
- • 挽回未接通话：回拨率 ≥30%
- • 服务大R用户：预约满意度 4.5/5分
- • 优化资源分配：老师时间利用率 +20%
- • 完善预约闭环：推送响应率 ≥60%
📱 使用说明
- 1. 切换标签页：查看不同场景的交互界面
- 2. 交互操作：点击带 蓝色边框 的按钮体验交互
- 3. 状态切换：部分界面支持切换状态（如在线/连麦中）
- 4. 倒计时模拟：回拨界面的60秒免费倒计时
🎨 设计系统
用户端 - 老师主页
场景a 基于现有老师主页的优化
在现有老师主页（ExpertDetail）基础上，新增邀请连麦卡片和大R预约入口。
现有老师主页（ExpertDetail.png）
🎤
老师正在线上，欢迎随时连麦聊聊～
（首次浏览专属邀请）
新增：邀请卡片（场景a）
⭐ 预约连麦
仅大R用户可见
大R专属（场景c）
邀请卡片（场景a）
- • 触发：首次浏览 + 老师在线
- • 位置：老师信息下方，服务项目上方
- • 样式：渐变背景，圆角12px
- • 文案："老师邀请"感，实际用户发起
大R预约入口（场景c）
- • 可见条件：大R用户 + 老师连麦中
- • 位置："立即连麦"按钮旁或下方
- • 交互：点击显示预估等待时间
- • 计算：(余额÷单价)+免费分钟数
设计依据：
- 基于
product_brain/UI_Library/ExpertDetail.png现有设计 - 遵循
Design_System.json的颜色、间距、圆角变量 - 新增元素需保持页面整体视觉和谐
- 邀请卡片需醒目但不突兀，符合情感化原则
用户端 - IM窗口
场景b 基于现有聊天页面的优化
在现有聊天页面（ChatRoom + ChatTools）基础上，新增回拨接听界面和大R预约入口。
现有聊天页面（ChatRoom.png）
📅
预约连麦
仅大R用户可见
大R专属（场景c）
现有聊天工具栏（ChatTools.png）
📞
回拨
接通后前60秒免费
新增回拨（场景b）
回拨接听界面（场景b）
老师回拨未接通话时，用户看到全屏接听界面，突出"前60秒免费"信息。
老师回拨中…
前60秒免费
📞
60
免费剩余秒数
❌
✓
界面说明：
- 触发时机：老师对未接通话点击"回拨"按钮
- 核心信息："前60秒免费"使用黄色强调（#FFCC4D）
- 交互：绿色按钮接听，红色按钮拒绝
- 倒计时：60秒实时递减，超时后弹出续费确认
回拨功能（场景b）
- • 触发：达人端点击"回拨"按钮
- • 免费策略：前60秒免费，超时后计费
- • 界面：全屏弹窗，强引导接听
- • 目的：挽回未接通话，提升连麦转化
大R预约入口（场景c）
- • 位置：聊天工具栏，连麦按钮旁
- • 可见条件：大R用户 + 老师连麦中
- • 交互：点击显示预估等待时间弹窗
- • 样式：紫色边框，与主色保持一致
达人端 - IM窗口
场景b 未接通话回拨
您有1条未接通话
用户_小雨
刚刚
回拨
接通后前60秒免费
昨天 14:30
老师您好，我想咨询情感问题
您好，我现在可以连麦
📞 未接通话（昨天 14:32）
场景d 预约连麦提示（免费用户连麦中）
⏰
您有用户向您预约了连麦
本次连麦将在 12 分钟后结束
（免费用户剩余时长）
剩余时间
触发条件：
- 有用户预约了当前老师的连麦
- 当前连麦用户是首登当月新用户
- 当前用户账户余额为0且使用免费连麦分钟数
- 即使中途充值，本次连麦仍按原免费时长结束
系统推送（场景e）
场景e 预约可连麦推送
老师结束当前连麦后，系统向预约队列中的用户推送通知。
🔮
准准
刚刚
老师现在可以连麦啦！
您预约的【星辰塔罗师·Luna】已结束当前通话，快来找TA聊聊吧～
点击推送将直接打开与老师的聊天窗口，并自动填入快捷语
推送规则：
- 触发时机：老师结束当前连麦（正常挂断或被中断）
- 目标用户：预约队列中的用户（按预约时间排序）
- 推送内容：标题+老师昵称+引导文案
- 点击行为：Deep link直接打开对应IM窗口
- 超时处理：5分钟内未响应，推送消失，预约状态保留
👆 右侧为移动端界面模拟器
点击左侧的按钮和标签页，查看对应界面效果
预约连麦
老师当前正在连麦，您可以预约下次连麦时间
12
分钟
预计等待时间约 12分钟
（根据当前连麦用户余额与免费时长计算）
老师回拨中…
前60秒免费
📞
60
免费剩余秒数
点击绿色按钮开始免费连麦
60秒后按老师价目表计费
🎉
连麦已发起！
等待老师接听中…
✅
预约成功！
您已加入老师的预约队列
老师结束当前连麦后，您将收到推送通知