C 方案落地 · 选中态与按住说话

方案 C 已定。剩下两个必须解掉的:凸起圆的选中态怎么表达、按住说话的完整交互

建 议金环 + 文字变墨绿
选 中 态 · 四 种 做 法
参照未选中
客户
产品
助手
学习
资讯
在其他 Tab 上时的样子。圆本身永远是墨绿实心,因为它同时也是品牌标识位。
1金环 + 文字变色建议
客户
产品
助手
学习
资讯
圆外一圈品牌金,下方文字同步变墨绿加粗。图标形状和颜色都不变,顾问不会认错;金色是唯一的强调色,不引入新颜色。
2金底反白
客户
产品
助手
学习
资讯
最强烈,一眼分得出。
问题:选中和未选中长得完全不一样,顾问可能以为是两个不同按钮,而且金色实心圆在浅底上偏刺眼。
3下沉收缩
客户
产品
助手
学习
资讯
物理隐喻正确:按下去了就下沉。
问题:差异太微妙,手机上并排看不出来,而且 Tab 栏高度会跳。
按 住 说 话 · 三 步
1待机轻点进助手页
GAIP 助手
香港有哪些储蓄险适合子女教育?
帮我做一份国保智选方案
今天有什么可以跟客户聊的?
输入文字,或按住下方说话
客户
产品
助手
学习
资讯
2按住不放圆放大 + 波形
GAIP 助手
香港有哪些储蓄险适合子女教育?
帮我做一份国保智选方案
今天有什么可以跟客户聊的?
输入文字,或按住下方说话
正在聆听
松开发送 · 上滑取消
客户
产品
松开发送
学习
资讯
3松开转写后可改再发
GAIP 助手
香港有哪些储蓄险适合子女教育?
帮我做一份国保智选方案
输入文字,或按住下方说话
转 写 结 果 · 可 修 改
帮王先生找几款香港的美元储蓄险,预算每年二十万
发送
取消
客户
产品
助手
学习
资讯
一 个 按 钮 两 种 手 势轻点切页,按住说话

这是 C 方案能同时当 Tab 和动作的关键:轻点 = 切到助手页(常规 Tab 行为,不破坏预期),按住 = 开始录音(凸起造型天然邀请长按)。

两种手势不冲突,而且按住这个动作 PC 端做不到 —— 最显眼的按钮承担了移动端独有的能力。

细 节要设计给到的几个态
  • 按住时圆放大到 60px,外扩一圈半透明墨绿
  • 下方文字从「助手」变成「松开发送」
  • 上滑取消:圆变灰、文字变「松开取消」
  • 时长上限(建议 60 秒)到点自动转写
  • 无麦克风权限时:按住不进录音,直接弹权限引导
不 要 做说完直接发

转写结果必须让人改再发。产品名、客户名识别错一个字,路由就错了 —— 「王先生」听成「黄先生」会挂错客户。这条在方案-客户绑定上线后风险更大。