Alvan - From the Hermit to the World » 日志 » UE研究之二——鼠标的轨迹
UE研究之二——鼠标的轨迹
Alvan 发表于 2007-03-26 12:03:24
“ 最后要提一下鼠标功能区的问题,我觉得google reader中的Previous Item和Next Item放错了位置”
上一篇提到了鼠标的功能区,这一篇就详细谈一下。
先看图,第一张是IE7的RSS浏览界面,红色框是功能栏,包含了搜索/过滤/排序的基本功能
如果可以记录鼠标移动的轨迹,那么大部分路线都会限定在这个范围内
即便如此,IE7的团队仍然希望简化操作,左侧的浏览界面简明清稀,只用滚轮就能一览无遗,
可以说是UE中的上乘之作。

第二张图是Google Reader的浏览界面。
按照google一贯的风格,内容分类在左侧栏,功能性的操作集中在右上的位置
现在就要说到屏幕下方的紫色框区域——这两个按钮其实是点击非常频繁的2个按钮,却被安排在一个很尴尬的位置
我能理解设计师的初衷:从上而下浏览一篇文章,看完文章的时候视线正好停在页面下方,然后两个按钮自然的出现。
但是——鼠标的指针并不是一定跟着视线走的啊!
在Gmail中,两个相似功能的按钮“Newer"和“Older"是在右上方区域的
理论不用说太多,用了就知道,这个UE的细节,Gmail处理的比Google reader高明

当然,这篇文章并不是单纯比较这两个按钮。由此及彼,引申出来,鼠标的轨迹是个很有意思的细节。虽然没有具体统计,不过我猜想大部分用户还是希望“点击少一点,移动少一点”。如果一个用户界面需要鼠标上下反复移动,动辄一屏,那会是非常不舒服的体验。
有时候为了将鼠标移动区域尽可能缩小,一些站点会砍掉一些非主干的内容,做的极致的还是google。其实,即使google把页面做的花里胡哨,也丝毫不会影响他在搜索领域老大的地位,因为数据和算法在那里摆着。不过我们还是庆幸他们的产品经理能够坚持一个简洁的UI,这说明了他们明白用户真正需求的东西是什么,并一如既往地坚持下来。“贴心”是最佳的推广良方。
但“点击少一点,移动少一点”并不意味着你需要一个和google一样的白版主页,这里要举出的例子就是“谷歌”刚刚模仿的www.hao123.com。你也许觉得那整整一屏幕的超链接非常难看,但是如果仔细研究一下用户的使用习惯就能发现,用户想去哪里,只要全屏幕浏览一下,然后一两下点击就能如愿——还是那句话,“鼠标的指针并不是一定跟着视线走的”。
上一篇提到了鼠标的功能区,这一篇就详细谈一下。
先看图,第一张是IE7的RSS浏览界面,红色框是功能栏,包含了搜索/过滤/排序的基本功能
如果可以记录鼠标移动的轨迹,那么大部分路线都会限定在这个范围内
即便如此,IE7的团队仍然希望简化操作,左侧的浏览界面简明清稀,只用滚轮就能一览无遗,
可以说是UE中的上乘之作。

第二张图是Google Reader的浏览界面。
按照google一贯的风格,内容分类在左侧栏,功能性的操作集中在右上的位置
现在就要说到屏幕下方的紫色框区域——这两个按钮其实是点击非常频繁的2个按钮,却被安排在一个很尴尬的位置
我能理解设计师的初衷:从上而下浏览一篇文章,看完文章的时候视线正好停在页面下方,然后两个按钮自然的出现。
但是——鼠标的指针并不是一定跟着视线走的啊!
在Gmail中,两个相似功能的按钮“Newer"和“Older"是在右上方区域的
理论不用说太多,用了就知道,这个UE的细节,Gmail处理的比Google reader高明

当然,这篇文章并不是单纯比较这两个按钮。由此及彼,引申出来,鼠标的轨迹是个很有意思的细节。虽然没有具体统计,不过我猜想大部分用户还是希望“点击少一点,移动少一点”。如果一个用户界面需要鼠标上下反复移动,动辄一屏,那会是非常不舒服的体验。
有时候为了将鼠标移动区域尽可能缩小,一些站点会砍掉一些非主干的内容,做的极致的还是google。其实,即使google把页面做的花里胡哨,也丝毫不会影响他在搜索领域老大的地位,因为数据和算法在那里摆着。不过我们还是庆幸他们的产品经理能够坚持一个简洁的UI,这说明了他们明白用户真正需求的东西是什么,并一如既往地坚持下来。“贴心”是最佳的推广良方。
但“点击少一点,移动少一点”并不意味着你需要一个和google一样的白版主页,这里要举出的例子就是“谷歌”刚刚模仿的www.hao123.com。你也许觉得那整整一屏幕的超链接非常难看,但是如果仔细研究一下用户的使用习惯就能发现,用户想去哪里,只要全屏幕浏览一下,然后一两下点击就能如愿——还是那句话,“鼠标的指针并不是一定跟着视线走的”。
收藏:
QQ书签
del.icio.us
订阅:
Google
抓虾
