0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

工程师邓生 来源:cnBeta.COM 作者:cnBeta.COM 2020-04-03 10:43 次阅读

基于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

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

    关注

    4

    文章

    6643

    浏览量

    104837
  • EDGE
    +关注

    关注

    0

    文章

    182

    浏览量

    42868
收藏 人收藏

    评论

    相关推荐

    主线科技致力于定义智慧物流新范式

    主线科技依托完善的系统设计与功能安全正向开发体系,打造出全栈自研可控、软硬一体的“AiTrucker”L4级自动驾驶系统。
    的头像 发表于 03-11 13:31 11次阅读

    长城汽车联手高德地图打造出行联合创新LAB

    近日,长城汽车与高德地图基于长期良好的合作基础,联手打造的“出行联合创新LAB”正式在保定市长城汽车技术中心揭牌。根据共同约定,双方将通过出行联合创新LAB,发挥各自优势,共同研究、探索基于用户出行
    的头像 发表于 01-07 09:51 263次阅读

    鸿蒙原生页面高性能解决方案上线OpenHarmony社区 助力打造高性能原生应用

    Nodepool、HMrouter和DataCache 三大解决方案,并上架OpenHarmony开源社区分,分别针对应用页面滑动、跳转、首页冷启动等关键性能场景提供高效易用的工具,助力伙伴和开发者打造
    发表于 01-02 18:00

    HarmonyOS Web页面加载的原理和优化方法

    在移动互联网时代,应用的页面渲染速度对于用户体验至关重要。相对于原生页面,Web页面的性能存在多方面的技术挑战。本文以HarmonyOS的ArkWeb组件为基础,介绍了Web页面加载中
    的头像 发表于 12-05 15:14 538次阅读
    HarmonyOS Web<b class='flag-5'>页面</b>加载的原理和优化方法

    将性价比做到极致,阿尔达高能效便携王系列恒温烙铁

    匠心设计的原创优秀恒温烙铁,完美体现了极简主义+实用主义+环保主义三大理念。打造出极致优秀的综合性能与无与伦比的性价比。
    的头像 发表于 11-18 22:48 226次阅读
    将性价比做到极致,阿尔达高能效便携王系列恒温烙铁

    【龙芯2K0300蜂鸟板试用】初了解龙芯2K0300蜂鸟板

    中科秉承“硬件开发、软件开源、方案赋能”的原则打造出来的一套生产工具,面向工控、智能终端等嵌入式领域,可以为合作厂商进行更高效的产品设计和开发提供参考,是龙芯产业生态的重要组成部分。我们期待与更多的生态
    发表于 08-27 20:41

    Linux内核中的页面分配机制

    Linux内核中是如何分配出页面的,如果我们站在CPU的角度去看这个问题,CPU能分配出来的页面是以物理页面为单位的。也就是我们计算机中常讲的分页机制。本文就看下Linux内核是如何管理,释放和分配这些物理
    的头像 发表于 08-07 15:51 417次阅读
    Linux内核中的<b class='flag-5'>页面</b>分配机制

    北京航空航天大学打造出最小太阳能动力微型无人机

    在科技创新的浪潮中,北京航空航天大学再次引领风骚。据最新消息,该校科研团队凭借自主开发的新型静电电机技术,成功打造出全球最轻、尺寸最小的太阳能动力微型无人机——“CoulombFly”,其重量仅为惊人的4.21克,翼展20厘米,实现了在自然光下的持续飞行壮举。
    的头像 发表于 07-19 14:43 1347次阅读

    龙芯2K0300蜂鸟板支持OpenHarmony 4.0 Release版本操作系统

    2K0300蜂鸟开发系统是龙芯中科秉承“硬件开发、软件开源、方案赋能”的原则打造出来的一套生产工具,面向工控、智能终端等嵌入式领域,可以为合作厂商进行更高效的产品设计和开发提供参考,是龙芯产业生态的重要组成部分
    发表于 06-20 10:02

    广东龙芯发布2K0300蜂鸟板,今日正式发售

    开发系统是龙芯中科秉承“硬件开发、软件开源、方案赋能”的原则打造出来的一套生产工具,面向工控、智能终端等嵌入式领域,可以为合作厂商进行更高效的产品设计和开发提供参考,是龙芯产业生态的重要组成部分。我们
    发表于 06-20 10:00

    鸿蒙开发:【页面栈及任务链】

    单个UIAbility组件可以实现多个页面,并在多个页面之间跳转,这种UIAbility组件内部的页面跳转关系称为“页面栈”,由ArkUI框架统一管理,如下图中的UIAbility1
    的头像 发表于 06-14 10:10 552次阅读
    鸿蒙开发:【<b class='flag-5'>页面</b>栈及任务链】

    iPad版微软Word新增页面边框功能,提升文档美观度

    微软公司今日宣布,启动 Microsoft 365 Insider 项目的 iPad 版 Word 应用程序的新功能测试活动——页面边框功能开发完成。此项便利有用的功能有助于提升文档整体美感。
    的头像 发表于 05-18 14:05 673次阅读

    微软应用商店无法下载内容,错误显示“信息检索中”

    用户反映只要试图启动微软应用商店并进行应用安装操作时,页面便立即显示“正在从微软应用商店检索信息”的提示,但是此过程可能会长达数小时之久。
    的头像 发表于 05-14 09:44 770次阅读

    微软建议用户在Windows 10 Build 19045.4353中采用微软账户登录

    微软于近期推出Windows 10预览版Build 19045.4353,并将操作系统中设置应用的页面改版为全新布局,引入了横幅提示,向使用本地账户的用户推荐切换至微软账户登录。
    的头像 发表于 04-19 11:33 609次阅读

    南通通州:构建“1+3+n”梯次产业承载体,打造功能互补协同发展格局

    近些年,通州依托南通高新区作为核心承载区域,附以平潮、石港、金沙等平台作为产业聚集地,其余各街道则定位为特色基地,全力打造出一套功能互补、协同灵活的“1+3+n”梯次产业承载体系。
    的头像 发表于 03-18 10:50 1010次阅读