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

圖 1網(wǎng)站側(cè)邊欄布局圖示

側(cè)邊欄布局的“黃金時(shí)代”

在門戶網(wǎng)站時(shí)代，側(cè)邊欄布局是最普遍的布局方式，門戶網(wǎng)站和企業(yè)網(wǎng)站都選擇這種布局。以門戶網(wǎng)站來說，會(huì)選擇雙側(cè)邊欄三列布局樣式，中間顯示重要新聞，兩側(cè)展示廣告或者附屬內(nèi)容。以企業(yè)網(wǎng)站來說，側(cè)邊欄展示新聞，中間展示企業(yè)產(chǎn)品和形象。
側(cè)邊欄布局的盛行，甚至被瀏覽器所借鑒。如早期的遨游等瀏覽器，側(cè)邊欄書簽是其重要標(biāo)志。
為什么側(cè)邊欄會(huì)風(fēng)行一時(shí)呢？
我們認(rèn)為有幾個(gè)原因：
側(cè)邊欄布局符合用戶“跳轉(zhuǎn)和保存信息”的習(xí)慣。在01年到10年，這十年間，互聯(lián)網(wǎng)處于信息大爆炸的時(shí)代，用戶需要在不同的頁(yè)面跳轉(zhuǎn)，對(duì)信息是由選擇性的。所以，這期間，貓撲這樣的論壇網(wǎng)站才會(huì)興起（順帶說一句：貓撲也是少有的側(cè)邊欄布局的論壇）。再者，如博客等，側(cè)邊欄布局便于對(duì)信息進(jìn)行保存、瀏覽和檢索。然而，這一時(shí)代很快過去，我們迎來了“信息被動(dòng)接受時(shí)代”，信息流布局迅速替代了側(cè)邊欄布局。
側(cè)邊欄布局能夠最大化利用頁(yè)面資源。側(cè)邊欄布局就是“占用頁(yè)面留白”，讓頁(yè)面閑置的空間利用起來。所以，側(cè)邊欄可以放廣告、軟文等等。
那么，側(cè)邊欄布局為何又不流行了呢？特別是現(xiàn)在的企業(yè)網(wǎng)站，幾乎完全拋棄了側(cè)邊欄布局。

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

原因之一是移動(dòng)優(yōu)化的推行。手機(jī)屏幕比電腦屏幕要小得多，側(cè)邊欄布局勢(shì)必要在小屏幕上展示更多內(nèi)容，不符合移動(dòng)優(yōu)先的背景。所以響應(yīng)式網(wǎng)站都舍棄了側(cè)邊欄布局。
原因之二是用戶體驗(yàn)。側(cè)邊欄布局會(huì)分散用戶的關(guān)注力，加之側(cè)邊欄往往展示的是廣告以及非重要信息，對(duì)用戶瀏覽核心信息形成了干擾，還不如直接留白，讓用戶一直走在“主要軌道”上。
當(dāng)然，我們也觀察到，并非是所有網(wǎng)站都舍棄了側(cè)邊欄布局。目前有三類網(wǎng)站依然堅(jiān)持側(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è)，如界面新聞、財(cái)新網(wǎng)等等。
三是一些博客網(wǎng)站。特別是歐美國(guó)家的博客網(wǎng)站，不少還是堅(jiān)持采用側(cè)邊欄布局。

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

對(duì)于建站公司來說，是否應(yīng)該采用側(cè)邊欄布局呢？需要承認(rèn)，不少網(wǎng)站設(shè)計(jì)師最初的設(shè)計(jì)作品多是側(cè)邊欄布局，所以對(duì)這種布局樣式有“懷舊”情緒。想要重新嘗試？是否可行呢？
網(wǎng)站的設(shè)計(jì)師當(dāng)面臨這種選擇的時(shí)候，可以做這樣的測(cè)試。
一是進(jìn)行A/B測(cè)試。測(cè)試側(cè)邊欄布局和非側(cè)邊欄布局的用戶反饋和體驗(yàn)效果，然后擇優(yōu)錄取。
二是考慮部分網(wǎng)頁(yè)的側(cè)邊欄布局。如公司新聞子頁(yè)面、產(chǎn)品介紹子頁(yè)面等等，避免全部采用側(cè)邊欄布局。
另外，如果是博客類網(wǎng)站、新聞?lì)惥W(wǎng)站，側(cè)邊欄布局也是值得考慮的。