微软是如何打造出如此优秀的页面滚动体验?

电子说

1.3w人已加入

描述

基于Chromium的Edge目前已经超过Firefox,成为仅次于Chrome的第二大桌面浏览器。它之所以能如此深受用户青睐,除了跟进Chromium获得诸多卓越特性之外,更在于微软对这款浏览器的精细化打磨,尤其是对页面滚动特性的深入研究,而且相关特性被推广到Chrome中。

滚动是最常见的用户交互方式之一,无论多么好的浏览器,糟糕的滚动都会毁掉任何体验。那么如何才能打造出优秀的滚动体验呢?微软在最新的Windows博客中进行了详细介绍。文章中表示无论用户使用哪种输入方式,都需要他们的滚动体验是快速和响应性。

个性和性能

在Edge Canary通道版本发布之初,微软收到的1000多条反馈意见中,其中大部分都是关于改进滚动特性的建设性意见。这使得微软非常重视滚动的个性和性能,包括改变Edge Chromium在Windows中的工作方式,以更好地匹配Windows的 “个性”。

微软根据反馈:

● 41%的反馈与我们所说的滚动 “个性”或滚动的感觉有关。

● 39%的反馈与功能问题有关,即滚动不能按预期的方式工作。

● 13%的反馈涉及到具体的性能问题,如漏帧、结巴或响应性等。

● 5%的反馈涉及到PDF滚动的问题。

● 2%的反馈不属于之前的任何一种。

改良:

基于这样的反馈,为了改善用户体验,微软已经对Edge Chromium进行了一些改动,通过对Chromium代码进行改进,已经实施了一些重大的改动,供用户尝试。

其中最显著的一些变化包括:

● 改进后的动画曲线,让每一个鼠标滚轮、键盘或滚动条的滚动都有了上一版Edge中常见的 “流畅 ”个性,并赋予了动画更多的手感。

● 基于百分比的滚动,让更小的滚动条更容易浏览。

● Overscroll弹跳,也就是 “橡皮筋”,由于用户相比之下更喜欢这种弹跳,所以升级到了71%。

从旧Edge迁移到新Edge

虽然上述的改变给新的Edge Chromium带来了许多用户最喜欢的功能,但微软也表示,他们正在重新评估现有的其他滚动行为,而这些滚动行为并不那么受欢迎。例如,微软的团队对scroll chaining(经典版Edge中使用的)与scroll latching (Chromium版本中所)进行了比较,微软指出,97%以上的用户更喜欢scroll chaining的滚动特性。

第二个例子是Fling Boosting。 Fling Boosting是Chromium中已经包含的一个功能,它允许用户通过多次翻动来提高上下移动的速度,直到到达页面的顶部或底部。

此前,微软Edge推出了自己的概念--Quick Flick,用户使用快速翻转的方式来进行上下移动,但在用户研究中发现,大多数用户无法准确地重现这个动作,所以他们不会用这个动作取代Floosting Boosting。

下一步是什么

微软的目标是将微软Edge和Chromium的精华整合在一起,创造出市场上最好的浏览器体验。虽然作为普通用户并不太关注滚动特性上的技术细节,但微软会不断倾听用户的意见,并希望不断改进他们的浏览器。
      责任编辑:wv

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分