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

2023-03-28    分類: 網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)布局

曾幾何時(shí),側(cè)邊欄布局是一種非常普遍的網(wǎng)站布局樣式。由側(cè)邊欄布局衍生出來(lái)的布局樣式還有左側(cè)邊欄兩列布局、右側(cè)邊欄兩頁(yè)布局、雙側(cè)邊欄三列布局等等。但是,近兩年,側(cè)邊欄布局的網(wǎng)站越來(lái)越少見。究竟側(cè)邊欄布局是不是一種好的網(wǎng)站布局方式呢?
圖 1網(wǎng)站側(cè)邊欄布局圖示
側(cè)邊欄布局的“黃金時(shí)代”
在門戶網(wǎng)站時(shí)代,側(cè)邊欄布局是最普遍的布局方式,門戶網(wǎng)站和企業(yè)網(wǎng)站都選擇這種布局。以門戶網(wǎng)站來(lái)說(shuō),會(huì)選擇雙側(cè)邊欄三列布局樣式,中間顯示重要新聞,兩側(cè)展示廣告或者附屬內(nèi)容。以企業(yè)網(wǎng)站來(lái)說(shuō),側(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ì)興起(順帶說(shuō)一句:貓撲也是少有的側(cè)邊欄布局的論壇)。再者,如博客等,側(cè)邊欄布局便于對(duì)信息進(jìn)行保存、瀏覽和檢索。然而,這一時(shí)代很快過(guò)去,我們迎來(lái)了“信息被動(dòng)接受時(shí)代”,信息流布局迅速替代了側(cè)邊欄布局。
側(cè)邊欄布局能夠大化利用頁(yè)面資源。側(cè)邊欄布局就是“占用頁(yè)面留白”,讓頁(yè)面閑置的空間利用起來(lái)。所以,側(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è)邊欄,不過(guò)是將側(cè)邊欄放到了中間或者右側(cè),如界面新聞、財(cái)新網(wǎng)等等。
三是一些博客網(wǎng)站。特別是歐美國(guó)家的博客網(wǎng)站,不少還是堅(jiān)持采用側(cè)邊欄布局。
側(cè)邊欄布局的取與舍
對(duì)于建站公司來(lái)說(shuō),是否應(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)站欄目:網(wǎng)站設(shè)計(jì)側(cè)邊欄布局利弊淺析
本文地址:http://www.muchs.cn/news/248290.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)