第二次放大:拖拽中,拖动行为的响应范围扩大到全屏。一旦用户触发拖拽,系统将屏蔽聊天页面的所有操作,包括右滑返回、上下滚动和页面内的所有点击操作。确保用户在手指未离开屏幕的前提下,可以在整个页面范围内控制进度拖拽。
- 一方面用户不再需要沿着气泡的小小区域去拖拽,体验更加顺畅;
- 另一方面这也可以减少手指对于气泡的遮挡,让用户更好的看清楚当前进度。
2. 更合理的气泡长度变化规则
“语音越长,气泡越长,so easy~”
气泡越长代表语音越长,但你可能没注意过,其实气泡长度是随着语音时长呈线性变化。这个本来运行良好的规则,在加入了拖拽功能后却出现了问题。
从灰度用户的数据来看,大部分用户的语音时长在10s以内。此时语音气泡较短,十分不易于进行拖拽。所以我们既需要短语音气泡变长,又要保证用户可以感知到气泡始终随着时长增长而变长。在气泡最大长度无法改变的前提下,必须改变原有的线性变化规律,转变为更精细的分阶段的曲线变化。
- 阶段1:斜率逐渐增加的曲线。此阶段对应着短时长语音,也是用户的高频使用场景,因此该阶段气泡长度随语音时长的增长需要更加明显;
- 阶段2:斜率逐渐减小的曲线。此阶段对应的长语音是低频场景,此时气泡长度随语音时长变化的反馈可以适当放缓;
- 阶段3:达到气泡长度最大值,不再变化,此时为超长语音阶段,用户已经不需要通过气泡长度来判断语音时长。
运用更加精细的气泡长度变化规律,让用户的高频语音消息更好拖拽。
懂你所需,为你设计
结束了吗,有没有one more thing?
至此,语音消息的改版设计似乎已经结束,但我们对于设计的追求不止于此。语音进度调节只是语音消息体验中的一个小小功能。我们希望通过这些精致贴心的体验设计,让用户产生一种感觉——QQ懂我。因为懂你,所以希望为你的沟通做更多事情。
关于语音消息,设计团队也在发散更多贴近用户真实生活的场景。
- 更加贴近场景的体验。未来我们是否可以利用传感器检测到用户所处的环境和状态,根据不同的环境和用户行为状态,确定这些消息是以语音还是文本显示。
- 更加丰富的语音表达。语音比文本承载了更多的情感信息,基于这个属性,我们能否通过特殊声音编辑、视觉化表达、手机触感等方式,帮助发送方传达更加丰富的信息。
- 无障碍化体验。对于视障人群、运动障碍人群、老年人群体来说,语音是很好的沟通选择。我们是否能够更进一步,通过语音指令更好的协助他们使用QQ… 做最懂你的语音消息,我们还在继续。
未来可期:最美的QQ正在路上
QQ新版语音气泡iOS上线当天喜提微博热搜。看到用户们的花式夸奖,我们的心情美滋滋。但同时网络上也出现了一些负面的评价,这些声音也在鞭策设计团队持续打磨语音消息体验。
一花一世界,一树一菩提。语音消息气泡改版只是体验升级的第一步,但它可以折射出整个QQ8.0版本所遵循的设计原则:降噪、生机和精致。沿着这些原则,我们依旧在打造最美QQ的路上奋力前行。
作者:Sha 素菜,公众号:腾讯ISUX(ID:tencent_isux)
来源:https://mp.weixin.qq.com/s/JGOIWbf6UnyTIm3kNc_KVg
题图来自腾讯ISUX官网