4 月 16 日 QQ 语音消息新特性突然登微博搜，QQ 铁粉瞬间集结。什么让 129 万人 QQ 花式彩虹屁？何微信却被吃瓜群众疯狂艾特？，让我揭秘 QQ 语音消息改版的设旅程。
QQ 已陪伴了家 20 ，但我们仍然持续思考怎样让用户的沟通加高效。语音作人与人之间自然的交流方式，也不断引起我们对体验的反思。否语音消息只能采取这种典的气泡体验？
的这些点击播的语音气泡真的满足了所用户需求吗？
总结一下：发送语音一时爽，接收语音撞墙。
针对这些户声音，已有一些解决方案。但是目标户量和场景远没有 QQ 这样丰富。在此次改版中，我们归 QQ 本身，探索在 QQ 语音消息场景中存在的那些痛点。
面对这些痛点，此次改版将需求聚焦在：
- 语音被打断可以重听
- 识别有效的语音片
- 重点语音段反复收听
功层面上，我们将通过供语音的暂停和进拖拽，并可视音量，满足语音接收者的使效率需求。在体验层面上，语音作为户的频沟通操作，设计必须满足 QQ 8.0 中精致这一设计原则，给户带来极致体验。
1. 美好体验，从第一眼开始
易学性──让功能更加觉化
「这么简单操作，用户试知怎么用了吧！」
QQ 拥广泛的用户群，所功能都尽降低用户的学习本。何况由于其他民级 APP 的相似特性可以类比，对用户语音度调节不只一新功能，一种新模式。这种背景下，功能的易学性显得尤重。怎样让用户一眼就明白语音消息可以暂停并拖动呢？怎样让操作加直觉化？我们不妨从用户熟悉的事入手，行联。
暂停和拖在语音中见，但它却是播放器的通功。在播放器设计中，有个户行为引导的键元素：按钮──播放和暂停的指示；游标──拖动指示；颜色──进度指示。本语音泡设计，我们依旧沿用了按钮、游标、色作为指示性元素。
是这些元素加入疑会加泡内信息负担。并时出现多个语音泡时，我们更加需要保证聊天页有适信息密度。此在声纹样设计，降噪成为了关键。在发散了多样后，我们最终选择了这简约声纹形态。它既能很好地展示进度信息，又可以平衡泡内信息密度，让 QQ 多样化用户群都能语音进度拖拽有更觉化操作。
准确or美──直观验至上
「声纹是程序直接生成的，难道还需要设计？」
买家秀和家秀了解一下？
呈现准确音量的声纹无法足预期中的流畅视觉体验，反而会让用户觉多变声纹息带来的压力。回归计目标，声纹是为了帮助用户识别有效语音片段，因此有声音和无声音的声纹对比重要。这也味着对于正常音量间的声音，可以适当牺牲准确性以确保良好的视觉体验。
在收了大量用户真实语音声纹后，我们发现最「丑」声纹来自于两类声音。类是用户语音连续到最大音量时，大量声纹到最高高度并撑满语音泡。这现象常发生在用户着手收音孔处说话场景。为了解决这个问题，我们将到最大音量声纹高度进削减。被削减高度按照正弦曲线做随值，再加回到这些声纹上。经过这样优化后，所有到最高值声纹都能够在顶部生流畅曲线。
另类「丑」声纹则来自于音量忽高忽低造成声纹高度跳变。这是由于们说话是连续，会存在语词和用户思考沉默。解决这个问题关键是让高声纹和低声纹落减少。此我们定义相邻声纹高度过 50% 时，这两个声纹高度做平滑处理，保证所有音量声纹都有流畅过渡。
经过与品和开发团队多轮参数调后，这些精心优化后声纹可以让用户论怎样说话都能「看到」自己最美语音。
2. 不止拖拽，更要畅快感受
更大的响应域
「点击拖拽是常规操作，调用系统交互就好了吧？」
拖拽确常规，是在功能，我们能否让用户操作体验更畅快呢？
畅意无拘无束，翻译交互语言就赋予用户的操作区域。但我们的手指宽度控件小时难以匹配。例如，8.0 UI 改版后的语音气泡高度 118px，人手指的宽度范围则 110px-180px。如果拖拽只能气泡范围内行，就意用户需小翼翼去操作。了实「无拘无束」的拖拽体验，我们根据用户的行阶段对响应范围行了两次。
第一次：始拖动阶段，触发拖动的范围。拖拽事件的触发范围由气泡本身扩到气泡的外区域。
第二次：拖拽中，拖动行的响应范围扩到全屏。一旦用户触发拖拽，系统将屏蔽聊天页面的所操作，包括右滑返回、下滚动页面内的所点击操作。确保用户手指未离屏幕的提下，可以整页面范围内控制度拖拽。一方面用户不再需沿气泡的小小区域去拖拽，体验加顺畅；另一方面这也可以减少手指对于气泡的遮挡，让用户好看清楚当度。
更合理泡长度变化规则
「语音越长，泡越长，so easy~」
气泡越表语音越。但可能注意过，其实气泡度随语音时呈线性变化。这本运行良好的规则加入了拖拽功能后却出了问题。从灰度用户的数据看，部分用户的语音时 10s 以内。此时语音气泡较短，十分不易于行拖拽。所以我们既需短语音气泡变，又保证用户可以感知到气泡始终随时增变。气泡度无法改变的提下，必须改变原的线性变化规律，转变精细的分阶段的曲线变化。
阶段1：斜率逐渐增加的曲线。此阶段对应短时语音，也用户的高频使用场景。因此该阶段气泡度随语音时的增需加明显。阶段2：斜率逐渐减小的曲线。此阶段对应的语音低频场景，此时气泡度随语音时变化的反馈可以当缓。阶段3：达到气泡度，不再变化。此时超语音阶段，用户已不需通过气泡度判断语音时。
更精细的气泡长变规律，户的频语音消息更好拖拽。
3. 懂你所需，为你设计
「结束了吗，有没有 one more thing？」
至此，语音消息的改版设计似乎已经结束，但我们对设计的追求不止此。语音进度节只是语音消息验中的一个小小功能。我们希望通精致贴心的验设计，让用户产生一种感──QQ 懂。因为懂你，所以希望为你的沟通做更多事情。
关于语音消息，设计团队也在发散更多贴近用户真实生活场景。
- 更加贴近景的体验。未来是否可以利用传器检测用户所的环和状，根据不同的环和用户行为状，确定这些消息是以语音还是文本显示。
- 更加丰富语音表。语音比文本承载了更多情感信息，基于这个属性，我们能否过特殊声音编辑、视觉化表、手触感等，帮助发送传更加丰富信息。
- 无障碍化体验。对于视障人群、运动障碍人群、老人群体，语音很好的沟通选择。我们否能够一，通过语音指令好协他们使用 QQ。
做最懂你语音消息，我们在继续。
QQ 新版语音气泡 iOS 上线当喜提博热搜。用户的花式夸奖，的心情美滋滋。但同网络上也出现了一些负面的评价，这些声音也在鞭策计队持续磨语音消息体验。
花世界，树菩提。语音消息泡改版是体验升级第步，它可以折射出个 QQ 8.0 版本所遵循设计原则：降噪、生和精致。沿着这些原则，我们依旧在打造最美 QQ 路上奋力前。
什么，还下载手机 QQ 8.0？那岂不法体验到史简洁的 QQ 页面，也不能发底部 tab 小惊喜了？法知道我们的语音消息马就支持 XX XX 两超赞功能（顶级机密，手动打码）。
扫码载，即刻体验手机 QQ 8.0。
注「腾讯ISUX」的公众：
浙公网安备33011002017549号