<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      無為網絡公司:網站導航最佳實踐、提示和示例

      日期:2020-05-11 閱讀:437   作者:無為網站設計開發公司

      想象一下這樣的場景:你已經有一段時間想給自己買一個新的筆記本電腦包了。最后,你有時間坐下來,在網上瀏覽不同的設計,挑選你最喜歡的。經過多次審議,你已經找到了完美的包,并想做你的購買。但是,恐怖的恐怖-你找不到“購買我”按鈕,購物車圖標已經消失,返回政策是無處可見。這一切看起來都太復雜了,最終,你放棄了,轉而選擇另一個品牌。

      這是一個典型的例子,網站導航可以創造或破壞用戶的體驗,最終影響流量,轉換和反彈率。無為網絡公司良好的網站導航可以幫助用戶找到他們正在尋找的內容,并為他們提供積極的體驗,鼓勵他們返回。什么時候創建網站考慮到形成良好用戶體驗的許多不同方面--從站點的視覺吸引力,到其布局、文本的使用等等--但導航的易用性是一個關鍵因素。

      以下是11條改進網站導航和確保訪問者滿意的提示:

      00001. 

      規劃你的導航

      00002. 

      00003. 

      按優先順序排列頁面

      00004. 

      00005. 

      堅持慣例

      00006. 

      00007. 

      考慮創建一個粘性菜單

      00008. 

      00009. 

      限制菜單中的項目數

      00010. 

      00011. 

      如有必要,創建巨型下拉菜單

      00012. 

      00013. 

      添加搜索欄

      00014. 

      00015. 

      給菜單貼上清楚的標簽

      00016. 

      00017. 

      將徽標鏈接回主頁

      00018. 

      00019. 

      指示用戶在哪個頁面上。

      00020. 

      00021. 

      確保訪問者可以從任何頁面到達任何頁面。

      00022. 

      網站導航類型

      第一件事。雖然網站的內容、設計和結構各不相同,但有幾種標準類型的導航菜單,您知道,并且可以在整個在線世界中識別。這些廣泛存在的規范雖然開放供解釋,但卻幫助用戶輕松地在網站上找到了自己的道路:

      網站標題中的導航菜單:這是一個經典的菜單,出現在您的網站的每一頁的頂部,通常水平運行在屏幕上。

      網站左側或右側的側邊欄:這是一個位于頁面一側的列表。它可以是最小的,也可以成為舞臺的中心,成為設計的一部分,就像在平面設計師上一樣。Beeple的Wix網站.

      拆分菜單:這個相對較新的Web設計趨勢打破標準菜單,將鏈接到每個頁面的角落或側面的屏幕。

      漢堡菜單:雖然這經常出現在移動網頁設計這個簡單的三線圖標現在也出現在許多桌面版本的網站上。漢堡包菜單提供了一個最小的圖標,不會干擾網站的設計,尤其是當房地產受到限制時(比如在移動屏幕上)。

      腳:您的網站頁腳是一個很好的地方添加您的社交媒體鏈接,以及任何其他重要的鏈接,網站訪問者可能會發現有用。它還可以在頁面頂部重復導航菜單。

       

      01.規劃你的導航

      有些事情最好是自發地做。但當涉及到創建網站一點前瞻的想法絕對是必要的。在您深入研究之前,請澄清您的網站需要哪些功能和頁面,以及它們的層次應該是什么。你需要一個“關于我們”一頁一個博客還是一個常見問題部分?這些網頁中哪一個對你的網站訪問者來說是最重要的還是最有價值的?

      要根據你的需要來計劃你的菜單,創建一個“站點地圖”。Sitemap是網站所有主頁的列表,以及其中的所有子類別。它應該清楚地指出哪些頁更重要,哪些不那么重要。您的站點地圖將構成您的導航菜單的基礎。要創建一個,您可以使用任何您認為最舒服的方法--您可以手工編寫它,將它表示為流程圖或圖表,或者在電子表格上鍵入它。

      例如,如果您正在為化妝品品牌創建一個網站,您的主頁可以是您的主頁、“關于”部分和網上商店。然而,在你的網上商店部分,你可能會把它分成不同的類別,如護膚品、發制品和暢銷書。此層次結構應在站點地圖中顯示。

       

      02.按優先順序排列頁面

      在決定你的層次結構時,要考慮你想把訪問者帶到哪里,以及如何最好地引導他們通過你的漏斗,最終將他們轉化為顧客或粉絲。另外,想想你的訪客最感興趣的信息是什么。這被稱為“主導航”,它應該盡可能容易訪問。構成主導航的所有頁面都應該出現在站點的主菜單中。

      即使在你的菜單中,你也會有更高、更低優先級的頁面。一旦您對頁面進行了優先排序,就應該在導航菜單設計中表達這一點,使最關鍵的頁面脫穎而出。這樣做的一個好方法,也是一條一般規則,就是菜單上第一個或最后出現的項目吸引了更多的注意,所以你應該把你的高優先級頁面放在那里。

      如果您的網站包含了大量的信息,您可能還需要一個額外的菜單為您的輔助導航頁面。這些頁面不太重要,但當然仍然需要清晰的導航。這個次級菜單應該會吸引更少的注意力,使用更小的類型,也許更少的對比顏色。

      03.堅持慣例

      雖然嘗試打破模式并創造一個前所未見的設計是很有誘惑力的,但有時最好還是堅持人們已經知道的東西。畢竟,超鏈接之所以出現在藍色和下劃線上是有原因的,或者一個標志通常會被放置在網站的某個角落。這些熟悉的細微差別,或者說“設計慣例”,是因為它們起作用了--就這么簡單。

      在導航方面,您希望用戶能夠盡可能輕松地無縫瀏覽您的網站。即使內容、產品或設計對他們來說都是全新的,他們仍然希望菜單位于標準位置之一--在頂部的角落,或者在網站的標題中。

      當然,有時候你可以脫離常規。只有當它服務于你的目的或信息時,才嘗試這樣做??纯床瀹嫾液退囆g家玫瑰布萊克結合一個標準菜單在她的Wix網站頂部和菜單的形式的插圖,你可以點擊,以發現更多的她的作品。

      04.考慮創建一個粘性菜單

      粘性菜單(也稱為“固定的”或“浮動的”菜單)是一個菜單,即使訪問者滾動你的網站,也可以保持不變。這對于長滾動頁面尤其重要,因為您不希望訪問者為了進入另一個頁面而一直滾動。然而,也有一種選擇添加“返回到頂部”按鈕這將幫助用戶節省時間。無論您選擇哪種解決方案,都取決于您的網站的設計和布局,因此,在考慮網站最方便的導航形式時,要考慮不同的選項。

      到在Wix上創建浮動菜單,您可以簡單地轉到編輯器左側的“Add”,然后選擇要選擇的菜單樣式。接下來,右擊你的菜單并選擇‘點擊屏幕’。

       

      05.限制菜單中的項目數

      沒有人喜歡被信息轟炸。在瀏覽網頁時,想要保持注意力集中已經夠困難的了,所有的干擾都會突然出現。盡量減少菜單,最多可分為六或七類。這樣,用戶就能夠更好地處理信息并更快地到達他們想要的頁面。

      如果您的網站包含大量信息,您可以使用下拉菜單將其細分為各個部分。這意味著當訪問者懸停在菜單上的一個項目上時,會出現一個子類別列表,他們可以從中選擇。但是,盡量避免下拉菜單,因為當用戶單擊菜單中的某個項目時,他們希望直接進入另一個頁面。在用戶體驗中,額外的步驟可以是輕微的“打嗝”。

      06.如有必要,創建巨型下拉菜單

      雖然我們建議限制您的菜單項,如果一個網站包含大量的內容,這并不總是可能的。在這種情況下,您可以創建一個超級菜單。超級菜單是大型列表或面板,從一個經典的導航菜單下拉,為您提供一系列的選項。

      一個典型的例子是電子商務網站銷售許多不同的產品。你不想把你所有的產品都包括在菜單上,因為這看起來很混亂。相反,你可以把你的產品分類,這樣你就可以有更有秩序的瀏覽體驗。例如,如果你有一個健身中心的網站,你的主菜單上可能會有一個項目,上面寫著“課程”,其中一個超級下拉列表被分成了幾個子類別,比如“健美操”、“伸展”和“懷孕課”。在每個子類別下都是所有的特定類。

      為了避免任何混亂或信息超載,您可以使用設計工具在潛在的混亂中創建層次結構。圍繞字體風格發揮,以使子類別突出-你可以使他們大膽,略大,或不同的顏色比他們下面的文字。您還可以在它們周圍添加一些額外的空間,以便訪問者了解分離。

      07.添加搜索欄

      內容密集網站的另一個選擇是添加一個搜索欄。它可以幫助用戶更快地找到他們想要的東西。請記住,您的網頁設計需要為觀眾提供服務,其關注度要降低,這就要求所有的東西都能無縫地工作,而不必等待太長時間。一個搜索欄也可能是有用的,誰有較少的經驗瀏覽網頁,因為這是一個熟悉的概念,他們可以立即了解。

      在你的搜索欄的位置,保持它或多或少與你的菜單一致。它應該在您的網站的標題和,如菜單,可以保持固定的位置,當訪問者滾動你的網站。

      08.給菜單貼上清楚的標簽

      既然你知道菜單上會出現哪些項目,現在就該決定每個項目的確切措辭和標簽了。發揮你的創造力縮微拷貝(整個網站或應用程序中的小部分文本)很棒,但你也需要確保你的用戶能很快理解你在說什么。你的菜單不是用你的措辭或使用行業術語的地方。相反,文本應該是描述性的,重點是,最重要的是,要清楚。

      如果你不完全確定哪一種措辭會更好,你可以嘗試兩種不同的版本,并通過在您的站點上執行A/B測試.

      09.將徽標鏈接回主頁

      無為網絡公司不將您的徽標鏈接回主頁是一個常見網頁設計錯誤這是很容易避免的。你的菜單不需要包含“主頁”這個詞。相反,添加您的企業的標志在每個網站的網頁頂部,并將其鏈接到主頁。對于大多數用戶來說,這將是非常直觀的,因為它堅持網頁設計公約。

      通常,標識會出現在網站標題的左邊,但準確的位置會有所不同。最重要的是,您的標志將出現在您的網站頂部,在相當接近您的菜單。如果您沒有徽標,則可以使用推薦的在線標識之一。標志制造者.

      10.指出用戶在哪個頁面上

      人們一般不喜歡迷失方向,你的網站也是如此。您可以通過向用戶說明他們在您的網站上的位置來改進您的用戶體驗。對此有許多不同的方法。

      您可以包括一個不容錯過的大標題,添加面包屑(包含您訪問的所有頁面的文本列表,以便到達您現在所在的位置),或者簡單地突出顯示您在菜單中的頁面。最后一個選項很微妙,不會給頁面造成任何混亂,就像面包屑可能做的那樣。

      你可以用不同的顏色來表示菜單中的頁面,用粗體顯示文本,給它下劃線,或者任何其他你能想到的不吸引太多注意力的創造性選項。

      11.確保訪問者可以從任何網頁到達任何頁面

      最后一個技巧和經驗法則是,訪問者應該能夠從任何頁面導航到他們想要的任何頁面。記住,并不是每個人都一定會從主頁到達你的網站。這意味著他們登陸的任何其他頁面都應該連接到您網站的其他部分。

      一個簡單的解決方案就是確保所有頁面都可以從菜單中訪問。如果每一頁都有菜單-好吧,你被排序了。為了使事情更容易和更直觀,保持網站菜單設計一致的每一頁,放置在完全相同的地方,以避免混淆。

       

       


      网赚团队