line icon

微信红包群关于QQ 8.0语音音讯改版规划和它的策划故事

2019-06-27 09:13
831次

微信红包群关于QQ 8.0语音音讯改版规划和它的策划故事


4月16日QQ语音音讯新特性突然登上微博热搜,QQ铁粉瞬间集结。是什么让129万人为QQ花式/虹屁?为何微信却被吃瓜大众疯狂艾特?现在,让我为你揭秘QQ语音音讯改版的规划旅程。

QQ 8.0语音音讯改版规划和它的策划故事1


回归交流:语音音讯能否更便利

QQ现已陪伴了大家20年,可是咱们仍然在持续考虑怎样让用户的交流愈加高效。语音作为人与人之间最天然的交流方法,也不断引起咱们对现有体会的反思。是否语音音讯只能采纳这种经典的气泡体会?

QQ vs 微信:


QQ 8.0语音音讯改版规划和它的策划故事2


现有的这些点击播映的语音气泡真的满意了一切用户需求吗?emm…


总结一下:发送语音一时爽,接纳语音想撞墙。


针对这些用户声响,业内已有一些处理方案。可是其目标用户量和场景远没有QQ这样丰富。在此次改版中,咱们回归QQ本身,探究在QQ语音音讯场景中存在的那些痛点。


面临这些痛点,此次改版将需求聚集在:

长语音被打断能够重听;

识别有用的语音片段;

要点语音片段重复收听。

功用层面上,咱们将经过提供语音的暂停和进展拖拽才能,并可视化音量,以满意语音接纳者的运用功率需求。在体会层面上,语音作为用户的高频交流操作,其规划有必要满意QQ8.0中精美这一规划准则,给用户带来极致体会。


体会规划:打磨精美的语音音讯进展体会

美好体会,从第一眼开端。


1. 易学性:让功用愈加直觉化

“这么简略的操作,用户试一次就知道怎样用了吧!”


QQ拥有广泛的用户群,一切功用都要尽量下降用户的学习本钱。更何况因为没有其他国民级APP的类似特性能够类比,对用户来说语音进展调节不只是一个新功用,更是一种新模式。在这种布景下,功用的易学性显得尤为重要。


怎样让用户一眼就明白语音音讯能够暂停并拖动呢?怎样让操作愈加直觉化?咱们不妨从用户熟悉的事物下手,进行联想。


暂停和拖动在语音中不常见,但它却是播映器的通用功用。在播映器规划中,有三个用户行为引导的关键素:


按钮—播映和暂停的指示;

游标—拖动指示;

颜色—进展指示。

本次语音气泡的规划中,咱们依旧沿用了按钮、游标、颜色作为指示性素。


可是这些素的加入无疑会加剧气泡内的信息担负,并且当一起出现多个语音气泡时,咱们愈加需求确保聊天页面有恰当的信息密度。因而在声纹款式规划中,降噪成为了关键。在发散了多种款式后,咱们终究挑选了这种精约的声纹形态。它既能很好的展示进展信息,又能够平衡气泡内的信息密度,让QQ多样化的用户群都能对语音进展拖拽有更直觉化的操作。


2. 精确or美:直观体会至上

“声纹是程序直接生成的,难道还需求规划?”


盆友,买家秀和卖家秀了解一下?


出现精确音量的声纹无法满意咱们预期中的流通视觉体会,反而会让用户感觉到多变声纹信息带来的压力。回归规划目标,声纹是为了协助用户识别有用语音片段,因而有声响和无声响的声纹比照很重要。这也意味着关于正常音量区间的声响,咱们能够恰当献身精确性以确保杰出的视觉体会。


在收集了很多用户真实语音声纹后,咱们发现最“丑”声纹来自于两类声响。一类是当用户语音接连到达最大音量时,很多声纹到达最高高度并撑满语音气泡,这种现象常发生在用户对着手机收音孔处说话的场景中。


为了处理这个问题,咱们将到达最大音量的声纹高度进行削减。被削减的高度按照正弦曲线做随机值,再加回到这些声纹的上方。经过这样的优化后,一切到达最高值的声纹,都能够在顶部产生流通的曲线。


另一类“丑”声纹则来自于音量忽高忽低形成的声纹高度跳变。这是因为人们说话是非接连的,会存在语气词和用户考虑的沉默点。处理这个问题的关键是,让高声纹和低声纹之间的落差削减,因而咱们定义当相邻声纹高度差超过50%时,就对这两个声纹高度做平滑处理,确保一切音量的声纹都有流通的过渡。


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


不止拖拽,更要痛快感触

1. 更大的呼应区域

点击拖拽是惯例操作,调用体系交互就好了吧?


拖拽的确惯例,可是在功用之外,咱们能否让用户的操作体会更痛快呢?


痛快意味着无拘无束,翻译成交互语言就是要赋予用户更大的操作区域,可是咱们的手指宽度和控件大小有时难以匹配。


例如:8.0UI改版后的语音气泡高度为118px,而成人手指的宽度规模则在110px-180px。如果拖拽只能在气泡规模内进行,就意味着用户需小心谨慎地去操作。为了实现“无拘无束”的拖拽体会,咱们依据用户的行为阶段对呼应规模进行了两次扩大。


第一次扩大:开端拖动阶段,扩大触发拖动的规模。拖拽事件的触发规模由气泡本身扩大到气泡的外边缘区域。


第2次扩大:拖拽中,拖动行为的呼应规模扩大到全屏。一旦用户触发拖拽,体系将屏蔽聊天页面的一切操作,包括右滑返回、上下翻滚和页面内的一切点击操作。确保用户在手指未离开屏幕的前提下,能够在整个页面规模内控制进展拖拽。


一方面用户不再需求沿着气泡的小小区域去拖拽,体会愈加顺利;

另一方面这也能够削减手指关于气泡的遮挡,让用户更好的看清楚当前进展。


QQ 8.0语音音讯改版规划和它的策划故事3

2. 更合理的气泡长度改动规矩

“语音越长,气泡越长,so easy~”


气泡越长代表语音越长,但你或许没注意过,其实气泡长度是随着语音时长呈线性改动。这个原本运转杰出的规矩,在加入了拖拽功用后却出现了问题。


从灰度用户的数据来看,大部分用户的语音时长在10s以内。此时语音气泡较短,非常不易于进行拖拽。所以咱们既需求短语音气泡变长,又要确保用户能够感知到气泡始终随着时长增加而变长。在气泡最大长度无法改动的前提下,有必要改动原有的线性改动规则,转变为更精密的分阶段的曲线改动。


阶段1:斜率逐步增加的曲线。此阶段对应着短时长语音,也是用户的高频运用场景,因而该阶段气泡长度随语音时长的增加需求愈加明显;

阶段2:斜率逐步减小的曲线。此阶段对应的长语音是低频场景,此时气泡长度随语音时长改动的反应能够恰当放缓;

阶段3:到达气泡长度最大值,不再改动,此时为超长语音阶段,用户现已不需求经过气泡长度来判断语音时长。

运用愈加精密的气泡长度改动规则,让用户的高频语音音讯更好拖拽。


懂你所需,为你规划

完毕了吗,有没有one more thing?


至此,语音音讯的改版规划好像现已完毕,但咱们关于规划的追求不止于此。语音进展调节只是语音音讯体会中的一个小小功用。咱们期望经过这些精美交心的体会规划,让用户产生一种感觉——QQ懂我。因为懂你,所以期望为你的交流做更多事情。


关于语音音讯,规划团队也在发散更多靠近用户真实生活的场景。


愈加靠近场景的体会。未来咱们是否能够利用传感器检测到用户所处的环境和状况,依据不同的环境和用户行为状况,确认这些音讯是以语音还是文本显现。

愈加丰富的语音表达。语音比文本承载了更多的情感信息,根据这个特点,咱们能否经过特殊声响修改、视觉化表达、手机触感等方法,协助发送方传达愈加丰富的信息。

无障碍化体会。关于视障人群、运动障碍人群、老年人集体来说,语音是很好的交流挑选。咱们是否能够更进一步,经过语音指令更好的协助他们运用QQ… 做最懂你的语音音讯,咱们还在持续。


未来可期:最美的QQ正在路上

QQ新版语音气泡iOS上线当天喜提微博热搜。看到用户们的花式夸奖,咱们的心情美滋滋。但一起网络上也出现了一些负面的点评,这些声响也在鞭策规划团队持续打磨语音音讯体会。


一花一国际,一树一菩提。语音音讯气泡改版只是体会升级的第一步,但它能够折射出整个QQ8.0版本所遵循的规划准则:降噪、活力和精美。沿着这些准则,咱们依旧在打造最美QQ的路上奋力前行。