国产三级农村妇女在线,国产精品毛片a∨一区二区三区,国产乱子伦视频大全,国产精品色拉拉,国产欧美日韩一区二区三区,

首頁 > 運(yùn)營 > 運(yùn)營推廣

如何改善網(wǎng)站導(dǎo)航(舉例說明為什么要這樣做)

運(yùn)營推廣 2022-11-09 09:33:05

如何改善網(wǎng)站導(dǎo)航(舉例說明為什么要這樣做)

網(wǎng)站導(dǎo)航是許多人在頁面和內(nèi)容之后才想到的。在最近的一項(xiàng)調(diào)查中,只有50%的互聯(lián)網(wǎng)用戶能夠根據(jù)標(biāo)準(zhǔn)的網(wǎng)站導(dǎo)航結(jié)構(gòu)預(yù)測相關(guān)內(nèi)容的位置。

在哪里可以找到特定問題的答案

在哪里可以找到特定問題的答案

如果一半的訪問者找不到他們正在尋找的頁面,那就是一個(gè)巨大的用戶體驗(yàn)問題。

它將導(dǎo)致更高的跳出率、更短的網(wǎng)站停留時(shí)間和更低的轉(zhuǎn)化率。

如果您正在管理一家電子商務(wù)商店,那么糟糕的導(dǎo)航也會對您的底線和收入產(chǎn)生負(fù)面影響。

在這篇文章中,我將介紹從A到Z的網(wǎng)站導(dǎo)航。這意味著,您將學(xué)習(xí)最佳實(shí)踐、不同類型的導(dǎo)航,以及您應(yīng)該如何為您的網(wǎng)站創(chuàng)建完美的導(dǎo)航。

  1. 什么是網(wǎng)站導(dǎo)航?
  2. 網(wǎng)絡(luò)導(dǎo)航的類型
  3. 網(wǎng)站導(dǎo)航示例
  4. 什么是好的網(wǎng)站導(dǎo)航?
  5. 改進(jìn)網(wǎng)站導(dǎo)航的8條原則
  6. 2022年網(wǎng)站導(dǎo)航菜單趨勢

什么是網(wǎng)站導(dǎo)航?

網(wǎng)站導(dǎo)航是在Internet上導(dǎo)航頁面、應(yīng)用程序和網(wǎng)站的過程。其背后的技術(shù)稱為超文本或超媒體。

超文本或媒體是基于文本的網(wǎng)頁,它使用超鏈接將它們連接到互聯(lián)網(wǎng)上的其他頁面。超鏈接是將您的網(wǎng)絡(luò)瀏覽器引導(dǎo)至URL的鏈接。

URL指示瀏覽器應(yīng)該從服務(wù)器訪問哪個(gè)文件,它會下載并呈現(xiàn)數(shù)據(jù),以便用戶可以看到它。

內(nèi)部鏈接指向同一域上的不同頁面。外部鏈接指向另一個(gè)域上的不同頁面,一個(gè)完全獨(dú)立的網(wǎng)站和服務(wù)器。

網(wǎng)站導(dǎo)航使用帶有內(nèi)部鏈接的菜單,使訪問者可以輕松找到他們正在尋找的頁面。良好的導(dǎo)航是用戶友好網(wǎng)站的基本要素。

什么是網(wǎng)站導(dǎo)航菜單?

網(wǎng)站導(dǎo)航菜單是一組鏈接,通常指向內(nèi)部頁面,被組織成一個(gè)菜單。大多數(shù)網(wǎng)站,包括我們自己的網(wǎng)站,在其網(wǎng)站的最頂部都有一個(gè)菜單。

閃電博頂部菜單

閃電博頂部菜單

這部分在網(wǎng)頁設(shè)計(jì)和開發(fā)中被稱為網(wǎng)站的“header”。這些菜單中鏈接到的一些最常見的頁面是:

  • 產(chǎn)品/服務(wù)
  • 博客
  • 品牌
  • 聯(lián)系我們

當(dāng)然,菜單也可以包含指向其他頁面的鏈接。

什么是網(wǎng)站的導(dǎo)航結(jié)構(gòu)?

網(wǎng)站的導(dǎo)航結(jié)構(gòu)描述了您網(wǎng)站上不同頁面的組織方式和相互連接方式。

例如,某些頁面和內(nèi)容只能通過訪問特定頁面來訪問。?設(shè)計(jì)師和網(wǎng)頁開發(fā)人員在制作新網(wǎng)站時(shí)經(jīng)常會規(guī)劃導(dǎo)航結(jié)構(gòu)。

網(wǎng)站導(dǎo)航結(jié)構(gòu)

網(wǎng)站導(dǎo)航結(jié)構(gòu)

在此示例中,關(guān)于、計(jì)劃、聯(lián)系博客頁面從主菜單鏈接到。要訪問任務(wù)團(tuán)隊(duì)頁面,您需要先訪問“關(guān)于?”頁面。

為什么導(dǎo)航在網(wǎng)站上很重要?

在這篇文章的介紹中,您了解到50%的互聯(lián)網(wǎng)用戶無法正確使用標(biāo)準(zhǔn)菜單。想象一下,很少有人會在完全沒有導(dǎo)航的情況下找到正確的內(nèi)容。

通過正確的導(dǎo)航和菜單方法,您可以將百分比降低到50%以下。這將降低您的跳出率,增加您在網(wǎng)站上的平均時(shí)間,并帶來更多的流量、潛在客戶和客戶。

網(wǎng)絡(luò)導(dǎo)航的類型

網(wǎng)站導(dǎo)航主要分為三種類型。他們是:

  1. 全球網(wǎng)站導(dǎo)航
  2. 分層網(wǎng)站導(dǎo)航
  3. 頁面網(wǎng)站導(dǎo)航

正確組合后,它們可以幫助您的訪問者瀏覽您的網(wǎng)站并毫無問題地找到他們的目的地。讓我們仔細(xì)看看每一個(gè)。

1.全局網(wǎng)站導(dǎo)航

使用全局網(wǎng)站導(dǎo)航,菜單和鏈接在網(wǎng)站的所有頁面上都是相同的。許多現(xiàn)代菜單都是這樣設(shè)計(jì)的,包括我們在閃電博網(wǎng)站的菜單。

閃電博全局標(biāo)題菜單

閃電博全局標(biāo)題菜單

在屏幕截圖中,您可以看到我們簡單易懂的標(biāo)題菜單。它在我們所有的頁面上都是一樣的,并指向我們一些最重要的頁面和內(nèi)容。

我們的頁腳菜單也是全局性的,突出了我們網(wǎng)站的重要部分和一些特色內(nèi)容。

頁腳菜單

頁腳菜單

全局菜單是大多數(shù)開箱即用的CMS解決方案的標(biāo)準(zhǔn)。

每個(gè)wordpress主題都允許您為導(dǎo)航菜單提供不同類型和區(qū)域。如果您需要更多,您可以使用菜單插件來獲得更多可用選項(xiàng)。

2.分層網(wǎng)站導(dǎo)航

分層導(dǎo)航意味著菜單會根據(jù)每個(gè)頁面的上下文而變化。

大多數(shù)報(bào)紙和純粹基于內(nèi)容的網(wǎng)站都具有分層導(dǎo)航功能。例如,如果您訪問報(bào)紙的首頁,通常會在標(biāo)題菜單中看到指向熱門新聞?lì)悇e的鏈接。

NYT的分層導(dǎo)航示例

NYT的分層導(dǎo)航示例

如果菜單是全局的,則單擊不同類別后它會保持不變。但是因?yàn)樗欠謱拥?,它會顯示新的鏈接,這些鏈接會導(dǎo)致我們訪問的類別頁面的子類別。

分層導(dǎo)航示例

分層導(dǎo)航示例

在紐約時(shí)報(bào)的科學(xué)?頁面上,您根本看不到頂級菜單。相反,您會看到指向科學(xué)研究和文章的不同子部分的鏈接。

此更改是此菜單與您在大多數(shù)較小站點(diǎn)上找到的常規(guī)全局菜單的區(qū)別所在。

3. 頁面網(wǎng)站導(dǎo)航

與分層導(dǎo)航和全局導(dǎo)航相比,頁面網(wǎng)站導(dǎo)航是指包含在內(nèi)容本身中的內(nèi)部鏈接。通常,用戶會在層次結(jié)構(gòu)的同一級別或更深的級別獲得選項(xiàng),或者提供導(dǎo)航到其他相關(guān)頁面的鏈接。

一個(gè)很好的例子是雜志網(wǎng)站,它經(jīng)常使用鏈接來幫助讀者探索某篇文章的更深層次的背景。如果他們提到他們過去報(bào)道過的事件,他們將鏈接到該文章,而不是深入解釋它。

頁面上鏈接的相關(guān)內(nèi)容示例

頁面上鏈接的相關(guān)內(nèi)容示例

但它不僅僅是為雜志和新聞網(wǎng)站保留的。電子商務(wù)商店嚴(yán)重依賴這種類型的導(dǎo)航菜單來展示同一類別的產(chǎn)品。

電子商務(wù)中的頁面導(dǎo)航示例

電子商務(wù)中的頁面導(dǎo)航示例

一般來說,內(nèi)部鏈接也是SEO的一個(gè)重要方面,更具體地說是WordPress SEO,因此它現(xiàn)在是任何管理網(wǎng)站的人的標(biāo)準(zhǔn)做法。

網(wǎng)站導(dǎo)航示例

讓我們深入研究一些例子,而不是喋喋不休地談?wù)摾碚?。我將介紹一個(gè)新聞網(wǎng)站和wordpress主題二〇二〇。

新聞網(wǎng)站:紐約時(shí)報(bào)

紐約時(shí)報(bào)主頁菜單

紐約時(shí)報(bào)主頁菜單

乍一看,《紐約時(shí)報(bào)》可能主要使用其類別的單一全局標(biāo)題菜單。

但這不是它結(jié)束的地方。紐約時(shí)報(bào)在其數(shù)百個(gè)類別頁面和數(shù)百萬篇文章中使用所有類型的導(dǎo)航。

使用的導(dǎo)航類型:

  • 分層導(dǎo)航
  • 全局導(dǎo)航
  • 頁面導(dǎo)航

讓我們看看每個(gè)頁面的不同標(biāo)題導(dǎo)航。
主頁
在其網(wǎng)站的標(biāo)題部分,它包括兩個(gè)菜單,一個(gè)位于徽標(biāo)上方的可擴(kuò)展全局菜單和一個(gè)位于標(biāo)題下方的分層菜單。本質(zhì)上,它就像一個(gè)標(biāo)題和子標(biāo)題菜單設(shè)置。

紐約時(shí)報(bào)主頁 – header菜單

紐約時(shí)報(bào)主頁 – header菜單

如果您展開標(biāo)題漢堡菜單,它會變成左側(cè)的側(cè)邊欄,其中大多數(shù)現(xiàn)代分辨率都有很大的邊距。

它不會模糊/使用覆蓋來隱藏網(wǎng)站上的任何內(nèi)容。
主頁(手機(jī)
讓我們檢查移動(dòng)設(shè)備上的相同標(biāo)題部分。大多數(shù)互聯(lián)網(wǎng)用戶通過智能手機(jī)訪問新聞網(wǎng)站,因此移動(dòng)體驗(yàn)可能比桌面體驗(yàn)更重要。

紐約時(shí)報(bào)主頁 - 移動(dòng)

紐約時(shí)報(bào)主頁 – 移動(dòng)

新聞?lì)悇e子標(biāo)題菜單不是手機(jī)主頁的一部分。相反,您只有可用的可擴(kuò)展選項(xiàng)。

展開后變成全屏菜單,完全覆蓋首頁所有內(nèi)容。

擴(kuò)展菜單 - 紐約時(shí)報(bào)主頁(移動(dòng))

擴(kuò)展菜單 – 紐約時(shí)報(bào)主頁(移動(dòng))

它包括臺式計(jì)算機(jī)主菜單中的每個(gè)選項(xiàng),并且鏈接按類別整齊地組織。
類別頁面
在類別頁面的標(biāo)題漢堡菜單下方,您會看到一個(gè)指向更多類別子集的鏈接。

紐約時(shí)報(bào)科學(xué)頁面 - 主菜單

紐約時(shí)報(bào)科學(xué)頁面 – 主菜單

它使只對更廣泛主題中的特定領(lǐng)域感興趣的人更容易找到可能更符合他們興趣的文章。
類別頁面(移動(dòng)端)
在移動(dòng)設(shè)備上,這些類別頁面包含與桌面版本相同的標(biāo)題漢堡菜單和結(jié)構(gòu)。二級標(biāo)題菜單根本沒有隱藏,使導(dǎo)航和內(nèi)容發(fā)現(xiàn)更容易。

紐約時(shí)報(bào)科學(xué)頁面 - 主菜單(移動(dòng))

紐約時(shí)報(bào)科學(xué)頁面 – 主菜單(移動(dòng))

另一個(gè)原因可能是許多移動(dòng)體驗(yàn)是通過搜索或社交媒體開始的,而不是直接訪問紐約時(shí)報(bào)的主頁。
單篇
對于單個(gè)文章,浮動(dòng)標(biāo)題指示您當(dāng)前所在的部分,但它僅具有可擴(kuò)展的全局菜單(以及搜索框)。

紐約時(shí)報(bào)文章——標(biāo)題菜單

紐約時(shí)報(bào)文章——標(biāo)題菜單

單篇文章(手機(jī))
在移動(dòng)設(shè)備上,保持干凈的導(dǎo)航,因?yàn)槲ㄒ坏牟藛问菢?biāo)題漢堡菜單。

NYT文章 – 標(biāo)題菜單(移動(dòng))

NYT文章 – 標(biāo)題菜單(移動(dòng))

頁腳
NYT頁腳菜單在主頁、類別頁面和單篇文章中是相同的。

紐約時(shí)報(bào)文章——頁腳菜單

紐約時(shí)報(bào)文章——頁腳菜單

頁腳(移動(dòng)端)

紐約時(shí)報(bào)文章 - 頁腳菜單(移動(dòng)端)

紐約時(shí)報(bào)文章 – 頁腳菜單(移動(dòng)端)

在移動(dòng)設(shè)備上,頁腳菜單僅顯示五個(gè)菜單項(xiàng),一旦單擊,所有菜單項(xiàng)都會展開為子部分。

例如,如果您單擊藝術(shù)部分,您將能夠?yàn)g覽這些子部分:

NYT文章 – 擴(kuò)展頁腳菜單(移動(dòng)端)

NYT文章 – 擴(kuò)展頁腳菜單(移動(dòng)端)

由于該網(wǎng)站使用javaScript在您向下滾動(dòng)時(shí)動(dòng)態(tài)加載更多內(nèi)容,因此頁腳似乎根本不存在。

這是一個(gè)巧妙的技巧,可以幫助您在網(wǎng)站上花費(fèi)時(shí)間并讓讀者閱讀更多文章,但它會使網(wǎng)站更難導(dǎo)航。
內(nèi)容布局
有些人可能會爭辯說,在線報(bào)紙和博客使用的主要導(dǎo)航工具不僅僅是菜單。正是報(bào)紙版面本身為紐約時(shí)報(bào)和其他類似網(wǎng)站提供了導(dǎo)航支柱。

紐約時(shí)報(bào)主頁

紐約時(shí)報(bào)主頁

所有突出顯示的元素都是可點(diǎn)擊的,并指向紐約時(shí)報(bào)網(wǎng)站內(nèi)的不同內(nèi)部頁面。

內(nèi)容布局是他們在主頁和類別頁面中實(shí)施的網(wǎng)站導(dǎo)航的另一個(gè)關(guān)鍵元素。

WordPress主題二〇二〇

另一個(gè)默認(rèn)的WordPress主題,我們將深入了解導(dǎo)航發(fā)生了什么變化。

我將檢查開發(fā)人員決定如何使用這個(gè)最新的WordPress實(shí)例處理菜單和內(nèi)部鏈接是否有任何不同。
Header菜單
就像任何標(biāo)準(zhǔn)的WordPress主題一樣,新的官方版本在標(biāo)題部分有一個(gè)簡潔的菜單。您可以選擇不同的顯示位置,這就是桌面水平菜單選項(xiàng)的外觀:

二〇二〇主題中的標(biāo)題菜單示例

二〇二〇主題中的標(biāo)題菜單示例

另一方面,桌面擴(kuò)展菜單選項(xiàng)將增加在右上角的對齊欄中擴(kuò)展菜單鏈接的可能性。

二〇二〇主題中的擴(kuò)展標(biāo)題菜單示例

二〇二〇主題中的擴(kuò)展標(biāo)題菜單示例

主要內(nèi)容區(qū)域用深灰色著色,將用戶的注意力吸引到鏈接上的菜單上。
頁腳

如何改善網(wǎng)站導(dǎo)航(舉例說明為什么要這樣做)-1

二〇二〇主題中的頁腳菜單示例

在頁腳中,沒有用于內(nèi)部導(dǎo)航的鏈接,除了一個(gè)簡單的“到頂部”鏈接,可將您帶回頁面頂部。

什么是好的網(wǎng)站導(dǎo)航?

良好的網(wǎng)站導(dǎo)航始終在設(shè)計(jì)時(shí)考慮到用戶。它使用清晰、易于理解的語言以及指向最重要頁面的鏈接。

它利用充足的空白、顏色變化或其他設(shè)計(jì)技術(shù)將自己與主要內(nèi)容清楚地分開。此外,它更易于在所有設(shè)備(移動(dòng)設(shè)備和桌面設(shè)備)上閱讀和使用。

以用戶為中心的導(dǎo)航也意味著它是上下文相關(guān)的。它考慮了用戶的體驗(yàn)和期望。這可能是在線報(bào)紙仍然無法擺脫“擁擠”設(shè)計(jì)的一個(gè)原因。

在閱讀報(bào)紙的背景下,這就是他們的用戶和潛在客戶所期望的,其中包括他們非常廣泛的類別和子類別菜單。

在下一節(jié)中,我將介紹如何為您的網(wǎng)站創(chuàng)建良好導(dǎo)航的基礎(chǔ)知識。

改進(jìn)網(wǎng)站導(dǎo)航的8條原則

即使您是一個(gè)完整的初學(xué)者,您也可以按照以下提示為您的網(wǎng)站確定導(dǎo)航。

1.規(guī)劃你的頁面結(jié)構(gòu)和導(dǎo)航

在您開始為您的網(wǎng)站編寫內(nèi)容之前,請計(jì)劃好您的頁面結(jié)構(gòu)和導(dǎo)航的外觀。

規(guī)劃是為訪問者提供滿意導(dǎo)航的過程的重要組成部分。您可以使用站點(diǎn)地圖創(chuàng)建器來幫助您快速創(chuàng)建您想要的網(wǎng)站體驗(yàn)的模型。

一個(gè)好的站點(diǎn)地圖工具的例子是GlooMaps。

GlooMaps

GlooMaps

您可以根據(jù)需要免費(fèi)創(chuàng)建任意數(shù)量的文檔。每個(gè)人都有一個(gè)唯一的 URL,然后您可以共享以收集反饋并讓其他人對其進(jìn)行編輯。創(chuàng)建后,您的URL將在14天內(nèi)可用,除非重新訪問。每次新訪問都會將鏈接壽命再延長14天。

GlooMaps不是您可以使用的唯一工具,還有很多類似Octopus、VisualSitemaps、Creately的工具,僅舉幾例。

2. 遵循既定標(biāo)準(zhǔn)

不要試圖重新發(fā)明輪子。網(wǎng)站導(dǎo)航更多的是關(guān)于可用性而不是創(chuàng)造力。

對于基本的設(shè)計(jì)元素,例如在哪里放置菜單以及如何指示它是可擴(kuò)展的,請遵循已知標(biāo)準(zhǔn)。

三個(gè)水平條紋,或“漢堡”?標(biāo)志,是識別可擴(kuò)展菜單的最知名圖標(biāo)之一。另一個(gè)是創(chuàng)建水平線的三個(gè)點(diǎn)。

如果您嘗試獲得創(chuàng)意并開發(fā)自定義圖標(biāo),那么許多訪問者可能不會理解您設(shè)計(jì)的目的,并且很難找到您的菜單。

3. 使用用戶的詞匯

不要僅僅鏈接到相同的舊頁面,使用標(biāo)準(zhǔn)的Web開發(fā)術(shù)語,或過度創(chuàng)造性的副本,使用更接近用戶使用、搜索和想要的語言。

這種方法對SEO和可用性都有好處。創(chuàng)建反映用戶在線搜索內(nèi)容的頁面。

然后,您可以使用幫助用戶在Google上找到您的網(wǎng)站的相同字詞和短語鏈接到這些相同的頁面。

4. 使用響應(yīng)式菜單

由于超過52%的在線流量現(xiàn)在是移動(dòng)的,因此響應(yīng)式/移動(dòng)優(yōu)先設(shè)計(jì)已成為絕對必須的。

不要讓移動(dòng)Web瀏覽器中的菜單超出框架或過于雜亂,確保實(shí)現(xiàn)可擴(kuò)展的移動(dòng)菜單。

它已成為行業(yè)標(biāo)準(zhǔn)是有原因的。帶有小文本的水平菜單很難在移動(dòng)設(shè)備上閱讀、單擊和正確使用。

好消息是,所有最好的WordPress主題默認(rèn)都帶有響應(yīng)式設(shè)計(jì)和響應(yīng)式菜單。除非您從頭開始設(shè)計(jì)您的WordPress網(wǎng)站,否則WordPress已經(jīng)為您提供了幫助。

不斷閱讀并滾動(dòng)到您網(wǎng)站底部的讀者比普通用戶更投入。利用這一點(diǎn),利用每頁底部的空間來突出有價(jià)值的內(nèi)容。

由于頁腳不會占用“首屏”空間,因此您可以細(xì)化并包括多個(gè)類別,甚至突出顯示重要的基石頁面或文章。

作為一個(gè)例子,看看我們?nèi)绾翁幚磉@個(gè)頁面上的頁腳。我們涵蓋基本功能頁面、我們的公司、分解我們的資源等等。

頁腳允許您突出顯示“無法容納”到頁眉中的內(nèi)容。

6.使用顏色和白色空間將導(dǎo)航與其他元素分開

使用顏色、字體和空白將菜單與主要內(nèi)容和側(cè)邊欄分開。明確導(dǎo)航的開始和結(jié)束位置。

如果您的網(wǎng)站訪問者一開始甚至找不到菜單,您在菜單中使用什么語言或鏈接到哪些頁面都沒有關(guān)系。

7.避免下拉菜單

對于大多數(shù)網(wǎng)站(不是全部),下拉菜單不是必需的或有用的。當(dāng)用戶在菜單中看到一個(gè)鏈接時(shí),假設(shè)它是可點(diǎn)擊的。除非設(shè)計(jì)將其與可點(diǎn)擊鏈接分開,否則可能會導(dǎo)致混亂。

主菜單中的鏈接過多也會對網(wǎng)站的可用性產(chǎn)生負(fù)面影響。

實(shí)施分層和本地導(dǎo)航代替下拉菜單可以使用戶流更順暢。它還允許用戶與多個(gè)頁面進(jìn)行交互并在您的網(wǎng)站上花費(fèi)更多時(shí)間,而不是瀏覽巨大的鏈接列表。

8. 扁平化結(jié)構(gòu)

如果您想讓訪問者盡可能輕松地瀏覽您網(wǎng)站的所有頁面,請保持盡可能平坦的導(dǎo)航結(jié)構(gòu)。

與其從您的主頁鏈接到少數(shù)幾個(gè)頁面,然后用更多的子頁面和類別進(jìn)行擴(kuò)展,不如讓事情變得簡單。

確保從您的主頁鏈接到重要類別,并從那里鏈接到單層子類別或單個(gè)文章頁面。

扁平化網(wǎng)站結(jié)構(gòu)

扁平化網(wǎng)站結(jié)構(gòu)

有證據(jù)表明,以這種方式扁平化結(jié)構(gòu)對SEO有積極影響,并且可以導(dǎo)致Google站點(diǎn)鏈接。所以不要讓你的網(wǎng)站結(jié)構(gòu)變得太亂!

盡管近年來更廣泛的網(wǎng)頁設(shè)計(jì)趨勢包括3D設(shè)計(jì)元素和將量身定制的照片融入創(chuàng)意設(shè)計(jì)之類的東西,但菜單并沒有令人興奮的一年。

但這并不意味著一切都沒有改變。以下是我們對過去幾年中一些最重要的菜單趨勢的快速了解。

全屏移動(dòng)菜單中的可擴(kuò)展類別

優(yōu)步——移動(dòng)菜單

優(yōu)步——移動(dòng)菜單

優(yōu)步和其他具有改進(jìn)的現(xiàn)代設(shè)計(jì)的大公司已經(jīng)更新了他們的菜單,使其更實(shí)用。

這些企業(yè)面臨的一個(gè)問題是,他們擁有如此多不同的產(chǎn)品和類別,以至于不可能明智地將它們包含在一個(gè)菜單中。

這會導(dǎo)致清晰、分類的可擴(kuò)展移動(dòng)菜單,而不僅僅是無窮無盡的鏈接列表。

浮動(dòng)標(biāo)題菜單

也許過去幾年菜單的普遍趨勢是懸浮標(biāo)題菜單。

懸浮標(biāo)題菜單是一種菜單,當(dāng)您向下滾動(dòng)頁面時(shí),它會固定在Web瀏覽器窗口的頂部。通常它是標(biāo)題部分的一部分,其中包括一個(gè)小徽標(biāo),可能還有一個(gè)搜索欄。

很難反駁它,因?yàn)椴粩嘣L問菜單會使內(nèi)部導(dǎo)航變得更加容易。這種類型的菜單包含在許多WordPress主題中,并且趨勢沒有停止的跡象。

桌面上的疊加下拉菜單

關(guān)于網(wǎng)站導(dǎo)航的一些最基本的建議是遠(yuǎn)離下拉菜單。而且是有原因的。

但這并不意味著它們天生就很糟糕。下拉菜單很難以在計(jì)算機(jī)屏幕上有意義的方式實(shí)現(xiàn)。

通過在主要內(nèi)容上疊加顏色,他們可以將 100% 的用戶注意力集中在菜單上。與在懸停時(shí)顯示更多鏈接相比,您還有更好的可擴(kuò)展類別選項(xiàng)。

這些因素結(jié)合在一起,使其成為2019年的增長趨勢。事實(shí)上,許多創(chuàng)新的網(wǎng)站和模板都包括桌面上的疊加下拉菜單。

小結(jié)

這篇文章應(yīng)該讓您清楚地了解什么是網(wǎng)站導(dǎo)航及其一些關(guān)鍵點(diǎn)。

網(wǎng)站導(dǎo)航應(yīng)始終關(guān)注簡單、清晰,而不是強(qiáng)烈的色彩和創(chuàng)意設(shè)計(jì)。由于您網(wǎng)站的導(dǎo)航和菜單需要同時(shí)考慮桌面用戶和移動(dòng)用戶,因此事情會變得更加棘手,聘請網(wǎng)絡(luò)開發(fā)人員可能是一個(gè)不錯(cuò)的選擇。

始終嘗試遵循網(wǎng)站菜單設(shè)計(jì)最佳實(shí)踐,以確保您的訪問者和搜索引擎可以輕松瀏覽您的內(nèi)容。

可用性和清晰度將繼續(xù)成為未來的優(yōu)先事項(xiàng)。因此,如果您能夠掌握用戶的語言并創(chuàng)建對他們有意義的結(jié)構(gòu),您將能夠使您的菜單適應(yīng)未來。

TAg

加載中~

本網(wǎng)站LOGO受版權(quán)及商標(biāo)保護(hù),版權(quán)登記號:國作登字-2022-F-10126915,未經(jīng)湖南木星科技官方許可,嚴(yán)禁使用。
Copyright ? 2012-2022 湖南木星科技有限公司(木星網(wǎng))版權(quán)所有
轉(zhuǎn)載內(nèi)容版權(quán)歸作者及來源網(wǎng)站所有,本站原創(chuàng)內(nèi)容轉(zhuǎn)載請注明來源,商業(yè)媒體及紙媒請先聯(lián)系:aishangyiwan@126.com

工信部備案號:湘ICP備19012813號-5