看过最早的选项卡其实应该是微软的一些东东,都是一些非常经典的。比如说IE的“Internet 选项”之类的,非常棒。
从“Internet 选项”中,用户可以很清晰的看出当前自己是在浏览哪个区域。“Internet 选项”的“当前”选项按钮和其它不是当前的区分非常明了,你可以一目了然的就知道哪个是正在浏览的。
从设计合理性的角度来看,它这样做是很明智的。可以想象,当年微软做出这种效果的时候,必然也是经过反复多次的试用才最终确定这样的用户体验是最好的。
从用户体验的角度来看,它可以帮助使用它的用户很清晰的分辨出“是”与“非”。让用户清楚的了解到自己的操作,了解自己的操作产生了哪些一系列的反应,这是很重要的。
今天先不说它,拿个现有的例子来说明下:
如下两幅图:
(图一)
(图二)
如上2副选项卡效果图,图一图二都以浅红色做默认样式,深红色做“当前”样式。
分别看图一和图二,可以发现,它们的当前样式都在第三个按钮上。我们理解:既然是当前的,正在被浏览的,理所应当让用户看到它的“全貌”,毕竟只窥得一斑,就缺乏“强烈的对比感”,这就会使得“当前”和“非当前”界限不清,从而使得区分它们的难度增大。
而以上两图,显然图二的“当前”与“非当前”的对比感较之图一为强。
所以更为推荐使用“对比感较强”的选项卡,这样的选项卡更为合理,用户体验也更好。
以上是个人的一些见解,同学们如有更好的意见和建议,请和我联系。(稍后给出图二选项卡效果实例)