技術(shù)資訊
側(cè)邊欄位于右側(cè)的三個(gè)理由
2008-10-21 22:40:00
一直以來(lái),用戶的閱讀習(xí)慣都是從上至下從左到右的,即使是有跳躍性的閱讀,也是按這個(gè)空間順序來(lái)進(jìn)行跳躍的。所以,網(wǎng)頁(yè)的左上角是整個(gè)網(wǎng)頁(yè)中最重要的一個(gè)位置,這就是為什么大部分網(wǎng)站都把LOGO放在左上角的原因;而網(wǎng)頁(yè)的第一屏永遠(yuǎn)比最后一屏的位置要重要,這也就是為什么大部分網(wǎng)站會(huì)把份量最重的欄目放在第一屏而份量相對(duì)較輕的欄目放于下面的原因;基于同樣的道理,網(wǎng)頁(yè)的底部是整個(gè)網(wǎng)頁(yè)中最不受用戶關(guān)注的地方,這也是為什么大部分網(wǎng)站把聯(lián)系信息等欄目的鏈接放于底部的原因。
所以,對(duì)于用戶而言,瀏覽左側(cè)內(nèi)容的比例要遠(yuǎn)高于瀏覽右側(cè)的內(nèi)容。而事實(shí)上,經(jīng)研究發(fā)現(xiàn),用戶在瀏覽網(wǎng)頁(yè)時(shí)的視線注意力呈“F”型,這就是設(shè)計(jì)網(wǎng)頁(yè)時(shí)讓側(cè)邊欄位于右側(cè)的第一個(gè)理由。
正常情況下,網(wǎng)頁(yè)在布局制作時(shí),也跟閱讀的空間順序一樣是從上到下從左到右的,而搜索引擎的機(jī)器人爬蟲則不管網(wǎng)頁(yè)視覺上的表現(xiàn),機(jī)器人爬蟲是按照HTML代碼結(jié)構(gòu)順序來(lái)獲取信息的,所以機(jī)器人爬蟲對(duì)左側(cè)內(nèi)容的爬行是要優(yōu)先于右側(cè)的。當(dāng)然,如果在制作網(wǎng)頁(yè)布局時(shí)特意讓右邊內(nèi)容的HTML代碼靠前然后使用浮動(dòng)的話,這點(diǎn)就不在討論之列了。這是讓網(wǎng)頁(yè)側(cè)邊欄位于右側(cè)的第二個(gè)理由。
IE6的時(shí)代即將成為過(guò)去,瀏覽器的功能性與良好體驗(yàn)性成為瀏覽器在激烈的競(jìng)爭(zhēng)中成功與否的關(guān)健,瀏覽器的側(cè)邊欄成為一些個(gè)性化功能的聚焦地。瀏覽器側(cè)邊欄在給用戶帶來(lái)良好的使用體驗(yàn)時(shí),也與網(wǎng)頁(yè)存在一定的沖突。
很顯然,當(dāng)打開瀏覽器的側(cè)邊欄時(shí),網(wǎng)頁(yè)的右邊內(nèi)容即有部分被擠出,如果這時(shí)候側(cè)邊欄是在左側(cè)的話,那么就會(huì)靠成右邊內(nèi)容的不完整。但側(cè)邊欄在右側(cè),則左邊的內(nèi)容并不會(huì)受多大影響,用戶仍然可以正常的閱讀。這是讓網(wǎng)頁(yè)側(cè)邊欄位于右側(cè)的第三個(gè)理由,也是最實(shí)際的理由。
當(dāng)然,讓側(cè)邊欄位于右側(cè)是相對(duì)于內(nèi)容型的網(wǎng)站而言的,本文的觀點(diǎn)也是針對(duì)內(nèi)容型的網(wǎng)站而言,如果是應(yīng)用型的網(wǎng)站自然另當(dāng)別論。因?yàn)閷?duì)應(yīng)用型的網(wǎng)站來(lái)說(shuō),功能導(dǎo)航才是重中之重,所以包含功能導(dǎo)航的側(cè)邊欄自然應(yīng)該是位于左側(cè)的。
原文:http://www.prower.cn/interaction/694
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
企業(yè)網(wǎng)站設(shè)計(jì) 互聯(lián)網(wǎng) 良好的導(dǎo)航 搜索引擎蜘蛛 力圖 搜索引擎 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 版面布局 企業(yè)建站 扁平化設(shè)計(jì) 青島抖音小程序開發(fā) 青島海洋投資集團(tuán) 企業(yè)網(wǎng)站為什么要備案 青島網(wǎng)站制作 css 營(yíng)銷型網(wǎng)站建設(shè) 程序開發(fā) 營(yíng)銷型網(wǎng)站 力圖數(shù)字科技 輪胎網(wǎng)站設(shè)計(jì) 響應(yīng)式設(shè)計(jì) 網(wǎng)站動(dòng)畫 H5定制設(shè)計(jì) 建站常識(shí) 蘋果系統(tǒng) 官網(wǎng)網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)公司哪家好 青島黃島、紅島網(wǎng)站建設(shè)公司 青島開發(fā)區(qū)建站公司 高端輪胎網(wǎng)站設(shè)計(jì)