使用电脑大屏浏览，体验更佳

腾讯会议
AI 耳机

跨硬件与海外场景的快速设计落地

腾讯会议 AI 耳机 — App 界面预览
ROLE交互设计师
DUTIES需求共创 / 系统设计 / 项目推进
PROJECT PERIOD2024.11–2025.12

Background / 02

项目痛点

2 周设计时间

为了快速验证需求，计划 1 个月后上架 MVP 版本，设计和开发同步进行，具体到设计，只有 2 周的设计时间。

时间压力

0 到 1 的全新设计

需要重新做一个独立于腾讯会议，专属 AI 耳机的独立 APP，除了转写页面还要包括硬件管理等基础页面。

全新挑战

Background / 03

需求澄清

项目需求特殊，不是一般的项目需求，设计师要主动介入项目中

01

项目推进

作为设计 Owner，在封闭项目中，必须主动推进项目，保证设计效果

02

设计推进

本项目的设计点不在于功能复杂，而在于如何在有经验基础上，快速完成设计迁移

Process / 05

和开发沟通

草稿快速对齐，明确能力边界，不做无所谓探索；多个问题统一对齐，沉淀沟通记录

和开发沟通

Process / 06

和硬件厂商沟通

除了沟通素材需求，还主动推进耳机的语音和灯光设计，推动硬件体验提升

和硬件厂商沟通

Process / 07

用户之声快速决策

多方对设计方案意见不一致时，找海外生活经验的同事进行快速验证

用户之声快速决策

Solution / 09

首页框架打磨

放弃 Tab 结构，选择更简单的侧边栏结构

初版框架
新版方案

新版方案

  1. 1/符合北美习惯

    查看大多海外软件，侧边栏的使用更为高频

  2. 2/产品内容更聚集

    多 Tab 好拓展，但我们是一个垂直 APP，希望传达更聚焦的感受

  3. 3/发起录音更快捷

    去掉 Tab 后，释放了底部空间，操作更快捷

Solution / 10

详情页框架打磨

在腾讯会议的基础上，确定框架，提高转写文字的屏占比

腾讯会议原设计
迭代后
布局拆解
  1. 全局操作区稳定
  2. 标题+时间信息稳定
  3. Tab 切换
  4. 关键词，快速了解高效
  5. 转写原文，首屏占比 70%高效

    参考海外 均有弱化音频的趋势

    往下浏览时，转写占比可达 90%+

  6. 音频区域稳定

Solution / 11

播放条打磨

腾讯会议原设计
新版方案

新版方案

  1. 1/竖播放更沉浸

    和文本一起滑动，更符合用户阅读习惯，阅读更沉浸

  2. 2/竖播放操作友好

    线下会议时间一般更长，竖播放操作空间和内容拓展空间更多

Solution / 12

AI 总结打磨

1/写实的空状态

用户可以直接看到示意，引导用户点击

2/突出 AI 总结

AI 总结成为了一个独立的 Tab，突出 AI 价值

3/总结框架清晰

总结会议内容，细说要点，最后输出会议待办

Solution / 13

搜索方案打磨

1/搜索框吸附键盘

搜索出现在键盘上不直观

草稿方案 1

2/翻页聚合在搜索内

翻页在顶部，操作成本高

草稿方案 2

3/搜索，翻页独立

用户输入搜索词后，操作更沉浸更便捷

最终方案

Solution / 14

编辑标题打磨

1/点击后原地编辑

可快速编辑题目，但容易误触

草稿方案

2/点击后弹窗编辑

标题可由 AI 生成，标题编辑属于低频操作，弹窗同时保障长文本可读

最终方案

Solution / 15

区分发言人打磨

大多数竞品

需要选择人数，但也支持自动

CE

用户可能知道有多少参会人，但在一个会上很难确定有多少人发言过

Solution / 16

智能标题经验复用

全是默认命名

会议录制文件完全重复，录音也只有时间信息，查找效率低

腾讯会议原设计

传输后更新智能命名

专用小模型处理，速度更快，不用手动开启，不用等待 loading

新版方案

Solution / 17

登录流程经验复用 VooV

自查 VOOV 问题：谷歌账号不能记住 + 忘记密码位置调整（盖住了小眼睛）+ 未提示上一次登录方式 + 邮箱需要提交后才校验格式

Solution / 18

上传日志流程复用腾讯会议

会议的工具版本已被内部人员多次使用，培养了用户习惯，但整体风格比较老旧

Solution / 19

组件复用 iOS 原生组件

省去开发成本的同时，更加贴近海外用户使用习惯

系统分享组件

支持多维度的分享和保存到本地

头像修改组件

可以上传或者拍摄照片

Solution / 20

帮助中心简化

收录关键 FAQ，补充邮箱的联系方式，满足用户核心需求，且页面由 H5 承接，可即时更新

Reflection / 21

整个项目做了什么

需求推进

设计推进

01

和项目保持高度信息对齐

01

首页/详情页 多方案认真打磨，持续 CE 优化

02

和开发用草稿沟通

02

登录/上传日志/系统组件 复用已有内容

03

和厂商用文档沟通

03

帮助中心/侧边栏 尽量简化

04

快速 CE 推进卡点

Reflection / 22

最后的心得体会

善于利用手边的替代资源

01

用户测试的时候找的是留学过的同事，留子当替代用户

02

找到 IOS 组件和之前开发过的内容，针对性的优化复用

小版本定包

01

项目最后没有上线，因为会议整个人力都往元宝迁移了

02

封闭项目可以尽快小步快跑，MVP 拆成内部可用的小包

感谢你的观看