網(wǎng)站設(shè)計側(cè)邊欄布局利弊淺析

　　曾幾何時，側(cè)邊欄布局是一種非常普遍的網(wǎng)站布局樣式。由側(cè)邊欄布局衍生出來的布局樣式還有左側(cè)邊欄兩列布局、右側(cè)邊欄兩頁布局、雙側(cè)邊欄三列布局等等。但是，近兩年，側(cè)邊欄布局的網(wǎng)站越來越少見。究竟側(cè)邊欄布局是不是一種好的網(wǎng)站布局方式呢？圖1網(wǎng)站側(cè)邊欄布局圖示

　　側(cè)邊欄布局的黃金時代

　　在門戶網(wǎng)站時代，側(cè)邊欄布局是最普遍的布局方式，門戶網(wǎng)站和企業(yè)網(wǎng)站都選擇這種布局。以門戶網(wǎng)站來說，會選擇雙側(cè)邊欄三列布局樣式，中間顯示重要新聞，兩側(cè)展示廣告或者附屬內(nèi)容。以企業(yè)網(wǎng)站來說，側(cè)邊欄展示新聞，中間展示企業(yè)產(chǎn)品和形象。

　　側(cè)邊欄布局的盛行，甚至被瀏覽器所借鑒。如早期的遨游等瀏覽器，側(cè)邊欄書簽是其重要標(biāo)志。

　　為什么側(cè)邊欄會風(fēng)行一時呢？

　　我們認(rèn)為有幾個原因：

　　側(cè)邊欄布局符合用戶跳轉(zhuǎn)和保存信息的習(xí)慣。在01年到10年，這十年間，互聯(lián)網(wǎng)處于信息大的時代，用戶需要在不同的頁面跳轉(zhuǎn)，對信息是由選擇性的。所以，這期間，貓撲這樣的論壇網(wǎng)站才會興起（順帶說一句：貓撲也是少有的側(cè)邊欄布局的論壇）。再者，如博客等，側(cè)邊欄布局便于對信息進(jìn)行保存、瀏覽和檢索。然而，這一時代很快過去，我們迎來了信息被動接受時代，信息流布局迅速替代了側(cè)邊欄布局。

　　側(cè)邊欄布局能夠最大化利用頁面資源。側(cè)邊欄布局就是占用頁面留白，讓頁面閑置的空間利用起來。所以，側(cè)邊欄可以放廣告、軟文等等。

　　那么，側(cè)邊欄布局為何又不流行了呢？特別是現(xiàn)在的企業(yè)網(wǎng)站，幾乎完全拋棄了側(cè)邊欄布局。

　　舍棄側(cè)邊欄布局的原因

　　原因之一是移動優(yōu)化的推行。手機(jī)屏幕比電腦屏幕要小得多，側(cè)邊欄布局勢必要在小屏幕上展示更多內(nèi)容，不符合移動優(yōu)先的背景。所以響應(yīng)式網(wǎng)站都舍棄了側(cè)邊欄布局。

　　原因之二是用戶體驗(yàn)。側(cè)邊欄布局會分散用戶的關(guān)注力，加之側(cè)邊欄往往展示的是廣告以及非重要信息，對用戶瀏覽核心信息形成了干擾，還不如直接留白，讓用戶一直走在主要軌道上。

　　當(dāng)然，我們也觀察到，并非是所有網(wǎng)站都舍棄了側(cè)邊欄布局。目前有三類網(wǎng)站依然堅持側(cè)邊欄布局。

　　一是門戶網(wǎng)站，側(cè)邊欄布局可以為門戶網(wǎng)站創(chuàng)收，增加可展示的內(nèi)容。如鳳凰網(wǎng)、搜狐網(wǎng)等，還是側(cè)邊欄布局。

　　圖2門戶網(wǎng)站的側(cè)邊欄布局

　　二是一些新聞網(wǎng)站。雖然采用了模塊化布局，但是本質(zhì)上還是側(cè)邊欄，不過是將側(cè)邊欄放到了中間或者右側(cè)，如界面新聞、財新網(wǎng)等等。

　　三是一些博客網(wǎng)站。特別是歐美國家的博客網(wǎng)站，不少還是堅持采用側(cè)邊欄布局。

　　側(cè)邊欄布局的取與舍

　　對于建站公司來說，是否應(yīng)該采用側(cè)邊欄布局呢？需要承認(rèn)，不少網(wǎng)站設(shè)計師最初的設(shè)計作品多是側(cè)邊欄布局，所以對這種布局樣式有懷舊情緒。想要重新嘗試？是否可行呢？

　　網(wǎng)站的設(shè)計師當(dāng)面臨這種選擇的時候，可以做這樣的測試。

　　一是進(jìn)行A/B測試。測試側(cè)邊欄布局和非側(cè)邊欄布局的用戶反饋和體驗(yàn)效果，然后擇優(yōu)錄取。

　　二是考慮部分網(wǎng)頁的側(cè)邊欄布局。如公司新聞子頁面、產(chǎn)品介紹子頁面等等，避免全部采用側(cè)邊欄布局。

　　另外，如果是博客類網(wǎng)站、新聞類網(wǎng)站，側(cè)邊欄布局也是值得考慮的。