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

    文章

    6450

    浏览量

    103273
  • EDGE
    +关注

    关注

    0

    文章

    174

    浏览量

    42502
收藏 人收藏

    评论

    相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

    三星显示斥资打造全球首条8.6代IT OLED生产线

    该生产线由三星显示通过对原有L8生产线进行升级改造而来,是全球规模最大的OLED生产线。这也是三星第六条OLED生产线,投产后将打造出全球最高世代的OLED生产工艺。
    的头像 发表于 03-10 14:54 1575次阅读

    大屏拼接器应用案例分享:打造沉浸式展览体验

    览 在某当代艺术展览中,主办方利用大屏拼接器将多幅高清艺术作品无缝拼接在一起,打造出一个超大的艺术画卷。观众站在作品前,仿佛被画中的世界所包围,沉浸其中,感受到了艺术的无限魅力。 案例二:历史回顾展 一个关于城市历史
    的头像 发表于 02-26 15:18 225次阅读

    微软与 OpenAI:携手共创AI新时代

    “我们的首要任务是搭建出色的基础设施, 让OpenAI 可以为开发者们打造出色的模型。”  11 月6日,微软董事长兼首席执行官Satya Nadella 惊喜亮相 OpenAI 首届开发者大会
    的头像 发表于 11-09 10:45 380次阅读
    <b class='flag-5'>微软</b>与 OpenAI:携手共创AI新时代

    如何做一个低抖动的PLL?PLL噪声优化

    Xilinx最新一代UltraScale+ FPGA ^[1]^ 将RF AD/DA、SerDes等系统完美集成在一颗芯片打造出了一个全方位的通信链
    的头像 发表于 10-31 10:02 1096次阅读
    如何做一个低抖动的PLL?PLL噪声优化

    奥比中光与微软联合打造的相机Femto Bolt正式在全球上线开售

    近日,奥比中光与微软联合打造的先进iToF 3D相机Femto Bolt正式在全球范围内上线开售。作为微软官方推荐的Azure Kinect Developer Kit(下称“Azure
    的头像 发表于 10-18 11:34 568次阅读

    跟踪探测,精准打击,打造智能之眼

    打造出色且合格的智慧之眼,标准极为严苛。要能“看的远”,可以清晰探测到既定范围内的目标;要能“看的准”,可以在复杂条件干扰下迅速锁定可疑目标让它无处可逃;还要“看的透”,不仅能在雾霾、雨夜等恶劣环境中发现目标,即使在人眼不可见的无光环境中也要使目标暴露无遗。
    的头像 发表于 09-15 17:02 573次阅读

    STM32 ILI9341驱动TFTLCD屏(五)LCD滚动显示

    下面分别在LCD上实现全屏滚动,单区域滚动,双区域滚动
    发表于 07-27 15:07 3730次阅读
    STM32 ILI9341驱动TFTLCD屏(五)LCD<b class='flag-5'>滚动</b>显示

    商乘并举“破内卷” 亿纬锂能打造出海“新标杆”

    动力电池行业已经进入全球制造、全球合作、全球服务的新时代,世界级电池企业需要商乘并举发力,拓宽市场,支撑高质量出海。
    的头像 发表于 07-08 10:03 609次阅读

    传动滚动功能部件加速“工业母机”新赛道

    1.滚珠丝杠:高端装备国产化之路中的关键零部件 1.1.滚珠丝杠副与直线导轨副共同组成了应用广泛的机械传动装置 滚动功能部件是通过滚动体在接触滚道中的滚动,将传统的滑动摩擦传动形式转换为滚动
    的头像 发表于 07-04 16:03 869次阅读
    传动<b class='flag-5'>滚动</b>功能部件加速“工业母机”新赛道