qq代码大全(qq代码大全可复制黑客)

4月16日，QQ语音消息新功能突然登上微博热搜，QQ铁粉瞬间聚集。是什么让129万人变成QQ花式彩虹屁？微信为什么被人疯狂吃Ait？现在，让我为你揭示QQ语音消息改版的设计之旅。

回归沟通:语音消息能更方便吗？

QQ陪伴了你20年，但我们还在思考如何让用户的沟通更高效。语音作为人与人之间最自然的交流方式，不断引起我们对现有经验的反思。语音消息只能带这种经典的泡泡体验吗？

现有的点击播放语音泡泡真的满足所有用户的需求吗？emm…

总结一下:发语音很好玩，但是收到语音就想撞墙。

对于这些用户的心声，业内也有一些解决方案。但它的目标用户和场景远不如QQ的丰富。本次改版，我们回归QQ本身，探讨QQ语音消息场景中的痛点。

面对这些棘手问题，此次修订侧重于:

长语音被打断可以重听；识别有效的语音片段；重点语音片段反复收听。

在功能层面，我们将提供暂停和拖动语音进度的功能，并可视化音量以满足语音接收方的效率需求。体验层面，作为用户的高频交流操作，语音的设计必须符合QQ8.0中精致的设计原则，给用户带来极致的体验。

体验设计:打磨精致的语音留言进度体验。

美好的体验，从第一眼开始。

1.简单易学:让功能更直观。

“这么简单的操作，用户用一次就知道了！”

QQ拥有广泛的用户基础，所有功能都要尽量降低用户的学习成本。更何况，由于没有其他国民级app的类似功能，语音进度调节不仅是一项新功能，也是用户的一种新模式。在这种背景下，易学功能就显得尤为重要。

如何让用户一目了然的知道语音消息可以暂停拖动？如何让操作更直观？我们不妨从用户熟悉的东西入手，进行联想。

暂停和拖动在语音中并不常见，但却是播放器的常见功能。在播放器设计中，用户行为引导有三个关键要素:

按钮—播放和暂停的指示；游标—拖动指示；颜色—进度指示。

在这个语音气泡的设计中，我们仍然使用按钮、光标和颜色作为指示元素。

但是这些元素的加入无疑会增加气泡中的信息负担，而且当多个语音气泡同时出现时，我们需要保证聊天页面有一个合适的信息密度。因此，降噪成为声纹设计中的关键。经过各种风格的传播，我们最终选择了这种简单的声纹形式。既能很好的显示进度信息，又能平衡气泡中的信息密度，让多样化的QQ用户对语音进度拖拽有更直观的操作。

2.准确还是美观:直觉体验是最重要的。

“声纹是程序直接生成的。还需要设计吗？”

朋友，买家秀和卖家秀？

音量精准的声纹并不能满足我们对流畅视觉体验的期待，反而会让用户感受到多变的声纹信息带来的压力。回归到设计目标，声纹是帮助用户识别有效的语音片段，所以声纹和无声声纹的对比很重要。这也意味着，对于正常音量范围内的声音，我们可以适当牺牲准确度来保证良好的视觉体验。

在收集了大量用户的真实语音声纹后，我们发现最丑的声纹来自两种声音。一种是当用户的声音连续达到最大音量时，大量声纹达到最大高度，填满语音气泡。这种现象经常发生在用户对着手机听筒孔说话的场景中。

为了解决这个问题，我们把声纹高度切到最大音量。根据正弦曲线随机计算切割高度，然后加回到这些声纹的顶部。经过这种优化后，所有最高值的声纹都可以在顶部产生平滑的曲线。

另一种“难看”的声纹，来自于音量高低导致的声纹高度跳跃。这是因为人的说话是不连续的，会有语气词和使用者思维的沉默点。解决这个问题的关键是缩小高声纹和低声纹之间的差距。所以我们定义，当相邻声纹之间的高度差超过50%时，将对两个声纹进行平滑处理，以保证所有音量的声纹平滑过渡。

经过与产品和开发团队的多轮参数调整，这些精心优化的声纹让用户无论怎么说话，都能“看到”自己最美的声音。

不仅拖沓，还觉得无忧无虑。

1.更大的响应区域

点击拖动是常规操作，就叫系统交互吧？

拖拽很正常，但是我们能不能让用户的操作体验在功能之外更加愉悦呢？

无忧无虑就是自由，翻译成交互语言就是给用户更大的操作区域。但是，我们的手指宽度和控件大小有时很难匹配。

比如8.0UI改版后的语音泡泡高度是118px，而成人手指的宽度范围是110px-180px。如果只能在气泡范围内进行拖动，说明用户需要谨慎操作。为了实现“无拘无束”的拖拽体验，我们根据用户的行为阶段，将响应范围放大两倍。

第一次放大:开始拖动阶段，放大触发拖动的范围。拖动事件的触发范围从气泡本身扩展到气泡的外边缘区域。

第二次放大:拖动过程中，拖动行为的响应范围扩大到全屏。一旦用户触发拖拽，系统会屏蔽聊天页面的所有操作，包括右滑回、上下滚动、页面内的所有点击。确保用户可以在整个页面中控制进度拖动，而不用用手指离开屏幕。

一方面用户不再需要沿着气泡的小小区域去拖拽，体验更加顺畅；另一方面这也可以减少手指对于气泡的遮挡，让用户更好的看清楚当前进度。

2.更合理的气泡长度变化规律

“声音越长，泡沫越长，好容易~”

泡泡越长，讲话越长，但你可能没注意到。事实上，气泡长度随讲话持续时间线性变化。这条原本运行良好的规则在添加了拖放功能后出现了问题。

根据gray用户的数据，大部分用户的发言时长在10s以内。这时候语音泡短，不容易拖。因此，我们需要短的语音气泡更长，我们需要确保用户可以感知到气泡总是随着时间的推移而变长。在不能改变气泡最大长度的前提下，需要改变原来的线性变化规律，改为更细致的分阶段曲线变化。

第一阶段:坡度逐渐增加的曲线。这个阶段对应的是短时长的语音，对于用户来说也是高频使用场景，所以这个阶段的气泡长度需要随着语音时长的增加更加明显；第二阶段:坡度逐渐减小的曲线。这个阶段对应的长语音是低频场景，气泡长度随语音时长变化的反馈可以适当放慢。阶段3:达到最大气泡长度，不再改变。此时是超长演讲阶段，用户不再需要通过气泡长度来判断演讲时长。使用更细致的气泡长度变化规则，让用户的高频语音消息更好的拖拽。

知道自己需要什么，为自己设计。

结束了吗？还有一件事吗？

至此，语音留言的改版设计似乎已经结束，但我们对设计的追求并不止于此。语音进度调整只是语音消息体验中的一个小功能。我们希望通过这些精致的体验设计，让用户有一种——QQ懂我的感觉。因为了解你，所以希望能为你的沟通多做一点。

关于语音消息，设计团队也在传播更多贴近用户现实生活的场景。

更加贴近场景的体验。未来我们是否可以利用传感器检测到用户所处的环境和状态，根据不同的环境和用户行为状态，确定这些消息是以语音还是文本显示。更加丰富的语音表达。语音比文本承载了更多的情感信息，基于这个属性，我们能否通过特殊声音编辑、视觉化表达、手机触感等方式，帮助发送方传达更加丰富的信息。无障碍化体验。对于视障人群、运动障碍人群、老年人群体来说，语音是很好的沟通选择。我们是否能够更进一步，通过语音指令更好的协助他们使用QQ… 做最懂你的语音消息，我们还在继续。

未来:最美QQ在路上。

QQ语音泡泡iOS新版同日上线，微博热搜被提及。看到用户花里胡哨的赞美，我们感到幸福。但与此同时，网上也有一些负面的评论，这些声音都在督促设计团队不断打磨语音消息体验。

花一世界，一树一菩提。消息泡改版只是体验升级的第一步，却能体现整个QQ版本QQ8.0所遵循的设计原则:降噪、活力、精致。沿着这些原则，我们还在为打造最美QQ而奋斗。

作者:沙素菜，微信官方账号:腾讯isux (id: Tencent _ isux)

资料来源:https://mp.weixin.qq.com/s/JGOIWbf6UnyTIm3kNc_KVg

图片来自腾讯ISUX官网