从滚轮的设置来看浏览器的用户体验

标签:无

一直一来都觉得Firefox的滚轮不给力,滚动实在太慢,读长文非常辛苦。正好今天在做关于滚动的JavaScript特效,顺便就测试了一下部分浏览器的滚动情况。

先说明下,我的鼠标是罗技无限迷你旋貂,操作系统中的滚轮设置是一次滚动3行。然后拿同一个网页做实验,测试每次滚动相差的像素:
Firefox 3.5:57
IE 6:81
Chrome 6:100
Opera 10.5:120
初看上去貌似参差不齐,哪个是比较好的设置呢?当然不是越快越好,不然我就设为一次滚动6行或1屏了。

于是我模拟了下平时的浏览方式,让手指以不感吃力的方式去滚动,一回合共滚动了7次。最符合直觉的情况就是这7次正好能让网页翻了一屏幕。
计算一下就知道,4款浏览器分别是:399、567、700和840。
很明显,Firefox不合格,除非你的屏幕分辨率是640×480的老古董。
IE也好不到哪去,不过考虑到它诞生的年代,还是很符合当时的分辨率的。
而Chrome和Opera哪个更好呢?
从Google Analytics的统计里我知道,大部分人用的是1024×768和1280×800。而Chrome的标题栏+地址栏是60像素高,那么700像素是非常合理的。
再看Opera,它的标题栏+地址栏也是60像素高,自然就没有Chrome合理。
当然,这只能说是符合大多数人而已,毕竟有的人屏幕非常大,例如2560×1600,你要他们也一次滚动一屏幕,那就太不合理了。

于是再考虑一下行高的因素。
拿搜索引擎来说明吧。Google和百度的搜索结果一般是1行标题+2行描述+1行URL,你会发现IE 6的滚轮设置与其搭配得非常好,每次差不多正好一个条目。稍多一点自然是可以的,但是Firefox滚动1次都不能翻完一个条目,这叫用户感觉多累?
再说说我平时用得最多的Google Reader,它的一个条目是25像素高,外加1像素的下边框。有趣的是Chrome在滚动6次时是600像素,在我的屏幕上正好是1屏幕的条目(23个)外加2像素。
其他的浏览器我就没具体去测了,只说下感受:IE 6看Google Reader时文字会乱入;Firefox感觉特吃力,好像滚轮的橡胶卡住了一样;Opera则定位很飘,快速滚动滚轮并让手指离开,会发现网页仍会随惯性往下,几百毫秒后才会稳定下来,不断上下滚动的话效果更加明显。

写了那么多,算是抱怨完我对Firefox主要的不满了。
另一个不用说大家也知道:在新标签中打开链接的设计真TMD操蛋。在大多数现代浏览器都能拖拽链接的时候,Firefox还只能在链接上右键打开菜单,找到第2个菜单项。请问还能找到比这更2的设计么?哪怕把在新窗口中打开放在新标签页下面也好吧,我就不信其他Firefox的用户没抱怨过这个问题,可过了那么多年了,这蛋疼的设计一直没改过,Mozilla真的有去重视用户体验么?

当然,我也知道Firefox的忠实粉丝会说我偏见太大,Firefox可以用插件啊,多插插就好用了。
我只能说Firefox的忠实用户忍受能力都很强,非要逼着自己去适应软件,而不是选择一款适合自己的软件。
其中最让我感到奇葩的一个回答是:你觉得滚轮慢,就用滚动条嘛,我平时浏览网页一般都直接拖滚动条的。对此我只想说:希望Firefox 4的滚动条能弄成100像素宽,不然也太委屈你了。

4条评论 你不来一发么↓ 顺序排列 倒序排列

    向下滚动可载入更多评论,或者点这里禁止自动加载

    想说点什么呢?