最近兩個(gè)網(wǎng)站改版,一個(gè)是cnn.com將左側縱向導航條換成了上方橫向導航;一個(gè)是bokee的博客論壇,同樣將左側導航換成了橫向導航。國內外的兩個(gè)網(wǎng)站,在這里有點(diǎn)殊途同歸的意思。
對于社區類(lèi)網(wǎng)站,框架下的左側導航模式似乎已經(jīng)是落伍的玩意兒。比如流行的discuz模式基本上已經(jīng)成了現在BBS社區的標配。在discuz模式下,導航是通過(guò)一個(gè)首頁(yè)面來(lái)完成的,用戶(hù)的視線(xiàn)是從上到下,而不象以前從左到右。其實(shí)其他開(kāi)源的bbs系統也多是如此導航,因為開(kāi)源bbs都是針對版塊不太多的小bbs。而由于discuz等等流行,很多設計人員以為用戶(hù)習慣了discuz,就重新考慮傳統的框架左側導航。不過(guò),如果他們細細想想就會(huì )明白,discuz只能對小型論壇適用,而對于動(dòng)輒上百,乃至上千的大型BBS社區,discuz模式將無(wú)法導航――用戶(hù)視線(xiàn)一直從上到下,并不一定適用于大型社區。
仔細分析一下,其實(shí)對于版塊眾多的大型社區,有4種導航方式:框架左側導航(目前多數國內大型社區的選擇,比如天涯);框架上方導航(用daqi舉例一下效果);非框架左側導航(我暫時(shí)只找到了cnn二級頁(yè)面的例子);非框架上方導航(博客論壇)――上述4種導航模式,到底哪種最適合大型社區呢?
框架上方導航:其實(shí)除了daqi的例子,更好的例子是office軟件――從視覺(jué)效果上來(lái)說(shuō),都是框架上方導航。這種導航方式最大的問(wèn)題是無(wú)論用戶(hù)怎么下拉滾動(dòng)條,導航條永遠在用戶(hù)當前窗口上面,使得用戶(hù)界面人為地變短了,非常不好;其次,上方導航有一個(gè)通病,即如果需要導航的項目多,幾排都排不下,就需要下來(lái)菜單,這等于是先橫向,又回到縱向導航了。
非框架上方導航:這種導航方式,依舊存在導航項目過(guò)多后,需要再次縱向下拉菜單的問(wèn)題。但它改善了上述遮掩用戶(hù)窗口的問(wèn)題。不過(guò),卻因此產(chǎn)生了另外的問(wèn)題:當用戶(hù)下拉滾動(dòng)條后,導航條將被隱藏。對于這個(gè)問(wèn)題,我們先擺在這里,下面討論。
框架左側導航:傳統的框架左側導航,看似存在著(zhù)呆板,對搜索引擎不友好等等問(wèn)題,但它對于社區來(lái)說(shuō)有一個(gè)巨大的優(yōu)勢:用戶(hù)在任何頁(yè)面位置,左側導航條都一直存在,這方便用戶(hù)隨手點(diǎn)擊,去瀏覽其他版塊,因此增加了交互性。因為一般左側導航條中,當前版塊的上下位置,都是相關(guān)版塊,這相當于用戶(hù)從一個(gè)主題參與到另外一個(gè)相關(guān)主題。而同時(shí),框架左側導航對用戶(hù)界面的“損害”又相對框架上方導航要小很多。
非框架左側導航:這種導航方式很少見(jiàn),因為它同樣存在下拉滾動(dòng)條,就會(huì )將導航條隱藏的問(wèn)題。
所以,我對導航條設計的思路是建立在一個(gè)基礎之上:第一,普通用戶(hù)上網(wǎng)只會(huì )“點(diǎn)擊”頁(yè)面上“已經(jīng)存在”的元素――而下拉,回退等等操作,對于普通用戶(hù)其實(shí)是“高級操作”;第二,因此對于社區網(wǎng)站來(lái)說(shuō),導航條一直出現在頁(yè)面當前窗口,是一個(gè)必須的選擇,將會(huì )大大增加用戶(hù)的活躍度和交互性;第三,既然如此,兩害權其輕,還是應該選擇左側框架導航。
那么回到這篇博客的開(kāi)始,cnn為什么要把左側導航更換為上方導航呢?因為cnn壓根不是一個(gè)社區網(wǎng)站,而是一個(gè)媒體網(wǎng)站。它這樣改版后,頁(yè)面的視覺(jué)效果比左側導航要好很多。所以對于cnn來(lái)說(shuō),這樣的改版是一個(gè)可以接受的選擇。
那博客論壇為什么也改為非框架上方導航呢?對不起,我不知道,您得去問(wèn)他們。
聯(lián)系客服