体验与设计 - 星期日, 1月 21, 2007 13:43 - 11 Comments

页签的交互设计和标准

　　我先给出我对页签的名词解释。页签是利用网页小空间表现展现多信息传递的一种形式，俗名：标签，耳朵；在英文中叫“tab”。

　　一种典型的页签表现形式，Yahoo中文站首页的页签。如下图：

• 当前页签区域使用高亮文字、图形表现，再次点击“焦点”出现下划线并打开新窗口Yahoo子站：Yahoo资讯。同时，在每一个页签的右下角也使用了“>>更多”
• 当鼠标经过页签标题“财经”，页签标题出现颜色变化触发点击区域，文字颜色变化并出现下划线，表示可以点击切换页签。
• 点击“财经”文字或文字区域，“焦点”页签开始切换，点击过后，当前页签切换到“财经”并使用高亮文字和图形表现，同时页签内容也变更为财经新闻。
• 在“财经”页签为当前页签时，鼠标移到其它页签时，都有相应交互触发变化；但鼠标没有点击其它页签文字或区域时，“财经”页签内容不会发生变化，
  Continue...