以用户为中心的设计

tab切换是click还是over?

作者:xw  |   发布: (编辑)kent.zhu   |   时间:2009-07-12 01:56:58 文字大小:- +

应该是两年前,网易首页全新的改版。内容区块大量采用了tab切换的方式,当我鼠标放上一个tab竟然立即切换到标签内容,当点击tab的时候竟然弹出了一个新的网页。我一直在想网易怎么犯这么低级的错呢?tab应该是单击以后在再切换的呀,这个是基本的交互原则。

2009-07-10_095456

然而从这个时候开始,发现在国内越来越多国内门户网站的小区块tab设计,采用了这种悬浮切换,点击弹出新页面频道的方式。而当我渐渐的开始习惯这种方式的时候,再打开美国yahoo首页,突然发现用点击切换小内容块反而还不适应了。这不禁让我开始反思。

2009-07-10_095526

其实不仅在国内,在国外的某些网站也开始采用这种悬浮切换的方式。我们来分析一这种方式优劣势:

优势:用户不用点击,直接用鼠标滑过tab就可以迅速切换区域内容,这对于快速浏览内容的用户,操作起来十分爽,对于浏览区块内容效率极高。

劣势:用户对于tab切换一般的习惯是点击切换,这有悖于用户的习惯,如果用户第一次接触这种切换方式的话肯定会产生错误(和我一样),很有挫败感。

所以如果要采用这种方式的话最关键的一点就是,用户要学习这种新的切换方式,是否容易学习?是否会和传统的点击切换发生混淆?

我无法做用户调查,但是从我使用的角度来说,首先很容易学习。当我点击发现是悬浮才能切换以后,我第二次访问就会采用这种新的方式了。其次还是容易区别的,因为悬浮切换有一个很大的特点就是这种方式全部应用在小内容块上,而且基本应用在内容展现上。

另外对于小内容区块展现,还有一种折中的设计方式,就是悬浮也切换,点击也切换。淘宝的首页里面的充值区块就采用了中设计。也非常不错。

2009-07-10_095631

最后不过无论采用哪种方式,切记一定要保持统一性,千万不要在一个页面中混合使用。

 

 

更多
打印  |  相关话题:Tab页签   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买