tab(標籤)在使用時的禁忌

來源:互聯網
上載者:User

回國正好趕上百度使用者體驗部主辦的 UXday 活動,我們小組討論的話題是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這種互動方式遇到了一些困難。

另一個例子是Word 2003中的設定對話方塊。如下圖所示,當標籤太多而顯示空間有限的時候,微軟不得不同樣把標籤排成兩排。這樣做的一個大問題是,上排的標籤在選中的時候,如何表示選中狀態和當前內容頁的關係?

微軟的做法是飽受詬病的。在上圖中當使用者點擊上排標籤時,上排自動和下排對調從而保持標籤和內容頁的緊貼關係。然而這個做法使得標籤的位置非常不一致,相信很多人都有著同樣的迷茫經曆。



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。