側邊欄位于右側的三個理由 - 網頁設計

http://webdesign.zoapcon.com

  一直以來,用戶的閱讀習慣都是從上至下從左到右的,即使是有跳躍性的閱讀,也是按這個空間順序來進行跳躍的。所以,網頁的左上角是整個網頁中最重要的一個位置,這就是為什么大部分網站都把LOGO放在左上角的原因;而網頁的第一屏永遠比最后一屏的位置要重要,這也就是為什么大部分網站會把份量最重的欄目放在第一屏而份量相對較輕的欄目放于下面的原因;基于同樣的道理,網頁的底部是整個網頁中最不受用戶關注的地方,這也是為什么大部分網站把聯系信息等欄目的鏈接放于底部的原因。

  所以,對于用戶而言,瀏覽左側內容的比例要遠高于瀏覽右側的內容。而事實上,經研究發現,用戶在瀏覽網頁時的視線注意力呈“F”型,這就是設計網頁時讓側邊欄位于右側的第一個理由。

  正常情況下,網頁在布局制作時,也跟閱讀的空間順序一樣是從上到下從左到右的,而搜索引擎的機器人爬蟲則不管網頁視覺上的表現,機器人爬蟲是按照HTML代碼結構順序來獲取信息的,所以機器人爬蟲對左側內容的爬行是要優先于右側的。當然,如果在制作網頁布局時特意讓右邊內容的HTML代碼靠前然后使用浮動的話,這點就不在討論之列了。這是讓網頁側邊欄位于右側的第二個理由。

  IE6的時代即將成為過去,瀏覽器的功能性與良好體驗性成為瀏覽器在激烈的競爭中成功與否的關健,瀏覽器的側邊欄成為一些個性化功能的聚焦地。瀏覽器側邊欄在給用戶帶來良好的使用體驗時,也與網頁存在一定的沖突。

 

  很顯然,當打開瀏覽器的側邊欄時,網頁的右邊內容即有部分被擠出,如果這時候側邊欄是在左側的話,那么就會靠成右邊內容的不完整。但側邊欄在右側,則左邊的內容并不會受多大影響,用戶仍然可以正常的閱讀。這是讓網頁側邊欄位于右側的第三個理由,也是最實際的理由。

  當然,讓側邊欄位于右側是相對于內容型的網站而言的,本文的觀點也是針對內容型的網站而言,如果是應用型的網站自然另當別論。因為對應用型的網站來說,功能導航才是重中之重,所以包含功能導航的側邊欄自然應該是位于左側的。

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 inspirr 的頭像
    inspirr

    inspirr

    inspirr 發表在 痞客邦 留言(0) 人氣()