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