Tab(选项卡)的产品设计原则及应用[译]（5）
作者：西乔 来源：西乔的九卦 发布时间：2009-07-09 19:05:00
标签：产品设计,应用,tab,选项卡
四、提升之道
在提供了一些基本的可用性建议和原则后，我们还可以讨论一些方法来进一步提高Tab元素的可用性。在标签上使用icon来形象化地描述内容区说包含的信息。
在标签上配合使用形象的icon，可以增强对内容区信息的描述。
例如在网站 DrawIt 中，图标用于形象地补充说明所对应的内容区的功能。
在标签上使用icon，必须保证它们是形象的，切题的。使用不相关的icon会适得其反。
避免在标签上直接用icon来代替文字。
不同的人对一个图像有不同的解读，最安全的方法是使用加上文本来描述内容区信息。
在内容区切换的时候使用过渡动画。
在内容区切换的时候使用过渡转场动画是一个不错的选择，可以为用户提供积极的视觉反馈——内容区正在变化！
大家可以去网站 Coda ，从左到右点击Tab标签，欣赏切换时的效果。
当用户在Tab的标签区进行操作时，有明确的悬停响应。
默认情况下，当用户将鼠标移到超链接或标签区域上时，鼠标指针的样式会发生改变，让用户知道标签区域是可点击的。
除此之外，还可以利用背景色变化来响应用户的鼠标操作。对于那些不熟悉Tab标签操作的网站新用户而言，这是很有用的。
下图中Vyniknite.sk 网站的案例里：当用户鼠标划过未选中状态的标签，背景色会变成鲜明的红色。
0
投稿猜你喜欢
0. 学习目标线性表在计算机中的表示可以采用多种方法，采用不同存储方法的线性表也有着不同的名称和特点。线性表有两种基本的存储结构：顺序存储结- 希望在自己的机器模拟一下公司中微服务的构建，使用docker部署了mysql实例，使用spring boot进行了CRUD（增删改查）操作进
- 1、simhash步骤simhash包含分词、hash、加权、合并、降维五大步骤simhash代码如下：import jiebaimport
- plt.title() 是 matplotlib 库中用于设置图形标题的函数。一、基本语法如下plt.title(label, fontdi
- 本文实例讲述了js字符串操作方法。分享给大家供大家参考。具体如下：var str="This is my first Script
- 如果你有对触发器和事务的概念，有些了解，这篇文章，对你来说会是很简单，或能让你更进一步的了解触发器里面的一些故事，和触发器中事务个故事。在这
- Pycharm Python Console用法Pycharm的下方工具栏中有两个窗口：Python Console和Terminal(如下
- 自从接触了python，再到机器学习和深度学习，要学习的东西向越拉越多了！！！因为课题的需要接触了tensorflow，我直接就是一个好家伙
- 1. 相对与比较老的环境，建议使用第二个 set dbconnection=Server.CREATEOBJECT("ADODB.
- ASP从发布至今已经7年了，使用ASP技术已经相当成熟，自从微软推出了ASP.NET之后就逐渐停止了对ASP版本的更新。但是由于有很多人仍然
- 一个程序要进行交互，就需要进行输入，进行输入→处理→输出的过程。所以就需要用到输入和输出功能。同样的，在Python中，怎么实现输入和输出？
- pop()函数1、描述pop() 函数用于移除列表中的一个元素（默认最后一个元素），并且返回该元素的值。语法pop()方法语法：list.p
- 1.首先在pycharm上使用pip安装pip install html-table pip install jira2.初始化发件人邮箱，
- 编辑距离编辑距离（Edit Distance），又称Levenshtein距离，是指两个字串之间，由一个转成另一个所需的最少编辑操作次数。编
- 照例使用XMLhttp同步方式获取数据,可是由于网络不稳定,经常造成'死锁'状况,既send之后一直不返回服务器结果,也不出
- 第一种方法： 分为 大 中 小 控制正文字体大小，一般需要指定 id<!DOCTYPE html PUBLIC "-//W3
- facebook的信息架构设计，是目前为止互联网上我见过的最合理的信息架构。每次培训，我基本都需要拿20分钟左右的时间来解析它，包括老的、新
- 1、获取秒级时间戳与毫秒级时间戳、微秒级时间戳import timeimport datetimet = time.time()print
- 如何计算 CPU 占用率？简单来说，进程的 CPU 占用率指的是 CPU 有多少时间花费在了运行进程上。在 Linux 系统里，进程运行的时
- 变量名1、组成：数字、字母、下划线2、变量名要有意义3、多个单词则用下划线，如user_id4、python的变量名不要驼峰显示字符串：1、
