Tab(选项卡)的产品设计原则及应用[译]（5）
作者：西乔 来源：西乔的九卦 发布时间：2009-07-09 19:05:00
标签：产品设计,应用,tab,选项卡
四、提升之道
在提供了一些基本的可用性建议和原则后，我们还可以讨论一些方法来进一步提高Tab元素的可用性。在标签上使用icon来形象化地描述内容区说包含的信息。
在标签上配合使用形象的icon，可以增强对内容区信息的描述。
例如在网站 DrawIt 中，图标用于形象地补充说明所对应的内容区的功能。
在标签上使用icon，必须保证它们是形象的，切题的。使用不相关的icon会适得其反。
避免在标签上直接用icon来代替文字。
不同的人对一个图像有不同的解读，最安全的方法是使用加上文本来描述内容区信息。
在内容区切换的时候使用过渡动画。
在内容区切换的时候使用过渡转场动画是一个不错的选择，可以为用户提供积极的视觉反馈——内容区正在变化！
大家可以去网站 Coda ，从左到右点击Tab标签，欣赏切换时的效果。
当用户在Tab的标签区进行操作时，有明确的悬停响应。
默认情况下，当用户将鼠标移到超链接或标签区域上时，鼠标指针的样式会发生改变，让用户知道标签区域是可点击的。
除此之外，还可以利用背景色变化来响应用户的鼠标操作。对于那些不熟悉Tab标签操作的网站新用户而言，这是很有用的。
下图中Vyniknite.sk 网站的案例里：当用户鼠标划过未选中状态的标签，背景色会变成鲜明的红色。
0
投稿猜你喜欢
当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求，SAAS的模式看起来非常有吸引力。Web应用程序的界面设计，其核心- 目前SQL INJECTION的攻击测试愈演愈烈，很多大型的网站和论坛都相继被注入。这些网站一般使用的多为SQL SERVER数据库，正因为
- 有件东西我观察了很多年，那就是很少有开发者会去使用SQL Server中的一个非常有用的东西——EX
- 早上看了一个贴子，是一个哥们推广自己一个智能的数据库备份系统，他总结了数据库备份过程中所有可能出错的情况，可以借鉴。如果你做DBA时间不长，
- 有时候希望可以用js另开新窗口，但用window.open方法打开窗口总是被浏览器阻止，可以用下面的方法打开新窗口而不会遭到拦截1.新添加一
- 当服务器必须提供与两个或更多个网络或网络子网的连接时，典型的方案是使用多宿主计算机。此计算机通常位于外围网络（也称为 DMZ、外围安全区域或
- 总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的
- 一旦被黑客获取到webshell，黑客就知道了你的sqlserver管理员密码，如果sqlserver再没有经过安全设置那么黑客很容易就提权
- asp+js做的一个dig程序中的投票（有的叫顶一下，踩一下），由于代码较长，只贴出核心部分：投票中的代码相关文章推荐：ajax +asp
- 2003年以来，网页的平均尺寸已经增长3倍。从2003到2008，网页的平均尺寸从93.7K增至312K，增幅233％。同时，在这5年之内，
- IE>6 及其它浏览器不在此文论述范围内。img 的 onload 事件，是当图片加载完成之后，就处触发。img.complete 这
- jquery有一个插件叫Timer，很有意思，咱来实现一个简版的yui3的node timer。但还是应当首先交代下yui3的node扩展的
- Dethe Elza (delza@livingcode.org), 高级技术架构师, Blast Radius &n
- 我是从去年初开始学习web标准的，两年下来也有些心得。最近跳槽了正好闲在家里，写一些出来和大家交流一下。1对于web标准和W3C XHTML
- 虽然淘宝商城的名字中带有“商城”两字，但是很显然的，淘宝商城并不是一个B2C商城，淘宝商城仍只是一个C2C平台，充其量只是个收费版的淘宝。在
- 两年前，我们开发了一套基于Flash的文件（主要是图片）上传RIA应用，提供给阿里巴巴的用户使用。如果你使用过Wordpress或flick
- 随着JS与XHTML的应用普及，越来越多的web界面应用技术出现在网站上，比如我们常见的日历控件，搜索下拉框等，这些web界面应用技术大大的
- 如何在读取Excel文件时创建列表的下拉菜单？代码如下，用来创建工作表列表的下拉菜单： < select
- asp之家注：也许你还没有接触过使用js来调用asp文件，也许你也不知道如何用JS调用asp文件，甚至你也不知道JS调用asp文件有什么好处
- 用6N±1法求素数任何一个自然数，总可以表示成为如下的形式之一：6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…
