四、提升之道

在提供了一些基本的可用性建议和原则后，我们还可以讨论一些方法来进一步提高Tab元素的可用性。在标签上使用icon来形象化地描述内容区说包含的信息。

在标签上配合使用形象的icon，可以增强对内容区信息的描述。

例如在网站 DrawIt 中，图标用于形象地补充说明所对应的内容区的功能。

在标签上使用icon，必须保证它们是形象的，切题的。使用不相关的icon会适得其反。

避免在标签上直接用icon来代替文字。

不同的人对一个图像有不同的解读，最安全的方法是使用加上文本来描述内容区信息。

在内容区切换的时候使用过渡转场动画是一个不错的选择，可以为用户提供积极的视觉反馈——内容区正在变化！

大家可以去网站 Coda ，从左到右点击Tab标签，欣赏切换时的效果。

默认情况下，当用户将鼠标移到超链接或标签区域上时，鼠标指针的样式会发生改变，让用户知道标签区域是可点击的。

除此之外，还可以利用背景色变化来响应用户的鼠标操作。对于那些不熟悉Tab标签操作的网站新用户而言，这是很有用的。

下图中Vyniknite.sk 网站的案例里：当用户鼠标划过未选中状态的标签，背景色会变成鲜明的红色。

出处：西乔的九卦
责任编辑：bluehearts

上一页 Tab(选项卡)的产品设计原则及应用 [4] 下一页 Tab(选项卡)的产品设计原则及应用 [6]