Godzilla. 2018-08-09
網(wǎng)站建設
設計具有良好用戶體驗的網(wǎng)站導航的技巧
網(wǎng)站導航是瀏覽器的一個或核心體驗。有效的導航系統(tǒng)有助于幫助網(wǎng)站,確定用戶的主要位置以及他們?nèi)绾螢g覽網(wǎng)站。一個有效的網(wǎng)頁導航面板是該網(wǎng)站的地圖,沒有它,網(wǎng)站感覺混亂,難以遵循。沒有有效的導航系統(tǒng),網(wǎng)站就會失效。因此,在設計網(wǎng)站導航系統(tǒng)時,設計需要足夠簡單,以便對用戶有意義,但又要足夠復雜,以便將用戶引導到他們需要去的地方。
嘗試將其映射到您的頭腦中,就像儀表板UI設計一樣。 讓一切變得簡單易行。
設計的一個重要方面
有效的導航系統(tǒng)可以讓用戶在您的網(wǎng)站上停留更長時間。如果沒有這個,觀眾有時會“反彈”或訪問單個頁面然后離開網(wǎng)站。有效的導航面板還可以讓您的網(wǎng)站輕松映射到Google,從而提高搜索排名。
一個易于瀏覽的直觀網(wǎng)站似乎很友好,并鼓勵用戶參與。 因此,有效的導航系統(tǒng)對于網(wǎng)站設計的成功至關重要。導航面板可能采用創(chuàng)意形式,并且具有不尋常的設計,但是什么使網(wǎng)站導航面板變得有趣,以及您將如何設計它?
規(guī)劃你的菜單
沒有用于創(chuàng)建網(wǎng)站導航系統(tǒng)的設定規(guī)則。導航系統(tǒng)可以非常通用。有些可能很簡單,有些則非常復雜。 對于登錄的用戶和僅瀏覽的用戶,可能存在不同的導航系統(tǒng)。
為了創(chuàng)建有效的導航系統(tǒng),重要的是要考慮網(wǎng)站將顯示什么信息,以及如何按重要性排列,創(chuàng)建適合的導航系統(tǒng)。
根據(jù)用戶需求設計菜單
雖然下拉菜單看起來很棒,但搜索引擎可能很難抓取。他們可能會隱藏乍一看很難找到的重要信息。這可能意味著重要頁面無法獲得所需的訪問權(quán)限。最糟糕的是,網(wǎng)站瀏覽者發(fā)現(xiàn)它們很煩人。這是因為當他們掃描頁面然后單擊鼠標時,會出現(xiàn)下拉菜單。
用戶可能無法理解如何對菜單進行排序或?qū)ζ溥M行分類,這可能會使網(wǎng)站感到混亂。這可能會使網(wǎng)站導航感覺像是一種緩慢而低效的體驗。
多導航菜單
觀眾通過搜索導航方式并找到解決方法來與網(wǎng)站進行互動。
這就是為什么當信息變得越來越復雜時,通常使用多個導航工具來使用戶體驗更有效。發(fā)生這種情況是因為并非所有內(nèi)容都適合單個菜單。因此,許多網(wǎng)站都有主導航系統(tǒng)和輔助導航系統(tǒng)。
主要導航系統(tǒng)
主導航系統(tǒng)用于最重要的信息,例如關于我們或主頁,它確保用戶盡快獲得所需的所有信息。但是,放置在網(wǎng)站主導航系統(tǒng)中的內(nèi)容始終是相對的,并且由網(wǎng)站確定。
二級網(wǎng)站導航系統(tǒng)
輔助導航可以放置在站點的任何位置,并且通常以子標題的形式出現(xiàn)。它可能包括諸如常見問題,幫助或客戶區(qū)頁面等主題,這些主題不會向用戶提供對網(wǎng)站的廣泛介紹,但仍包含相關信息,但用戶可能會搜索該信息。選擇用于輔助導航的區(qū)域?qū)⒂烧军c的目的決定。
確保您的網(wǎng)站易于訪問
在創(chuàng)建網(wǎng)站導航時,請避免使用可能限制某些用戶訪問的程序(Flash,Javascript,jQuery)。讓人們可以輕松訪問您的網(wǎng)站,沒有任何復雜功能,您的設計就越有效。
保持傳統(tǒng)
設計一個有效的網(wǎng)站是為了讓您的用戶盡可能熟悉這個過程。這使網(wǎng)站感覺直觀且易于使用。
在設計網(wǎng)站導航系統(tǒng)時,請遵循標準預期。如果用戶希望沿站點的頂部或左側(cè)導航,請使用這些標準空間。這使用戶有機會與網(wǎng)站互動,降低“跳出率”或快速離開網(wǎng)站的用戶。雖然獨特性和怪癖為網(wǎng)站設計提供了重要元素,但是使您的網(wǎng)站看起來更有趣和獨特,這不應該包含在導航面板中。
不斷更新
盡管傳統(tǒng)導航系統(tǒng)出現(xiàn)在網(wǎng)站的頂部和側(cè)面,但仍有發(fā)現(xiàn)空間。新的和不同的導航系統(tǒng)開始出現(xiàn),它們使用幻燈片將菜單帶入視圖,并將用戶帶到他們想去的地方。
隱藏的導航元素(如頂角的漢堡圖標或懸停效果鏈接)專注于網(wǎng)站的設計和可用性。設計人員使用直觀的圖標放置來引導用戶進入導航面板,簡單易用。通過將信息呈現(xiàn)為一個長而連續(xù)的頁面而不是可能使用起來更復雜的多個頁面,一頁滾動網(wǎng)站對于觀看者也可能是有效的。
在使用創(chuàng)新的導航系統(tǒng)進行設計時,請確保您的設計能夠響應移動設備,并且用戶仍然可以在較小的屏幕上有效地協(xié)商導航面板。
回到頁面頂部
一些網(wǎng)站不是自動滾動到頁面頂部,而是在頁面的頁腳上提供一個菜單,以允許用戶選擇下一步去哪里??紤]這是否是您網(wǎng)站的有效導航工具。
響應式菜單
響應式菜單可調(diào)整并適應不同風格和大小的屏幕,導航難以設計,同時保持一致的感覺。
然而,隨著移動設備繪制未來的方式,高度個性化和不斷訪問,確保您的網(wǎng)站易于在小屏幕上導航,以便讓觀眾感興趣。
文章標簽:
網(wǎng)站設計 網(wǎng)站導航
文章評論: