完善企業(yè)官網(wǎng)導(dǎo)航的4個(gè)簡(jiǎn)單步驟

從檢查電影播放時(shí)間到閱讀Photoshop技巧，再到查看每日新聞，我們幾乎可以在Internet上找到所需的任何信息。網(wǎng)站的導(dǎo)航對(duì)幫助我們找到所需的內(nèi)容特別重要。?

與網(wǎng)站互動(dòng)時(shí)，我們使用其導(dǎo)航來(lái)幫助我們找到所需的內(nèi)容。不幸的是，許多網(wǎng)站的導(dǎo)航都不是特別計(jì)劃的。當(dāng)然，它可以很好地獲取我們正在尋找的信息，但通常只有經(jīng)過(guò)一番迷惑之后，并且利用經(jīng)典的搜索網(wǎng)絡(luò)，即反復(fù)試驗(yàn)，我們才能夠做到。?

如果網(wǎng)站的導(dǎo)航組織不良，措辭混亂或鏈接過(guò)多，則會(huì)降低我們使用該網(wǎng)站快速便捷地查找所需內(nèi)容的能力。清晰直觀(guān)的導(dǎo)航是一個(gè)出色網(wǎng)站的關(guān)鍵組成部分之一。下面列出的這些做法將幫助您在網(wǎng)站中創(chuàng)建更有效的導(dǎo)航。

?

1.講清楚

當(dāng)網(wǎng)站訪(fǎng)問(wèn)者不知道單擊鏈接時(shí)會(huì)發(fā)生什么，或者如何輕松地找到他們想要的內(nèi)容時(shí)，就會(huì)造成混亂。通過(guò)設(shè)計(jì)網(wǎng)站的導(dǎo)航以使訪(fǎng)問(wèn)者易于理解來(lái)減少混亂。

Abercrombie＆Fitch的網(wǎng)站提供了此概念的示例。從訪(fǎng)客到達(dá)他們的網(wǎng)站的第一刻起，他們的導(dǎo)航就很容易理解。

一目了然的透明標(biāo)簽的使用使訪(fǎng)問(wèn)者知道貴公司的工作。從一開(kāi)始，他們就會(huì)知道自己在正確的地方，以及如何到達(dá)自己想去的地方。考慮周到地考慮用于網(wǎng)站導(dǎo)航的術(shù)語(yǔ)，使訪(fǎng)問(wèn)者可以輕松找到他們想要的內(nèi)容。

例如，避免創(chuàng)建圍繞內(nèi)容格式的導(dǎo)航，而不是創(chuàng)建視頻頁(yè)面，而不要?jiǎng)?chuàng)建帶有內(nèi)容按主題分隔的“操作方法”部分。通過(guò)使用要使用的術(shù)語(yǔ)描述內(nèi)容，使用戶(hù)可以輕松找到所需的內(nèi)容。您網(wǎng)站的訪(fǎng)問(wèn)者可能不會(huì)在視頻部分中尋找，但他們可能正在尋找有關(guān)如何設(shè)置產(chǎn)品或如何使用某些功能的提示。

向訪(fǎng)問(wèn)者明確指出哪些項(xiàng)目是導(dǎo)航項(xiàng)目。細(xì)微之處不會(huì)幫助您的網(wǎng)站訪(fǎng)問(wèn)者到達(dá)他們想要的位置。例如，即使它對(duì)您來(lái)說(shuō)看起來(lái)很棒，但使鏈接的灰色陰影比網(wǎng)站文本的陰影稍暗一點(diǎn)并不能帶來(lái)良好的用戶(hù)體驗(yàn)。不要讓訪(fǎng)問(wèn)者努力使用您的網(wǎng)站。

?

2.保持一致

我敢肯定，您去過(guò)的網(wǎng)站看起來(lái)像是導(dǎo)航的一部分，是事后才想到的，或者它根本不屬于您。缺乏一致性會(huì)降低站點(diǎn)訪(fǎng)問(wèn)者的信任度，此外還會(huì)降低用戶(hù)體驗(yàn)的質(zhì)量。如果您只是想找一些東西，對(duì)您的客戶(hù)來(lái)說(shuō)很可能看起來(lái)相同或更糟。

Bouguessa網(wǎng)站的導(dǎo)航整潔，一致，并有助于改善訪(fǎng)問(wèn)者在其網(wǎng)站上的體驗(yàn)。

往往會(huì)降低導(dǎo)航質(zhì)量的另一個(gè)問(wèn)題是，菜單上的項(xiàng)目不是鏈接，尤其是看起來(lái)不是鏈接的項(xiàng)目。訪(fǎng)客單擊未鏈接的菜單項(xiàng)時(shí)，會(huì)增加混亂的程度，從而增加沮喪感。使用視覺(jué)設(shè)計(jì)顯示哪些項(xiàng)目是鏈接，哪些不是鏈接，例如，如果在大型菜單中包含標(biāo)題，請(qǐng)使用其他字體樣式，顏色或空格指示它們是標(biāo)題而不是鏈接。

二級(jí)導(dǎo)航也應(yīng)在整個(gè)網(wǎng)站上設(shè)計(jì)一致。與對(duì)主導(dǎo)航應(yīng)用相同的關(guān)注點(diǎn)和注意事項(xiàng)。無(wú)論訪(fǎng)問(wèn)者前往您網(wǎng)站的哪個(gè)方向，您都希望提供出色的體驗(yàn)。

如果您想更容易訪(fǎng)問(wèn)最重要的頁(yè)面，請(qǐng)?jiān)谥黜?yè)或版面登錄頁(yè)面上為其創(chuàng)建功能塊。網(wǎng)站訪(fǎng)問(wèn)者注意這些塊，同時(shí)，嘗試突出顯示導(dǎo)航菜單上的項(xiàng)目通常會(huì)破壞菜單。

?

3.保持簡(jiǎn)潔

避免創(chuàng)建菜單項(xiàng)過(guò)多的菜單。最好將菜單中包含的項(xiàng)目數(shù)限制為七個(gè)。選擇較少的項(xiàng)目對(duì)您網(wǎng)站的訪(fǎng)問(wèn)者來(lái)說(shuō)更好。它可以減少訪(fǎng)客在做出決策時(shí)的精神壓力，并增加他們前進(jìn)的機(jī)會(huì)。

研究表明，人腦使用分塊方法來(lái)提高召回率。通過(guò)將數(shù)據(jù)分為相關(guān)的組或大塊，它使我們能夠更好地理解和記住數(shù)據(jù)。對(duì)于需要七個(gè)以上菜單項(xiàng)的大型網(wǎng)站，這是一種特別有效的技術(shù)。通過(guò)將菜單項(xiàng)分成幾組，您將幫助您的網(wǎng)站訪(fǎng)問(wèn)者。

請(qǐng)記住，每次您從菜單中刪除一個(gè)項(xiàng)目或從頁(yè)面中刪除一個(gè)元素時(shí)；您正在使其他所有內(nèi)容在視覺(jué)上更加突出。刪除某些內(nèi)容時(shí)，會(huì)使其他項(xiàng)目更容易被看到和單擊。仔細(xì)評(píng)估您在網(wǎng)站中真正需要的內(nèi)容，并愿意刪除不需要的內(nèi)容以簡(jiǎn)化和改善體驗(yàn)。

Olson Kundig網(wǎng)站提供了一個(gè)簡(jiǎn)化的導(dǎo)航體驗(yàn)的很好的例子。

此外，您將需要考慮在導(dǎo)航中使用的順序。就像生活中的其他領(lǐng)域一樣，開(kāi)始或結(jié)束時(shí)的項(xiàng)目對(duì)用戶(hù)來(lái)說(shuō)也很突出。在列表的開(kāi)頭或結(jié)尾，用戶(hù)的關(guān)注度和保留率都達(dá)到最高。這是我們基本心理學(xué)的結(jié)果。作為人類(lèi)，我們必須記住項(xiàng)目的開(kāi)頭（首要）或結(jié)尾（新近）。

利用這種現(xiàn)象，并將重要的項(xiàng)目放在菜單的開(kāi)頭或結(jié)尾。通過(guò)將對(duì)客戶(hù)重要的商品放在這些區(qū)域中，可以使訪(fǎng)問(wèn)者更輕松地使用您的網(wǎng)站。如果不確定哪些項(xiàng)目對(duì)客戶(hù)最重要，請(qǐng)查看您的分析并查看網(wǎng)站的哪些頁(yè)面獲得最多的訪(fǎng)問(wèn)量。

?

4.使用平面架構(gòu)

良好的導(dǎo)航始于經(jīng)過(guò)深思熟慮的信息體系結(jié)構(gòu)（IA）?？紤]網(wǎng)站的組織結(jié)構(gòu)時(shí)，您將希望保持體系結(jié)構(gòu)盡可能平坦。允許您的網(wǎng)站訪(fǎng)問(wèn)者一兩次單擊即可訪(fǎng)問(wèn)任何頁(yè)面。

當(dāng)您的級(jí)別降低時(shí)，客戶(hù)可以更快，更輕松且更輕松地到達(dá)他們想要的位置。限制級(jí)別數(shù)以幫助您的訪(fǎng)問(wèn)者簡(jiǎn)化導(dǎo)航。

為了幫助組織網(wǎng)站，請(qǐng)將頁(yè)面分成幾組，而不是將組嵌套在組內(nèi)的組中，而是希望創(chuàng)建最扁平的組織。在適當(dāng)?shù)牡胤胶喜?nèi)容，甚至可能考慮將頁(yè)面分組與當(dāng)前啟用分組的方式不同，但是要確保分組與客戶(hù)如何看待產(chǎn)品一致。對(duì)用戶(hù)沒(méi)有意義的奇怪分組不會(huì)幫助您，即使它們有助于平整您的網(wǎng)站層次結(jié)構(gòu)。

高端網(wǎng)站設(shè)計(jì)設(shè)計(jì)可幫助用戶(hù)在查看菜單時(shí)了解其層次結(jié)構(gòu)。使用字體樣式，大小，顏色和空白可以幫助訪(fǎng)問(wèn)者了解導(dǎo)航級(jí)別。明確區(qū)分輔助導(dǎo)航，并以一種和諧的方式將其與主要導(dǎo)航區(qū)分開(kāi)。