您應(yīng)該為公司網(wǎng)站考慮的7種菜單類型

您網(wǎng)站上的菜單為您網(wǎng)站的所有其他元素設(shè)置了基調(diào)。正確的菜單類型創(chuàng)建了一個整體的網(wǎng)站層次結(jié)構(gòu)，也讓首次訪問者放心，引導(dǎo)他們最喜歡他們?nèi)サ牡胤健?/p>

一旦用戶登陸公司網(wǎng)站，大約50％的用戶使用導(dǎo)航來定向網(wǎng)站，然后再向前推進。您的導(dǎo)航結(jié)構(gòu)可以說是您網(wǎng)站最重要的元素之一。

選擇要使用的菜單類型與網(wǎng)站的顏色和布局一樣重要。以下是您在設(shè)計或網(wǎng)站建設(shè)公司時應(yīng)考慮的7種菜單類型。

1.漢堡菜單

您可能已經(jīng)注意到越來越多的網(wǎng)站正在使用您在移動設(shè)備上看到的漢堡包圖標，以表明有更多的導(dǎo)航選擇。漢堡菜單可以釋放您可能希望用于其他元素的寶貴空間，同時仍允許您包含您可能沒有空間的重要鏈接。

但是，非常有策略地使用此選項。一些研究表明，使用漢堡包菜單可能會損害用戶體驗（UX）。例如，如果您的觀眾由老年人組成，他們可能會避開漢堡包圖標。45歲以上的人中只有52％知道圖標的含義。

2.菜單欄

菜單欄是您在線旅行中經(jīng)常看到的東西。這是一個帶有導(dǎo)航選項的欄，它橫向顯示在頁面頂部或垂直于側(cè)面。它幾乎總是出現(xiàn)在首頁上方，通常位于網(wǎng)站標題下方。菜單欄往往具有頂部帶有按鈕或純文本的背景。

用戶希望在導(dǎo)航欄中看到某些功能，因此在選擇導(dǎo)航類別時請記住這些功能。例如，您需要選擇，如主頁，關(guān)于我們和聯(lián)系。

3.下拉菜單

下拉菜單是以不會壓倒網(wǎng)站訪問者的方式組織大量類別的另一種方式。與需要懸停的大型菜單不同，下拉菜單強制用戶采取操作，例如單擊按鈕的標題。當用戶點擊按鈕時，菜單的其余部分將顯示在按鈕下方。您仍然可以展開此菜單以占用大部分頁面，或者您可以將選項直接保留在按鈕下作為項目符號列表。

4.固定導(dǎo)航

想要隨時保持導(dǎo)航？創(chuàng)建一個固定的導(dǎo)航欄，在用戶下載頁面時下拉。固定導(dǎo)航欄對于內(nèi)容較長的網(wǎng)站特別有用。例如，如果用戶突然決定注冊您的服務(wù)，他們可以通過快速單擊按鈕進入您的服務(wù)頁面，而不必一直向上滾動到頁面頂部。

5.動畫導(dǎo)航欄

您可以添加到導(dǎo)航欄中的另一個使其更具交互性的元素是動畫。例如，如果用戶將鼠標懸停在其中一個選項上，則文本顏色可能會更改，或者選項可能會略微擴大。使更改變得相當簡單，以免降低網(wǎng)站的速度。一個輕微的動畫抓住了用戶的興趣并讓他們采取行動。

6.單獨的頁面菜單

有些網(wǎng)站需要為每個類別設(shè)置一個單獨的頁面，以涵蓋網(wǎng)站上的所有鏈接。您經(jīng)常會看到這種類型的結(jié)構(gòu)與更大的電子商務(wù)零售商和論壇。例如，如果您銷售帽子并且有三十幾個牛仔帽樣式和二十二個淺頂軟呢帽，那么您不會將這些鏈接放在您的主頁上。

7.圓形時間線導(dǎo)航

您想通過導(dǎo)航獲得一點創(chuàng)意嗎？循環(huán)時間軸導(dǎo)航特別適用于基于歷史記錄的選擇，并從頭到尾講述貴公司的故事。圓圈將焦點放在導(dǎo)航上，使其成為整個屏幕的一部分，而不是頁面的頂部或側(cè)面。

以上只是您網(wǎng)站導(dǎo)航的一些菜單類型。要使用的最佳菜單類型與您網(wǎng)站的整體色調(diào)和目的相匹配。您甚至可能會發(fā)現(xiàn)，組合幾種不同的模型可以獲得最佳效果。嘗試一些不同的風格，進行一些A / B測試，看看哪個最適合您的網(wǎng)站訪問者。立即聯(lián)系北京網(wǎng)站建設(shè)公司，獲取您想要和需要的網(wǎng)站導(dǎo)航的一些菜單類型。