另一個(gè)例子是Word 2003中的設(shè)置對(duì)話框。如下圖所示,當(dāng)標(biāo)簽太多而顯示空間有限的時(shí)候,微軟不得不同樣把標(biāo)簽排成兩排。這樣做的一個(gè)大問題是,上排的標(biāo)簽在選中的時(shí)候,如何表示選中狀態(tài)和當(dāng)前內(nèi)容頁的關(guān)系?
微軟的做法是飽受詬病的。在上圖中當(dāng)用戶點(diǎn)擊上排標(biāo)簽時(shí),上排自動(dòng)和下排對(duì)調(diào)從而保持標(biāo)簽和內(nèi)容頁的緊貼關(guān)系。然而這個(gè)做法使得標(biāo)簽的位置非常不一致,相信很多人都有著同樣的迷茫經(jīng)歷。
在其他一些軟件中,如firefox 3(如下圖),點(diǎn)擊上排標(biāo)簽時(shí),僅僅將標(biāo)簽顯示變?yōu)檫x中狀態(tài),這樣的好處是保持了標(biāo)簽位置的一致性,然而卻失去了一些位置上的指示功能。
那么如果多排標(biāo)簽不是個(gè)好主意,如何處理很多的標(biāo)簽?zāi)兀?/p>
一個(gè)顯然的思路是把標(biāo)簽從慣用的水平排列換到豎直排列。一般這樣的排列是在視圖的左側(cè),可能是以圖標(biāo)或者文字的形式。
不過這種做法存在一些問題。首先,如果標(biāo)簽的名字很長,將會(huì)占據(jù)很多寶貴的左側(cè)空間,而這一空間正好是屏幕上用戶注意焦點(diǎn),兵家必爭之地。有的網(wǎng)站的做法是將文字垂直擺放,這樣的做法,特別對(duì)于英文網(wǎng)站來說,可讀性簡直就是災(zāi)難。如果放在右側(cè),有可能和滾動(dòng)條相互干涉,并且用戶也不容易注意到。其次,當(dāng)標(biāo)簽不多的時(shí)候(考慮標(biāo)簽數(shù)目可變的情況),標(biāo)簽下方放什么內(nèi)容也是比較頭疼的。
(左)一個(gè)設(shè)計(jì)網(wǎng)站的縱向標(biāo)簽排列,可讀性很差。(右)雅虎易搜里面采用的右側(cè)垂直標(biāo)簽導(dǎo)航
出處:UXday
責(zé)任編輯:bluehearts
上一頁 tab(標(biāo)簽)在使用時(shí)的禁忌 [1] 下一頁 tab(標(biāo)簽)在使用時(shí)的禁忌 [3]
|