cover_image

QQ 大更新!语音进度条来了,还有这 5 个新变化

capability微信更新qq语音进度条
凌歌

<p><img class="aligncenter size-full wp-image-1199215" src="https://s3.ifanr.com/wp-content/uploads/2019/04/Rotato-2Snapshot.jpg" alt="" width="1410" height="600" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/Rotato-2Snapshot.jpg 1410w, https://s3.ifanr.com/wp-content/uploads/2019/04/Rotato-2Snapshot-360x153.jpg 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/Rotato-2Snapshot-768x327.jpg 768w, https://s3.ifanr.com/wp-content/uploads/2019/04/Rotato-2Snapshot-1024x436.jpg 1024w" sizes="(max-width: 1410px) 100vw, 1410px" /></p> <p>4 月 13 日,QQ 迎来了 8.0.0 for iOS 的更新。</p> <p>在其 App Store 的更新描述中可以看到,本次更新不仅升级了 QQ 的界面、优化了多人语音和转发消息的体验,<strong>语音消息还支持暂停和进度拖动了</strong>。</p> <p><img class="aligncenter size-full wp-image-1199216" src="https://s3.ifanr.com/wp-content/uploads/2019/04/df.jpg" alt="" width="1000" height="713" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/df.jpg 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/df-360x257.jpg 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/df-768x548.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p>知晓君第一时间对新版本 QQ 进行了一番体验,具体表现如何,就让我们接下来一起看看吧!</p> <h3>界面和图标升级</h3> <h4>1. 登录界面</h4> <p>在升级到 8.0.0 for iOS 版本后,你可以明显看到登录界面中,输入框由之前的横线变为了圆角。当你填写完毕账号密码后,输入框下的灰色箭头会被「点亮」为一个有动态效果的蓝色箭头。</p> <p>看起来更为简约,也更具科技感。</p> <p><img class="aligncenter size-full wp-image-1199165" src="https://s3.ifanr.com/wp-content/uploads/2019/04/2-11.png" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/2-11.png 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/2-11-360x318.png 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/2-11-768x678.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 登录界面对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <h4>2. 消息页面</h4> <p>除了登录界面,在进入 QQ 后你可以明显感受到图标方面的变化。</p> <p>我们将 QQ 统一设置为默认主题,你可以看到在消息页面,你的头像及好友头像缩小,底部菜单图标变化并增加毛玻璃特效;而在点击右上角的「+」后,可以看到功能图标明显增大,并由之前的空心改为实心。</p> <p><img class="aligncenter size-full wp-image-1199166" src="https://s3.ifanr.com/wp-content/uploads/2019/04/3-8.png" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/3-8.png 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/3-8-360x318.png 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/3-8-768x678.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 消息页面对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <h4>3. 个人信息页</h4> <p>原本在消息页面中向右划屏幕,会出现一个未铺满的个人设置页,在最新的 8.0.0 for iOS 中,个人设置页将全屏显示,操作逻辑不变,按钮布局显得更为「大气」——间距增加,图标效果统一,图文更加精致。</p> <p><img class="aligncenter size-full wp-image-1199167" src="https://s3.ifanr.com/wp-content/uploads/2019/04/4-6.png" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/4-6.png 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/4-6-360x318.png 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/4-6-768x678.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 个人设置页对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <h4>4. 聊天界面</h4> <p>不仅是登录界面的输入框变为圆角,聊天界面中的输入框同样变为了圆角。如果你是 QQ 的忠实用户,对于聊天背景颜色的改变,你可能会有一些不适应。</p> <p>除此之外,聊天界面左上角的「聊天设置」图标发生了改变,而在点击进入聊天设置页面后,布局上的改变与个人信息页相似。</p> <p>当你打开 QQ 聊天界面的扩展菜单栏时,你也许还会惊讶于各个图标上的变化,由之前的单一颜色调整为渐变或多彩效果,平添了一丝活泼。</p> <p><img class="aligncenter size-full wp-image-1199181" src="https://s3.ifanr.com/wp-content/uploads/2019/04/8-6.jpg" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/8-6.jpg 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/8-6-360x318.jpg 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/8-6-768x678.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 聊天界面对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <h4>5. 动态页面</h4> <p>动态页面的改变应该会让不少用户喜欢,搜索输入框圆角化,功能间距加大,「附近」和「兴趣部落」显得不再那么瞩目。</p> <p><img class="aligncenter size-full wp-image-1199171" src="https://s3.ifanr.com/wp-content/uploads/2019/04/6-10.jpg" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/6-10.jpg 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/6-10-360x318.jpg 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/6-10-768x678.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 动态页面对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <h4>6. 添加页面</h4> <p>在消息页面点击右上角「+」,选择「加好友/群」将进入添加页面,最新版中「找公众号」选项被移除。</p> <p><img class="aligncenter size-full wp-image-1199174" src="https://s3.ifanr.com/wp-content/uploads/2019/04/6-6.png" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/6-6.png 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/6-6-360x318.png 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/6-6-768x678.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 添加页面对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <p>除了上述页面,设置等页面也有界面上的升级,不再一一详解。</p> <h3>语音消息支持暂停和进度拖动</h3> <p>这项功能的出现实在让人振奋,在微信上期盼已久的「语音进度条」功能,没想到在 QQ 上先行实现了。在体验后,我们将这项功能概括为了以下几点:</p> <ul> <li>语音消息发送时的显示效果改变</li> <li>语音消息以频谱形式展现</li> <li>语音播放时支持暂停</li> <li>语音播放时新增进度条并支持拖动</li> </ul> <p><img class="aligncenter size-full wp-image-1199178" src="https://s3.ifanr.com/wp-content/uploads/2019/04/7-5.png" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/7-5.png 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/7-5-360x318.png 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/7-5-768x678.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 语音消息发送时对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <p>无论你是使用变声、对讲或是录音发送语音消息给对方,或是接收对方的语音消息,都支持以上效果。值得一提的是,通过「变声」发送的语音消息会有几颗小星星作为点缀。</p> <p>具体效果我们做了一个动图进行演示 👇</p> <p><img class="aligncenter size-full wp-image-1199175" src="https://s3.ifanr.com/wp-content/uploads/2019/04/GIF-image-0FACC3C76389-1.gif" alt="" width="360" height="640" /></p> <div class="editor-image-source"> <p>▲ 拖动语音进度条演示</p> </div> <h3>转发图片时预览弹窗不可编辑</h3> <p>App Store 的更新描述里,提到了「优化转发消息的体验」,事实上为了这个「优化」,QQ 舍去了一个实用功能。</p> <p>在 QQ 7.9.9 及以下版本中,你可以在转发图片时对图片进行编辑;但在 QQ 8.0.0 for iOS 中,转发图片操作变得与微信类似,只可以附带留言,无法进行图片编辑。</p> <p><img class="aligncenter size-full wp-image-1199184" src="https://s3.ifanr.com/wp-content/uploads/2019/04/9-4.png" alt="" width="1000" height="883" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/9-4.png 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/9-4-360x318.png 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/9-4-768x678.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 图片转发对比,左为 8.0.0 版,右为 7.9.9 版</p> </div> <div class="editor-section-slice">/////</div> <h3>为什么微信没做「语音进度条」?</h3> <p>去年 2 月开始,网上便盛传微信在内测「语音进度条」功能,持支持态度的用户居多。而从大家对此事的反馈来看,对于几乎满达 60&#8221; 的长语音,大多数人都表示「反感」。</p> <p>但你若在官方出的小程序「微信辟谣助手」中搜索「语音」二字,就可以看到其实同在 2018 年 2 月,微信已经对此作出了辟谣,明确表示并未进行相关功能的内测。</p> <p><img class="aligncenter size-full wp-image-1199187" src="https://s3.ifanr.com/wp-content/uploads/2019/04/WechatIMG1639.jpeg" alt="" width="1000" height="311" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/WechatIMG1639.jpeg 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/WechatIMG1639-360x112.jpeg 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/WechatIMG1639-768x239.jpeg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 网上谣传的微信「语音进度条」功能截图</p> </div> <p>即便用户群体对「语音进度条」呼声非常高,即便去年红极一时的《子弹短信》推出的这项功能受到好评,作为也许是最懂语音消息的社交产品,微信却始终没有动作,这是为什么呢?</p> <p>当然,若只是如上图一样加「语音进度条」,我个人倒认为实在没有什么必要——语音消息并不同于视频,可以对应到帧数,确定你想要拖动到的位置,只能做到「先调到一个位置,试听一段」。</p> <p>QQ 对于这个问题倒是给出了解决方案,即直接改变了语音消息的形态,用频谱(简单理解就是声音越高竖线越长)的展现形式将语音呈现出了「画面感」,便于去定位。</p> <p><img class="aligncenter size-full wp-image-1199207" src="https://s3.ifanr.com/wp-content/uploads/2019/04/dfs.jpg" alt="" width="1000" height="266" srcset="https://s3.ifanr.com/wp-content/uploads/2019/04/dfs.jpg 1000w, https://s3.ifanr.com/wp-content/uploads/2019/04/dfs-360x96.jpg 360w, https://s3.ifanr.com/wp-content/uploads/2019/04/dfs-768x204.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <div class="editor-image-source"> <p>▲ 测试 QQ 语音消息是否为频谱形式</p> </div> <p>这不失为一个好的方法,但在实际应用中,「语音进度条」仍旧是一个低频需求。或许你在复听语音时会比较实用(实际上需要复听可以语音转文字),但若你第一次收到语音,出于好奇心或者担心信息遗漏的责任心,你都会将这段语音听完。</p> <p>没做语音进度条,也与张小龙所推崇的设计原则密切相关。张小龙一直说微信的辞典里没有「克制」,更多的是在做正确的事。在普遍过度营销的大环境下,微信所谓「做正确的事」可能就意味着舍弃很多看上去理所当然的东西。</p>