标签界面是否令人困惑？

Question

我们正在设计一个网站,并遇到了一些用标签界面巧妙解决的UI挑战.用户将与站点的不同元素进行交互(有一些基本的视图/编辑/复制/粘贴功能可用),并且一次只能看到一个选项卡中的一个对象,这简化了很多事情.

当然,我们完全熟悉标签界面,但新手用户呢？我在网上搜索了一些指导,但我还没有发现任何确定的内容.您是否有为新手用户提供标签界面的经验？他们遇到了麻烦吗？或者,我们是否达到了每个人都对标签感到满意的程度,我们可以毫无保留地使用它们？

可用性很重要 - 对于这个项目来说比大多数更重要.如果天真的用户对标签界面感到困惑,那就不行了,我们必须找到另一种方式.

Answer 1

在他出色的着作"不要让我思考"(Sensible.com)中,Steve Krug讨论了使用选项卡式界面的好处:

• 他们是不言而喻的
• 他们很难错过
• 他们很光滑
• 他们建议一个物理空间

他接着描述了Amazon.com所展示的成功标签的关键:

• 他们被正确绘制
• 它们是彩色编码的
• 进入网站时选择了一个选项卡.

显然,他提供了书中每个子弹项目的详细信息(我不会在这里给他带来麻烦).如果您需要为新手和专家创建网站的指南,那么本书绝对值得一看.

Answer 2

标签变得很普遍,只要你正确地实现它们我就不用担心它们的使用.确保使活动选项卡与其他选项卡在视觉上不同.

此外,尝试使用渐进增强创建选项卡,以便在禁用JavaScript的情况下仍然存在内容.有两种主要方法:

1. 使用
   AJAX 加载每个选项卡,但第一个选项卡.标签本身应该是指向AJAX
   提取的内容的链接.
2. 将所有信息保存在页面上,但使用JavaScript隐藏它.当您浏览选项卡时,它们将从页面的隐藏部分填充.

您可能会发现有用的设计资源是YUI设计模式库及其在选项卡上的部分.