網頁tab(標籤)使用注意事項

來源:互聯網
上載者:User

總結者:戴雨森 yusendai.com

我們小組討論的話題是tab(標籤)在使用時的禁忌

在討論的開始,大家很快產生了六個感興趣的話題:

  • 如何處理海量的tab?
  • 在瀏覽器中關掉tab之後應該發生的行為?
  • 不同tab下內容的相互關係
  • 多層tab的使用
  • Tab和SEO的關係
  • 使用多個tab工作時快速回到注意力的焦點

由於時間有限,我們討論的話題最終集中在一個點上:如何處理海量的tab?經過大家的熱烈討論,現在將一些想法以及對應的樣本總結如下,還請各路英雄好漢指正。

首先回顧一下Tab的曆史。這裡的tab,是一類互動元素的統稱,既包括在web設計中的導航,也包括在瀏覽器等案頭軟體中的使用。被稱為tab的互動元素一般有如下兩個特性:

  • 同時具有動作和狀態兩個含義。tab之所以流行,一個原因就是因為它既方便操作,同時又能夠讓使用者清楚地知道自己目前在哪個位置(tab)
  • 從資訊架構的角度來看,tab之間的內容一般是不交叉的。並且tab之間的關係應該是平等的,沒有相互隸屬的關係。

所以從廣義來講,絕大多數導覽功能表其實都可以歸結為tab。

在網頁設計中tab的使用一般認為是Amazon開了先河。相信大家很多人都讀過LukeW的經典回顧文章:The History of Amazon’s Tab Navigation(中文版請猛擊這裡)。從這篇文章中我們可以看到,Amazon的導航從最初只有兩個tab:Book和Music,演化到2000年最多的時候有兩排tab。很顯然,當tab數量增多的時候,tab這種互動方式遇到了一些困難。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。