原文:http://www.lanrenux.com/?p=163
回國正好趕上百度用戶體驗部主辦的 UXday 活動,我們小組討論的話題是tab(標簽)在使用時的禁忌。
我們討論的話題集中在一個點上:如何處理海量的tab?
首先回顧一下Tab的歷史。這里的tab,是一類交互元素的統(tǒng)稱,既包括在web設計中的導航,也包括在瀏覽器等桌面軟件中的使用。被稱為tab的交互元素一般有如下兩個特性:
- 同時具有動作和狀態(tài)兩個含義。tab之所以流行,一個原因就是因為它既方便操作,同時又能夠讓用戶清楚地知道自己目前在哪個位置(tab)
- 從信息架構的角度來看,tab之間的內(nèi)容一般是不交叉的。并且tab之間的關系應該是平等的,沒有相互隸屬的關系。
所以從廣義來講,絕大多數(shù)導航菜單其實都可以歸結為tab。
在網(wǎng)頁設計中tab的使用一般認為是Amazon開了先河。相信大家很多人都讀過LukeW的經(jīng)典回顧文章:The History of Amazon’s Tab Navigation(中文版請猛擊 這里 )。從這篇文章中我們可以看到,Amazon的導航從最初只有兩個tab:Book和Music,演化到2000年最多的時候有兩排tab。很顯然,當tab數(shù)量增多的時候,tab這種交互方式遇到了一些困難。
另一個例子是Word 2003中的設置對話框。如下圖所示,當標簽太多而顯示空間有限的時候,微軟不得不同樣把標簽排成兩排。這樣做的一個大問題是,上排的標簽在選中的時候,如何表示選中狀態(tài)和當前內(nèi)容頁的關系?
微軟的做法是飽受詬病的。在上圖中當用戶點擊上排標簽時,上排自動和下排對調從而保持標簽和內(nèi)容頁的緊貼關系。然而這個做法使得標簽的位置非常不一致,相信很多人都有著同樣的迷茫經(jīng)歷。
出處:懶人有禪
責任編輯:bluehearts
上一頁 下一頁 如何處理海量tab? [2]
|