網站設計-欄目規劃(一)

　　在網站建設和網站製做中，欄目是貫穿整個網站的主線，網站內容之間的關聯性和整合性也是由欄目組織在一塊兒的，所以在網站設計的過程當中，欄目的做用舉足輕重，如何將欄目策劃得層次分明，邏輯清晰就成爲了網站建設過程當中一件重中之重的事情。並且欄目策劃不只僅是後續網站製做個步驟前後順序的指導綱領，也是直接影響網站正式上線後可否成功運營的主要因素，涉及到網絡營銷，推廣，成單等一系列核心關鍵問題，所以這篇文章咱們就如何作好網站建設的欄目規劃作一些討論。

      欄目將網站內大量內容緊密鏈接，有效篩選，而後將它們組成一個合理且容易理解的邏輯結構，成功的欄目安排不只能給用戶瀏覽和快速定位感興趣的內容帶來極大的便利，更幫助用戶準確瞭解了網站提供的內容，服務和產品。

首先，欄目的結構能夠分爲線性結構，層次結構和網狀結構，這3種結構在網站建設和網站設計中都是很是常見的。咱們如今對這三種結構一一說明一下。

線性結構

　　線性結構是網站欄目中最簡單的邏輯結構。它將多個頁面按照必定的前後順序鏈接，用戶在沒有訪問到前一個頁面以前沒法去到下一個頁面。如圖，

通常線性結構

　　線性結構通常用於必須按步驟前後順序操做的功能頁面，如用戶註冊，商品購買等，好比用戶註冊必須先填寫登陸信息，而後填入詳細信息，最後填入聯繫信息，而且必須逐步填寫，不能跳躍式操做，就是前端設計常常提到的「wizard」，那麼就應該選擇線性欄目。

　　上面說到的只是最簡單的線性結構，實際上在上面結構的基礎之上，能夠演變出更靈活的結構 - 條件限制的線性結構，即根據用戶不一樣的選擇來跳到不一樣的下一個頁面。

條件限制的線性結構

層次結構

　　與線性結構不一樣的是，層級結構是帶有頁面父-子級包含關係的欄目結構，也是90%以上網站製做中會用到的欄目結構，一般出如今首頁頂部的導航欄中。它很像一顆倒置的數，因此也叫「樹狀結構」，頂層結構相對於樹幹，而第二到第N層則是樹枝，下圖是一個典型的「樹狀結構」。

層次型結構示例

層次型結構

　　層次結構的優點在於簡單而直觀，主次分明，能將複雜內容很好的歸類，便於理解，因此幾乎全部的網站都是用這種結構來規劃網站內容的，就是把整個網站的大內容分紅若干個大欄目，而後再按照內容歸類，在大欄目下在分出幾個小欄目，以此類推。

　　從理論上來講，欄目的層次數量是沒有限制的，可是分出太多的層次會對頁面排版形成很大的麻煩，也嚴重破壞了用戶體驗。道理很簡單，誰會到四，五級菜單下去找內容呢？請你必定記住，網民對網站是沒有什麼耐心的，陌生的訪客不會花太長時間去研究你的網站，深挖你的內容，看到就看到了，不看到也就錯過了，想一想你本身瀏覽別人網站的時候是否是也是這樣的「蜻蜓點水」？

　　層次結構也有缺點，那就是用戶一旦順着層級瀏覽到了「樹狀」的底端，他們就不得再也不順着結構一層一層的再回到頂部，這也是我爲何告訴你不要設計太「深」的層次結構的主要緣由，若是你的層次有6-8層這麼深，那麼很差意思，層次結構給訪客帶來的麻煩已經遠遠超過了它所帶來的好處。因此這是一個物極必反的最好例子。

　　爲了解決層次結構的缺點，設計一個良好的導航系統就顯得很是必要了。網站設計中的導航系統就是咱們常說到的「麪包屑」，用戶能夠經過導航系統直接跳轉到層次結構中的任何一級，而不須要一層一層的再往上「爬」。關於如何設計良好的導航系統，我會在後面的文章中再詳細說。

網狀結構

　　網狀結構是任意網頁之間均可以互相創建連接的一種結果，總體看起來就像蜘蛛網同樣，因此叫作網狀結構。這是每每因爲內容上的相關性或導航的須要而互相鏈接在一塊兒的。

網狀結構

咱們常常在網頁中看到除了頂部的欄目，還會在側邊欄看到一些連接內容，這是由於當前頁面的主要內容與側邊欄連接的內容相關纔會放上去的。下圖就是一個典型的側邊導航，

側邊欄示例

　　上圖中的側邊導航出如今一篇文章的內容頁面中，由於這篇文章處於一個叫「技術支持」的文章組下面，所以同一組下其它的文章應該是與這篇文章相關的，因此將同一類型的文章連接展現在側邊欄中也理所固然了。

      所以，網狀結構讓看上去互不相干的頁面能夠相互連接，瀏覽者在任何一個頁面上瀏覽的時候，均可以經過網狀結構構建的導航進步一切換到另外一個頁面中訪問，網站上各個頁面之間由於這個導航而造成一個蛛網式的結構。這裏說個題外話，實際上，網狀結構也是有效創建SEO內鏈的主要和有效方式。

      而網狀結構的好處是讓用戶能在網站上更方便地任意地遊弋，可是缺點就是，隨着站內頁面的增多，會造成一個龐大的超連接網絡，對於網站建設的維護來講很是麻煩。若是某個網頁的Url地址改變了，會形成全部指向到這個頁面的連接失效，必須一個一個頁面去檢查和修改，我想全部人都不想作這樣的事情，這會形成很大的維護壓力，所以請謹慎使用網狀結構，通常構建站內連接時，都是指向比較固定且不太可能被刪除的頁面，好比首頁，產品頁等。