|
一個網(wǎng)站信息結(jié)構(gòu)需要表現(xiàn)給用戶看，這樣用戶才能知道當(dāng)前是在哪兒，才有可能去猜測某個內(nèi)容可能會在哪兒。
如何表現(xiàn)網(wǎng)站的信息結(jié)構(gòu)給用戶呢？
用導(dǎo)航。
Tabs導(dǎo)航不錯！
Tabs導(dǎo)航是一種表現(xiàn)形式，可以很直觀的表現(xiàn)出當(dāng)前所在的欄目和與之同級的其他欄目。
用tabs這種形式來表現(xiàn)導(dǎo)航是個很好的辦法，也是很常見的。然而，如果一個網(wǎng)站的信息結(jié)構(gòu)很復(fù)雜，層級很多，那么就經(jīng)常會是tabs套tabs套tabs套tabs…
四層tabs…
我們抽象一下就成了下面這樣：
怎么優(yōu)化過多層的tabs？
最直接的想法當(dāng)然是收起一些tabs來。
實(shí)際上，時時刻刻展示出所有層級的tabs并不必要，是有浪費(fèi)的，浪費(fèi)了用戶的注意力。
上圖的例子中，當(dāng)我點(diǎn)開第三層tabs中的“歌手”后，我的訴求更多的是看“歌手”下更多的分類，以便我找到某位特定的歌手，這個時候并不會太關(guān)注“背景音樂”“我的收藏”“留言板”“相冊”…這些tabs項此時成了干擾信息。
仍舊顯示出一二三層tabs的價值主要在于告訴用戶，當(dāng)前的“歌手”欄目是在“音樂盒”->“正版音樂庫”下的。那么，對于上面那些層tabs，可以只保留有價值的信息—表明當(dāng)前所在欄目，而不顯示與之同級的其他欄目。
去掉一、二、三級tabs中可供訪問的tabs后的樣子：
再整理一下…
是的，這就成了面包屑導(dǎo)航導(dǎo)航。
面包屑導(dǎo)航是另外一種反應(yīng)網(wǎng)站信息結(jié)構(gòu)的形式。因為省略掉了與當(dāng)前欄目同級的其他欄目，所以面包屑導(dǎo)航的信息量小。
將上面演繹的過程總結(jié)一下：面包屑導(dǎo)航可以簡化多層tabs導(dǎo)航中那些不太重要的層級。
出處：臭魚的交互設(shè)計
責(zé)任編輯：bluehearts
上一頁 下一頁 用面包屑來簡化多層的tabs [2]
|
第 1 頁 用面包屑來簡化多層的tabs [1]
第 2 頁 
