温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
手Q语音消息改版背后的功能设计思路。一引言2019年4月16日,QQ语音消息新特性突然登上微博热搜,QQ铁粉瞬间集结,是什么让129万人为QQ花式彩虹屁?为何微信却被吃瓜群众疯狂@现在让我为你揭秘QQ语音消息改版的设计旅程。二回归沟通语音消息能否更方便?QQ已经陪伴了大家20年,但是我们仍然在持续思考怎样让用户的沟通更加高效?语音作为人与人之间最自然的交流方式,也不断引起我们对现有体验的反思。是否语音消息只能采取这种经典的气泡体验?现有的这些点击播放的语音气泡真的满足了所有用户需求吗?A, 面对这些痛点,此次改版将需求聚焦在一场语音被打断可以重听,二、识别有效的语音片段,三、重点语音片段反复收听。对于QQ8.0此次对语音消息功能的改进目标,一、功能层面上,我们将通过提供语音的暂停进度、拖曳能力,并可视化音量,以满足语音接收者的使用效率需求,二、在体验层面上。
01:17
语音作为用户的高频沟通操作,其设计必须满足QQ8.0中精致这一设计原则,给用户带来极致体验。三、易学性让功能更加直觉化。本次语音气泡的设计中,我们依旧沿用了按钮、游标色彩作为指示性元素。在发散了多种样式后,我们最终选择了这种简约的声纹形态,它既能很好地展示进度信息,又可以平衡气泡内的信息密度,让QQ多样化的用户群都能对语音进度拖曳有更直觉化的操作。4准确or may直观体验至上。呈现准确音量的声纹无法满足我们预期中的流畅视觉体验,反而会让用户感觉到多变声纹信息带来的压力。这也意味着,对于正常音量区间的声音,我们可以适当牺牲准确性,以确保良好的视觉体验。当用户语音连续达到最大音量时,大量声纹达到最高高度并撑满语音气泡。
02:19
为了解决这个问题,我们将达到最大音量的声纹高度进行削减。另一类丑声纹则来自于音量忽高忽低造成的声纹高度跳变。这是由于人们说话是非连续的,会存在语气词和用户思考的沉默点。解决这个问题的关键是让高声文和低声文之间的落差减少。因此,我们定义,当相邻声纹高度差超过50%时,就对这两个声纹高度做平滑处理,保证所有音量的声纹都有流畅的过渡。5更大的响应区域拖曳的确常规,但是在功能之外,我们能否让用户的操作体验更畅快呢?为了实现无拘无束的拖曳体验,我们根据用户的行为阶段对响应范围进行了两次放大。
03:07
第一次放大开始拖动阶段,放大触发拖动的范围,脱液事件的触发范围由气泡本身扩大到气泡的外边缘区域。第二次放大唾液中拖动行为的响应范围扩大到全屏。6更合理的气泡长度变化规则运用更加精细的气泡长度变化规律,让用户的高频语音消息更好拖曳。7、未来可期,最美的Q正在路上。
我来说两句