常見的邊欄錯誤及如何糾正

許多網站設計師忽略了適當的側邊欄使用。側邊欄通常會比讀者知道如何處理更多令人分心的功能和內容，這可能導致他們離開頁面。即使讀者由于過于擁擠或不適當的側邊欄設計而沒有離開頁面，他或她也會忽略側邊欄。忽略側邊欄，您的讀者可能會錯過與所有無用元素混合的重要信息。

邊欄放置

在您決定側邊欄的任何其他內容之前，您應該首先考慮它的位置以及與網站其他元素的集成。畢竟，真空中沒有任何東西存在，并且考慮不周的側邊欄可能會使整個網站設計失效。

您的第一個決定是是否有左右對齊的側邊欄。此決定受到您打算在側邊欄中包含的內容及其相對重要性的影響。如果您的主要導航位于側邊欄中，則左側邊欄非常有用。因為讀者更重視頁面左側的內容，所以左側邊欄比內容更重要。

正如您在示例中所看到的，使用左側邊欄，導航菜單不在頁面頂部。左側邊欄取代了它的位置。

與左側邊欄相關的主要問題是它們是非典型的。讀者希望側邊欄位于右側，菜單位于頁面頂部。雖然與意圖和優雅的期望相悖可能是有用的，側邊欄必須是非常高的質量。如果不是，而不是表現出創新，你看起來就像你不了解基本的設計原則。

右側邊欄是最常見的。側邊欄對內容非常重要，位于那里的信息很有用，但并不重要。廣告通常位于右側邊欄中。

一些網站設計師將菜單放在右側邊欄中。雖然這是一個大膽的設計選擇，但這可能會使讀者感到困惑，他們希望菜單至關重要。

使用兩個側邊欄時，牢記讀取層次結構非常重要。菜單不應位于右側欄中，廣告不應位于左側欄中。確保您的重要內容留下。當您有一個頂級菜單時，最好只使用一個側邊欄。

側邊欄和滾動

設計側邊欄時請記住滾動類型。使用傳統的滾動樣式，所有類型的側邊欄都是合適的，盡管使左側邊欄固定內容可能效果最佳。使用傳統滾動的網站的關鍵考慮因素是確保您的側邊欄，特別是右側邊欄，永遠不會超過您的內容。永遠不要讓您的讀者無休止地向下滾動以獲取輔助內容。

水平滾動有利于固定左側邊欄。右側邊欄永遠不應該與這種風格一起使用，因為沒有讀者在頁面上滾動之后想要遇到意外的側邊欄，固定的右側邊欄將同樣令人困惑和惱人。水平滾動足以帶來挑戰和新奇。添加側邊欄可能會使其無法讀取。

視差滾動有利于左側和雙側邊欄。左側邊欄應該固定并使用此滾動樣式保持不變。當讀者每次滾動時都進入新頁面時，固定的左側邊欄可以成為錨定點，保持熟悉不斷變化的頁面和格式的東西。

右側邊欄經歷了最大的變化。與視差滾動一樣，每頁都可以引入新的側邊欄。如果您確實更改了每個頁面的右側邊欄，那么保持格式相同應該是優先考慮的事項。讀者可能會被介紹到新的內容，但是每個頁面改變格式會使讀者和設計師都感到困難。偶爾更改側邊欄模板可能會起作用，但應僅限于最重要的內容更改，讓讀者知道何時添加了重要內容而沒有額外的過度壓力。

包括什么

設計一個有用且吸引人的側邊欄需要仔細考慮每個元素的效用和位置。考慮您的特定業務要求及其相對重要性。看看這個清單。有些項目很有用，但其中很多都沒有。

列表中的許多項目根本不屬于側欄。LOGO應位于產品頁面上，鏈接和視頻也應如此。其他一些信息可能屬于側欄，但不屬于所有側邊欄。

將這些限制在產品頁面的側邊欄上。如果您想詳細報價，他們應鏈接到更大的“推薦”頁面。

社交媒體圖標。可能有用，但應占用最小的空間。如果您想在每個頁面上使用它們，請將這些圖標放在固定的左側邊欄的底部。

其他文章。對論壇有用。使用產品頁面，鏈接到您網站上的其他產品也可能會有所幫助，但在這兩種情況下，審核都是關鍵。不要在側欄中放置最近和類似的帖子。確定哪個更重要，并將其他類別放在主要內容頁面的底部。

聯系信息。您可以放在側邊欄中的最有用的信息之一。但是，它應該僅限于電子郵件。您無需在每個頁面上放置您的電子郵件，公司地址和電話號碼。這就是“聯系我們”頁面的用途。

搜索框。另一個有用的信息。這可用于代替其他文章部分，因為它占用較少的空間并允許讀者選擇他或她希望看到的內容。

請注意這些原則以及過度擁擠的側邊欄的危險性。側邊欄中的三到五個項目被認為是一個很好的數字。記住這個數字的優先順序，你的側欄決策應該更容易。