網(wǎng)站導航是瀏覽器的核心體驗之一。一個(gè)有效的導航系統可以幫助協(xié)商一個(gè)網(wǎng)站,確定用戶(hù)的位置,以及他們如何導航一個(gè)網(wǎng)站。一個(gè)有效的web導航面板是網(wǎng)站地圖,如果沒(méi)有它,網(wǎng)站就會(huì )感到混亂和難以遵循。沒(méi)有有效的導航系統,網(wǎng)站就變得無(wú)效。
在設計網(wǎng)站導航系統時(shí),設計需要簡(jiǎn)單到足以讓用戶(hù)理解,但要足夠復雜,可以直接引導用戶(hù)到他們需要去的地方。試著(zhù)將它映射到您的腦海中,就像對儀表板UI設計一樣。讓每件事都簡(jiǎn)單,容易達成。
一個(gè)有效的導航系統會(huì )讓用戶(hù)在你的網(wǎng)站上停留更長(cháng)時(shí)間。沒(méi)有這個(gè),觀(guān)眾有時(shí)會(huì )“彈跳”或訪(fǎng)問(wèn)一個(gè)頁(yè)面,然后離開(kāi)網(wǎng)站。一個(gè)有效的導航面板也會(huì )使你的網(wǎng)站易于映射到谷歌,提高搜索排名。一個(gè)容易導航的直觀(guān)網(wǎng)站看起來(lái)很友好,并且會(huì )鼓勵用戶(hù)參與。因此,一個(gè)有效的導航系統對于網(wǎng)站的成功至關(guān)重要。
導航面板可能會(huì )有創(chuàng )造性的形式,有不同尋常的設計,但是什么使得一個(gè)網(wǎng)站導航面板有趣的有效,你將如何設計它?
創(chuàng )建網(wǎng)站導航系統沒(méi)有固定的規則。導航系統可以非常通用。有些可能很簡(jiǎn)單,有些則很復雜。對于登錄的用戶(hù)和簡(jiǎn)單瀏覽的用戶(hù),可能會(huì )有不同的導航系統。
為了創(chuàng )建一個(gè)有效的導航系統,重要的是要考慮一個(gè)網(wǎng)站將展示什么信息,以及如何按照重要性排列這些信息,創(chuàng )建一個(gè)適合的導航系統。
根據用戶(hù)需要設計你的菜單
雖然下拉菜單看起來(lái)不錯,但它們可能很難搜索引擎爬行。他們可能會(huì )隱藏一些可能很難找到的重要信息。
這可能意味著(zhù)重要的頁(yè)面沒(méi)有得到他們需要的訪(fǎng)問(wèn)。最糟糕的是,網(wǎng)站瀏覽者覺(jué)得他們很煩人。這是因為當他們掃描一個(gè)頁(yè)面,然后點(diǎn)擊鼠標時(shí),下拉菜單就出現了。
用戶(hù)可能不知道如何對菜單進(jìn)行排序或分類(lèi),它會(huì )讓網(wǎng)站感到混亂。這會(huì )讓網(wǎng)站導航感覺(jué)像一個(gè)緩慢而低效的體驗。
多個(gè)導航菜單
觀(guān)眾通過(guò)搜索找到一種導航的方式來(lái)與網(wǎng)站互動(dòng),找到他們的方法。
這就是為什么當信息變得越來(lái)越復雜時(shí),常常會(huì )使用多種導航工具使用戶(hù)體驗更加有效。這是因為并不是所有的內容都適合一個(gè)菜單。因此,許多網(wǎng)站都有初級和二級導航系統。
主要的導航系統
主要的導航系統用于最重要的信息,例如關(guān)于我們或主頁(yè)的信息,這確保用戶(hù)能夠盡快獲得所需的所有信息。
網(wǎng)站的主要導航系統中的內容總是相對的,而且是由網(wǎng)站決定的。
二級網(wǎng)站導航系統
二級導航可以放置在網(wǎng)站的任何位置,并且通常以副標題的形式出現。它可能包括一些主題,例如常見(jiàn)問(wèn)題、幫助或客戶(hù)端區域頁(yè)面,這些內容不會(huì )給用戶(hù)提供一個(gè)廣泛的網(wǎng)站介紹,但仍然包含相關(guān)信息,用戶(hù)可能會(huì )搜索這些信息。
選擇二級導航的區域將由網(wǎng)站的目的決定。
確保您的網(wǎng)站易于訪(fǎng)問(wèn)
在創(chuàng )建網(wǎng)站導航時(shí),避免使用可能限制某些用戶(hù)訪(fǎng)問(wèn)的程序(Flash、JavaScript、jQuery)。更多人可以輕松地訪(fǎng)問(wèn)你的網(wǎng)站,而且沒(méi)有任何復雜的情況,你的設計就越有效。
保持它的傳統
設計一個(gè)有效的網(wǎng)站是為了讓你的用戶(hù)盡可能熟悉這個(gè)過(guò)程。這使得網(wǎng)站感覺(jué)直觀(guān),易于使用。
在設計網(wǎng)站導航系統時(shí)遵循標準的期望。如果用戶(hù)希望在網(wǎng)站的頂部或左側導航,則使用這些標準空間。這讓用戶(hù)有機會(huì )接觸網(wǎng)站,降低“跳出率”或快速離開(kāi)網(wǎng)站的用戶(hù)。盡管獨特性和怪異為網(wǎng)站設計提供了一個(gè)重要的元素,讓你的網(wǎng)站看起來(lái)更有趣和獨特,但這不應該被納入導航面板。
保持最新的
盡管傳統的導航系統出現在網(wǎng)站的頂部和側面,但仍有發(fā)現的空間。
新的和不同的導航系統開(kāi)始出現,使用幻燈片的效果將菜單帶入視圖,并將用戶(hù)帶到他們想去的地方。隱藏導航元素,比如左上角的漢堡圖標,或者鼠標懸停效果鏈接,都集中在網(wǎng)站的設計和可用性上。
設計人員使用直觀(guān)的放置圖標引導用戶(hù)到導航面板,導航面板簡(jiǎn)單易用。一頁(yè)滾動(dòng)的網(wǎng)站也可能對瀏覽者有效,將信息呈現為一個(gè)長(cháng)而連續的頁(yè)面,而不是多頁(yè),這可能會(huì )更復雜。在設計創(chuàng )新導航系統時(shí),要確保你的設計能夠對移動(dòng)設備做出響應,并且用戶(hù)仍然能夠有效地在較小的屏幕上與導航面板進(jìn)行協(xié)商。
回到頁(yè)面的頂部
有些網(wǎng)站沒(méi)有自動(dòng)滾動(dòng)到頁(yè)面頂端,而是在頁(yè)面的頁(yè)腳上提供一個(gè)菜單,讓用戶(hù)可以選擇下一步該去哪里??紤]一下這是否是一個(gè)有效的網(wǎng)站導航工具。
響應菜單
響應式菜單調整和適應不同的樣式和大小的屏幕,導航可能很難設計,同時(shí)保持一致的感覺(jué)。然而,隨著(zhù)移動(dòng)設備為未來(lái)的發(fā)展規劃,高度個(gè)性化和持續的可訪(fǎng)問(wèn)性,確保你的網(wǎng)站很容易在小屏幕上導航,這樣你就能保持觀(guān)眾的興趣。