Archive | 2007/01/21

页签的交互设计和标准

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

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

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