對(duì)于大多數(shù)網(wǎng)站，導(dǎo)航是不是特別具有挑戰(zhàn)性。子導(dǎo)航的支持，是一個(gè)主要的導(dǎo)航欄上，往往不夠。
通常情況下，子導(dǎo)航顯示當(dāng)前頁(yè)面的父母，兄弟姐妹和子女。持久性的主導(dǎo)航欄顯示頂級(jí)頁(yè)面，允許用戶(hù)將各部分之間。
然而，有一類(lèi)的網(wǎng)站，這低于傳統(tǒng)形式的導(dǎo)航。這是我作為“大型現(xiàn)場(chǎng)”。
什么是一個(gè)大型網(wǎng)站？
兆網(wǎng)站通常擁有一個(gè)龐大的組織，涵蓋范圍廣泛的服務(wù)或產(chǎn)品。該組織
還往往支持不同的用戶(hù)群。
大型網(wǎng)站包括組織機(jī)構(gòu)，如英國(guó)廣播公司，公司多樣化的投資組合，如微軟，政府機(jī)構(gòu)，高等教育機(jī)構(gòu)和大型慈善機(jī)構(gòu)運(yùn)行的許多活動(dòng)，如世界野生動(dòng)物基金會(huì)。
這些網(wǎng)站：
- 是非常大的，
- 很多層次深，
- 微眾多網(wǎng)站和子，
- 迎合了不少觀眾，
- 有多個(gè)入口點(diǎn)。
這種規(guī)模和復(fù)雜性的網(wǎng)站帶來(lái)了一些獨(dú)特的航海挑戰(zhàn)。
大型網(wǎng)站建設(shè)導(dǎo)航所帶來(lái)的挑戰(zhàn)
在我們公司，我們做了很多大型網(wǎng)站的工作，他們可以證明是特別具有挑戰(zhàn)性的，尤其是當(dāng)試圖使用傳統(tǒng)的導(dǎo)航。
傳統(tǒng)導(dǎo)航儀無(wú)法支持深度
更深層次的網(wǎng)站，更多的傳統(tǒng)導(dǎo)航斗爭(zhēng)。導(dǎo)航可以輕松地容納三個(gè)級(jí)別，除此之外，發(fā)生兩件事情之一。無(wú)論是導(dǎo)航擴(kuò)展到更多的屏幕房地產(chǎn)專(zhuān)用導(dǎo)航，而不是內(nèi)容（問(wèn)題變得更糟一個(gè)大型網(wǎng)站的頁(yè)面數(shù)量之多），或更高的頁(yè)面在信息架構(gòu)不再出現(xiàn)在導(dǎo)航點(diǎn)。
在后一種情況下，如果用戶(hù)是在網(wǎng)站內(nèi)深處，他們將會(huì)失去他們?cè)谀睦?，因?yàn)樗麄儧](méi)有看到的網(wǎng)站的結(jié)構(gòu)適合在當(dāng)前頁(yè)面的上下文。
后者的問(wèn)題，可以部分緩解實(shí)現(xiàn)的面包屑。然而，這是不是唯一的問(wèn)題，與傳統(tǒng)的導(dǎo)航。
傳統(tǒng)導(dǎo)航儀無(wú)法支持多個(gè)入口點(diǎn)
傳統(tǒng)的導(dǎo)航可以混淆用戶(hù)進(jìn)入網(wǎng)站的人通過(guò)一個(gè)微型網(wǎng)站或款。
考慮參加一所大學(xué)的研究生課程的學(xué)生。此人可能是在一個(gè)特定的學(xué)院或?qū)W系，比該機(jī)構(gòu)作為一個(gè)整體更感興趣。因此，他們可以很好地進(jìn)入網(wǎng)站在這一水平，而不是在大學(xué)的主頁(yè)。
另一個(gè)例子是一個(gè)單身母親，想知道關(guān)于兒童福利。他們更容易到達(dá)的好處子網(wǎng)站上比對(duì)政府的首頁(yè)。在這種情況下，用戶(hù)的工作重點(diǎn)是對(duì)他們目前的情況下（即研究生課程或兒童福利）。他們沒(méi)有興趣立即在更廣泛的大型網(wǎng)站。
不幸的是，傳統(tǒng)的小學(xué)和中學(xué)的導(dǎo)航公開(kāi)用戶(hù)這一更廣泛的背景下，他們是否想要與否。
為了使事情變得更糟的是，在目前的情況下，其實(shí)可以改變用戶(hù)的感知的導(dǎo)航項(xiàng)目。例如，我們的研究生認(rèn)為標(biāo)有“關(guān)于我們”的鏈接是關(guān)于學(xué)校的問(wèn)題，或?qū)^大的機(jī)構(gòu)。在一些極端的情況下，你甚至可以找到相同的導(dǎo)航標(biāo)簽被用于當(dāng)前上下文和更廣泛的機(jī)構(gòu)（例如，有關(guān)大學(xué)和有關(guān)學(xué)校的信息都可能被貼上“關(guān)于我們”在同一頁(yè)上）。
那么，如何才能解決大型站點(diǎn)的導(dǎo)航問(wèn)題？
導(dǎo)航解決方案
正如所有的東西，也沒(méi)有完美的解決方案。不過(guò)，也有解決方案，是向前邁進(jìn)了一步，從導(dǎo)航更適合小網(wǎng)站。這些解決方案的第一個(gè)是最徹底。
完全擺脫導(dǎo)航
我第一次聽(tīng)說(shuō)這種方法的在談拉斯威克利在2006年做了與傳統(tǒng)的導(dǎo)航回 。它拒絕的想法施加導(dǎo)航后，用戶(hù)結(jié)構(gòu)，而不是讓他們通過(guò)網(wǎng)站找到自己的路徑。
這是通過(guò)使每個(gè)網(wǎng)頁(yè)的一個(gè)獨(dú)立的文件和標(biāo)記用適當(dāng)?shù)脑獢?shù)據(jù)。然后，用戶(hù)可以通過(guò)標(biāo)簽的搜索和導(dǎo)航的組合找不到頁(yè)面。拉動(dòng)相關(guān)文件的基礎(chǔ)上每個(gè)頁(yè)面的相關(guān)聯(lián)的元數(shù)據(jù)鏈接也將成為可能。
這種方法有以下幾個(gè)優(yōu)點(diǎn)：
- 它支持無(wú)限大小的一個(gè)網(wǎng)站。
- 它非常適用于從深層鏈接網(wǎng)站的用戶(hù)。
- 它允許頁(yè)面之間的關(guān)系變得更加富有活力，輕松容納頁(yè)面中添加和刪除。
當(dāng)然，它不是沒(méi)有挑戰(zhàn)。雖然個(gè)別路段的網(wǎng)站仍然可以有一個(gè)登陸頁(yè)面（例如，section.acme.com），業(yè)務(wù)可能奮斗的想法不具有特定的網(wǎng)站管理。更重要的是，這種方法在很大程度上依賴(lài)于標(biāo)簽的文檔和強(qiáng)大的搜索功能，這兩者是很難實(shí)現(xiàn)的一個(gè)大型網(wǎng)站。
這就是說(shuō)，它是一個(gè)選項(xiàng)，一個(gè)不應(yīng)該被迅速駁回。
網(wǎng)站分割成更小的微型網(wǎng)站
另一種方法是打破大型現(xiàn)場(chǎng)成一些更小，更易于管理的微型網(wǎng)站。這是由英國(guó)廣播公司的做法。
在BBC不是治療其網(wǎng)站存在一個(gè)單一的實(shí)體，而是打破了下來(lái)成子網(wǎng)站，如新聞，體育，電視，電臺(tái)等。每個(gè)網(wǎng)站都有自己的導(dǎo)航，從而避免了與大型網(wǎng)站相關(guān)的問(wèn)題。
英國(guó)廣播公司（BBC）避免脫節(jié)的經(jīng)驗(yàn)，為用戶(hù)之間移動(dòng)微型網(wǎng)站的方式是在頂層導(dǎo)航和用戶(hù)界面，以確保一致性。
雖然BBC的微型網(wǎng)站在外觀上有所不同，他們使用相同的主導(dǎo)航，版式，布局和模塊之類(lèi)的東西，也有一致的設(shè)計(jì)語(yǔ)言。這種語(yǔ)言，BBC的全球的體驗(yàn)語(yǔ)言（GEL）網(wǎng)站定義是一致的，足以確保穩(wěn)定的用戶(hù)經(jīng)驗(yàn)，但具有足夠的靈活性，以滿足不同的受眾和題材。
這是一個(gè)很好的線條去散步。每個(gè)微型網(wǎng)站太不一樣了，用戶(hù)將在UI變化所迷惑。他們太相似，用戶(hù)將被揭去后，發(fā)現(xiàn)該網(wǎng)站并沒(méi)有一個(gè)單一的導(dǎo)航結(jié)構(gòu)。
使用面包屑驅(qū)動(dòng)的方法
第三個(gè)解決方案是一個(gè)通過(guò)Gov.uk。它摒棄了專(zhuān)用導(dǎo)航領(lǐng)域，而是使用頁(yè)面的內(nèi)容鏈接到它的孩子。然后，它使用面包屑，以幫助用戶(hù)識(shí)別他們?cè)谀睦飪?nèi)航行層次，并搬回了樹(shù)，在需要的時(shí)候。
該方法具有許多優(yōu)點(diǎn)。一開(kāi)始，它專(zhuān)用于導(dǎo)航的空間最小化，而在同一時(shí)間允許更詳細(xì)的描述，每一個(gè)孩子。在這個(gè)意義上說(shuō)，它是最簡(jiǎn)單的，最清潔和最容易理解的方法。
這也意味著到移動(dòng)設(shè)備，占45％的Gov.uk的Web流量。
突出的面包屑使用戶(hù)清楚他們的網(wǎng)站上，同時(shí)在頁(yè)面的導(dǎo)航子頁(yè)面，使下一步明顯。最重要的是，強(qiáng)調(diào)內(nèi)容，而不是導(dǎo)航，吸引我之最。
不幸的是，它也有其缺點(diǎn)。
用戶(hù)通過(guò)完全依靠面包屑和頁(yè)面鏈接到兒童，不大的背景下，他們的當(dāng)前位置。他們不知道當(dāng)前頁(yè)面的網(wǎng)站（例如，他們不知道的頂層部分）整體造型的兄弟姐妹。
這不是一個(gè)問(wèn)題，如果用戶(hù)試圖完成一個(gè)特定的任務(wù)和網(wǎng)站迎合了這一任務(wù)將在一個(gè)地方，它的所有相關(guān)內(nèi)容。然而，當(dāng)一個(gè)用戶(hù)是一般研究模式中，或當(dāng)任務(wù)有關(guān)的內(nèi)容分布在多個(gè)頁(yè)面中，這種方法可以證明是令人沮喪的。
無(wú)奈的是面包屑導(dǎo)航，需要用戶(hù)瀏覽網(wǎng)站的結(jié)構(gòu)所造成的。有沒(méi)有辦法，使各部分之間的跳躍。
幸運(yùn)的是，有一種混合的方法，它使用面包屑作為主要的導(dǎo)航工具，但與更傳統(tǒng)的導(dǎo)航增強(qiáng)。
我的首選解決方案
由BBC體育凝膠之前導(dǎo)航方法的靈感來(lái)自于我的首選解決方案。
BBC的水平運(yùn)行，而是傳統(tǒng)的面包屑垂直翻轉(zhuǎn)。在每個(gè)面包屑列表的末尾，當(dāng)前頁(yè)也顯示了它的孩子。當(dāng)你到達(dá)樹(shù)的底部，導(dǎo)航將繼續(xù)顯示當(dāng)前頁(yè)面的兄弟姐妹，而不是其子女。
分組這種做法在一個(gè)地方所有的導(dǎo)航，給用戶(hù)一個(gè)清晰的感覺(jué)到自己的位置，并致力于導(dǎo)航的空間減少。然而，它仍然遭受從Gov.uk.的問(wèn)題
在布萊頓大學(xué)工作時(shí)，我們提出了BBC體育“的做法，但增加了一個(gè)重要的事情。我們建議保持一致的頂級(jí)導(dǎo)航欄。雖然這增加了更多的導(dǎo)航到的頁(yè)面，它為用戶(hù)提供的網(wǎng)站結(jié)構(gòu)，即時(shí)概述。這使得用戶(hù)需要從多個(gè)部分信息（比方說(shuō)，一個(gè)前瞻性的研究課程，以及住宿的學(xué)生），在這些部分之間快速跳轉(zhuǎn)。
在許多情況下，這是足以創(chuàng)造一個(gè)簡(jiǎn)單而強(qiáng)大的用戶(hù)體驗(yàn)。然而，它并沒(méi)有解決需要能夠看到當(dāng)前頁(yè)面的兄弟姐妹。
顯示兄弟姐妹雖然使用面包屑導(dǎo)航
到目前為止，我曾經(jīng)考慮過(guò)這個(gè)問(wèn)題的兩個(gè)可能的解決方案。
一個(gè)兄弟姐妹經(jīng)常與對(duì)方有關(guān)系的假設(shè)，它們是同一個(gè)故事的一部分，如果你愿意。在此基礎(chǔ)上，除了簡(jiǎn)單的“下一步”和“上一頁(yè)”按鈕（比如你發(fā)現(xiàn)許多博客）可能的一個(gè)解決方案是不夠的。然后，用戶(hù)可以移動(dòng)兄弟姐妹之間的單一點(diǎn)擊一個(gè)按鈕。
另一種方法是使每個(gè)級(jí)別的面包屑導(dǎo)航彈出菜單，從而使該級(jí)別的兄弟姐妹。這將使用戶(hù)跳轉(zhuǎn)到網(wǎng)站的任何級(jí)別的任何兄弟和潛在需要一個(gè)單獨(dú)的主導(dǎo)航欄。
這是否使用面包屑導(dǎo)航垂直或傳統(tǒng)橫面包屑。
這就是說(shuō)，我沒(méi)有測(cè)試過(guò)這種方法，有的則要關(guān)注觸摸設(shè)備。
需要更多的想法
正如你可以看到，大型網(wǎng)站建設(shè)導(dǎo)航問(wèn)題是一個(gè)棘手的，似乎并沒(méi)有明顯的解決方案是一個(gè)單一。寫(xiě)這篇文章的主要原因之一是打開(kāi)一個(gè)關(guān)于這個(gè)問(wèn)題的討論，并希望鼓勵(lì)探索一些替代方法。
作為一個(gè)結(jié)果，我會(huì)很感激你的想法在評(píng)論部分的任何例子你已經(jīng)找到替代導(dǎo)航方法a
