基于Chromium的Edge目前已經(jīng)超過Firefox,成為僅次于Chrome的第二大桌面瀏覽器。它之所以能如此深受用戶青睞,除了跟進(jìn)Chromium獲得諸多卓越特性之外,更在于微軟對(duì)這款瀏覽器的精細(xì)化打磨,尤其是對(duì)頁面滾動(dòng)特性的深入研究,而且相關(guān)特性被推廣到Chrome中。
滾動(dòng)是最常見的用戶交互方式之一,無論多么好的瀏覽器,糟糕的滾動(dòng)都會(huì)毀掉任何體驗(yàn)。那么如何才能打造出優(yōu)秀的滾動(dòng)體驗(yàn)?zāi)??微軟在最新的Windows博客中進(jìn)行了詳細(xì)介紹。文章中表示無論用戶使用哪種輸入方式,都需要他們的滾動(dòng)體驗(yàn)是快速和響應(yīng)性。
個(gè)性和性能
在Edge Canary通道版本發(fā)布之初,微軟收到的1000多條反饋意見中,其中大部分都是關(guān)于改進(jìn)滾動(dòng)特性的建設(shè)性意見。這使得微軟非常重視滾動(dòng)的個(gè)性和性能,包括改變Edge Chromium在Windows中的工作方式,以更好地匹配Windows的 “個(gè)性”。
微軟根據(jù)反饋:
● 41%的反饋與我們所說的滾動(dòng) “個(gè)性”或滾動(dòng)的感覺有關(guān)。
● 39%的反饋與功能問題有關(guān),即滾動(dòng)不能按預(yù)期的方式工作。
● 13%的反饋涉及到具體的性能問題,如漏幀、結(jié)巴或響應(yīng)性等。
● 5%的反饋涉及到PDF滾動(dòng)的問題。
● 2%的反饋不屬于之前的任何一種。
改良:
基于這樣的反饋,為了改善用戶體驗(yàn),微軟已經(jīng)對(duì)Edge Chromium進(jìn)行了一些改動(dòng),通過對(duì)Chromium代碼進(jìn)行改進(jìn),已經(jīng)實(shí)施了一些重大的改動(dòng),供用戶嘗試。
其中最顯著的一些變化包括:
● 改進(jìn)后的動(dòng)畫曲線,讓每一個(gè)鼠標(biāo)滾輪、鍵盤或滾動(dòng)條的滾動(dòng)都有了上一版Edge中常見的 “流暢 ”個(gè)性,并賦予了動(dòng)畫更多的手感。
● 基于百分比的滾動(dòng),讓更小的滾動(dòng)條更容易瀏覽。
● Overscroll彈跳,也就是 “橡皮筋”,由于用戶相比之下更喜歡這種彈跳,所以升級(jí)到了71%。
從舊Edge遷移到新Edge
雖然上述的改變給新的Edge Chromium帶來了許多用戶最喜歡的功能,但微軟也表示,他們正在重新評(píng)估現(xiàn)有的其他滾動(dòng)行為,而這些滾動(dòng)行為并不那么受歡迎。例如,微軟的團(tuán)隊(duì)對(duì)scroll chaining(經(jīng)典版Edge中使用的)與scroll latching (Chromium版本中所)進(jìn)行了比較,微軟指出,97%以上的用戶更喜歡scroll chaining的滾動(dòng)特性。
第二個(gè)例子是Fling Boosting。 Fling Boosting是Chromium中已經(jīng)包含的一個(gè)功能,它允許用戶通過多次翻動(dòng)來提高上下移動(dòng)的速度,直到到達(dá)頁面的頂部或底部。
此前,微軟Edge推出了自己的概念--Quick Flick,用戶使用快速翻轉(zhuǎn)的方式來進(jìn)行上下移動(dòng),但在用戶研究中發(fā)現(xiàn),大多數(shù)用戶無法準(zhǔn)確地重現(xiàn)這個(gè)動(dòng)作,所以他們不會(huì)用這個(gè)動(dòng)作取代Floosting Boosting。
下一步是什么
微軟的目標(biāo)是將微軟Edge和Chromium的精華整合在一起,創(chuàng)造出市場上最好的瀏覽器體驗(yàn)。雖然作為普通用戶并不太關(guān)注滾動(dòng)特性上的技術(shù)細(xì)節(jié),但微軟會(huì)不斷傾聽用戶的意見,并希望不斷改進(jìn)他們的瀏覽器。
責(zé)任編輯:wv
-
微軟
+關(guān)注
關(guān)注
4文章
6743瀏覽量
107931 -
EDGE
+關(guān)注
關(guān)注
0文章
191瀏覽量
44155
發(fā)布評(píng)論請(qǐng)先 登錄
商湯科技美顏Agent正式上線
貿(mào)澤推出電機(jī)控制資源中心 助力工程師打造出色的電子設(shè)計(jì)
小鵬人形機(jī)器人IRON為什么這么像人
是德示波器DSOX1202滾動(dòng)模式設(shè)置指南
中軟國際基于華為MetaERP打造新型ERP解決方案
NVIDIA DRIVE AGX Thor開發(fā)者套件重磅發(fā)布
智銳通 HLC-6009:重塑移動(dòng) C 型臂性能新標(biāo)桿
【HarmonyOS 5】鴻蒙頁面和組件生命周期函數(shù)
HarmonyOS實(shí)戰(zhàn):快速實(shí)現(xiàn)一個(gè)上下滾動(dòng)的廣告控件
是德示波器EXR604A滾動(dòng)模式設(shè)置指南
是德示波器DSOX3012A滾動(dòng)模式設(shè)置指南
Keysight是德示波器滾動(dòng)模式設(shè)置指南
電機(jī)繞組滾動(dòng)烘干爐防爆安全技術(shù)探討
是德示波器滾動(dòng)模式設(shè)置指南
微軟是如何打造出如此優(yōu)秀的頁面滾動(dòng)體驗(yàn)?
評(píng)論