久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx

大型網(wǎng)站建設(shè)導(dǎo)航設(shè)計方法。

2018-11-13    分類: 網(wǎng)站建設(shè)

對于大多數(shù)網(wǎng)站,導(dǎo)航是不是特別具有挑戰(zhàn)性。子導(dǎo)航的支持,是一個主要的導(dǎo)航欄上,往往不夠。

通常情況下,子導(dǎo)航顯示當前頁面的父母,兄弟姐妹和子女。持久性的主導(dǎo)航欄顯示頂級頁面,允許用戶將各部分之間。

然而,有一類的網(wǎng)站,這低于傳統(tǒng)形式的導(dǎo)航。這是我作為“大型現(xiàn)場”。


什么是一個大型網(wǎng)站?

兆網(wǎng)站通常擁有一個龐大的組織,涵蓋范圍廣泛的服務(wù)或產(chǎn)品。該組織還往往支持不同的用戶群。

大型網(wǎng)站包括組織機構(gòu),如英國廣播公司,公司多樣化的投資組合,如微軟,政府機構(gòu),高等教育機構(gòu)和大型慈善機構(gòu)運行的許多活動,如世界野生動物基金會。

這些網(wǎng)站:


  • 是非常大的,
  • 很多層次深,
  • 微眾多網(wǎng)站和子,
  • 迎合了不少觀眾,
  • 有多個入口點。

這種規(guī)模和復(fù)雜性的網(wǎng)站帶來了一些獨特的航海挑戰(zhàn)。

大型網(wǎng)站建設(shè)導(dǎo)航所帶來的挑戰(zhàn)

在我們公司,我們做了很多大型網(wǎng)站的工作,他們可以證明是特別具有挑戰(zhàn)性的,尤其是當試圖使用傳統(tǒng)的導(dǎo)航。

傳統(tǒng)導(dǎo)航儀無法支持深度

更深層次的網(wǎng)站,更多的傳統(tǒng)導(dǎo)航斗爭。導(dǎo)航可以輕松地容納三個級別,除此之外,發(fā)生兩件事情之一。無論是導(dǎo)航擴展到更多的屏幕房地產(chǎn)專用導(dǎo)航,而不是內(nèi)容(問題變得更糟一個大型網(wǎng)站的頁面數(shù)量之多),或更高的頁面在信息架構(gòu)不再出現(xiàn)在導(dǎo)航點。

在后一種情況下,如果用戶是在網(wǎng)站內(nèi)深處,他們將會失去他們在哪里,因為他們沒有看到的網(wǎng)站的結(jié)構(gòu)適合在當前頁面的上下文。


雖然傳統(tǒng)的導(dǎo)航方法,結(jié)合面包屑,可擴展,以適應(yīng)大型站點,他們這樣做的成本日益增加的房地產(chǎn)。較大的版本。

后者的問題,可以部分緩解實現(xiàn)的面包屑。然而,這是不是唯一的問題,與傳統(tǒng)的導(dǎo)航。

傳統(tǒng)導(dǎo)航儀無法支持多個入口點

傳統(tǒng)的導(dǎo)航可以混淆用戶進入網(wǎng)站的人通過一個微型網(wǎng)站或款。

考慮參加一所大學(xué)的研究生課程的學(xué)生。此人可能是在一個特定的學(xué)院或?qū)W系,比該機構(gòu)作為一個整體更感興趣。因此,他們可以很好地進入網(wǎng)站在這一水平,而不是在大學(xué)的主頁。

另一個例子是一個單身母親,想知道關(guān)于兒童福利。他們更容易到達的好處子網(wǎng)站上比對政府的首頁。在這種情況下,用戶的工作重點是對他們目前的情況下(即研究生課程或兒童福利)。他們沒有興趣立即在更廣泛的大型網(wǎng)站。

不幸的是,傳統(tǒng)的小學(xué)和中學(xué)的導(dǎo)航公開用戶這一更廣泛的背景下,他們是否想要與否。



一段某大學(xué)的網(wǎng)頁上標有“研究”是否是指整個大學(xué)或?qū)W校正在查看?大概什么時候出現(xiàn)了兩次相同的標簽,但兩個不同的地方去嗎?更大的版本。

為了使事情變得更糟的是,在目前的情況下,其實可以改變用戶的感知的導(dǎo)航項目。例如,我們的研究生認為標有“關(guān)于我們”的鏈接是關(guān)于學(xué)校的問題,或?qū)^大的機構(gòu)。在一些極端的情況下,你甚至可以找到相同的導(dǎo)航標簽被用于當前上下文和更廣泛的機構(gòu)(例如,有關(guān)大學(xué)和有關(guān)學(xué)校的信息都可能被貼上“關(guān)于我們”在同一頁上)。

那么,如何才能解決大型站點的導(dǎo)航問題?

導(dǎo)航解決方案

正如所有的東西,也沒有好的解決方案。不過,也有解決方案,是向前邁進了一步,從導(dǎo)航更適合小網(wǎng)站。這些解決方案的第一個是最徹底。

完全擺脫導(dǎo)航

我第一次聽說這種方法的在談拉斯威克利在2006年做了與傳統(tǒng)的導(dǎo)航回 。它拒絕的想法施加導(dǎo)航后,用戶結(jié)構(gòu),而不是讓他們通過網(wǎng)站找到自己的路徑。

這是通過使每個網(wǎng)頁的一個獨立的文件和標記用適當?shù)脑獢?shù)據(jù)。然后,用戶可以通過標簽的搜索和導(dǎo)航的組合找不到頁面。拉動相關(guān)文件的基礎(chǔ)上每個頁面的相關(guān)聯(lián)的元數(shù)據(jù)鏈接也將成為可能。

這種方法有以下幾個優(yōu)點:


  • 它支持無限大小的一個網(wǎng)站。
  • 它非常適用于從深層鏈接網(wǎng)站的用戶。
  • 它允許頁面之間的關(guān)系變得更加富有活力,輕松容納頁面中添加和刪除。

當然,它不是沒有挑戰(zhàn)。雖然個別路段的網(wǎng)站仍然可以有一個登陸頁面(例如,section.acme.com),業(yè)務(wù)可能奮斗的想法不具有特定的網(wǎng)站管理。更重要的是,這種方法在很大程度上依賴于標簽的文檔和強大的搜索功能,這兩者是很難實現(xiàn)的一個大型網(wǎng)站。

這就是說,它是一個選項,一個不應(yīng)該被迅速駁回。

網(wǎng)站分割成更小的微型網(wǎng)站

另一種方法是打破大型現(xiàn)場成一些更小,更易于管理的微型網(wǎng)站。這是由英國廣播公司的做法。

在BBC不是治療其網(wǎng)站存在一個單一的實體,而是打破了下來成子網(wǎng)站,如新聞,體育,電視,電臺等。每個網(wǎng)站都有自己的導(dǎo)航,從而避免了與大型網(wǎng)站相關(guān)的問題。

英國廣播公司(BBC)避免脫節(jié)的經(jīng)驗,為用戶之間移動微型網(wǎng)站的方式是在頂層導(dǎo)航和用戶界面,以確保一致性。



英國廣播公司(BBC)避免一個大型的網(wǎng)站導(dǎo)航和設(shè)計語言。較大的版本保持一致,而分裂成一些較小的網(wǎng)站其網(wǎng)站存在。

雖然BBC的微型網(wǎng)站在外觀上有所不同,他們使用相同的主導(dǎo)航,版式,布局和模塊之類的東西,也有一致的設(shè)計語言。這種語言,BBC的全球的體驗語言(GEL)網(wǎng)站定義是一致的,足以確保穩(wěn)定的用戶經(jīng)驗,但具有足夠的靈活性,以滿足不同的受眾和題材。

這是一個很好的線條去散步。每個微型網(wǎng)站太不一樣了,用戶將在UI變化所迷惑。他們太相似,用戶將被揭去后,發(fā)現(xiàn)該網(wǎng)站并沒有一個單一的導(dǎo)航結(jié)構(gòu)。

使用面包屑驅(qū)動的方法

第三個解決方案是一個通過Gov.uk。它摒棄了專用導(dǎo)航領(lǐng)域,而是使用頁面的內(nèi)容鏈接到它的孩子。然后,它使用面包屑,以幫助用戶識別他們在哪里內(nèi)航行層次,并搬回了樹,在需要的時候。



Gov.uk幾乎完全依賴于面包屑導(dǎo)航。較大的版本。

該方法具有許多優(yōu)點。一開始,它專用于導(dǎo)航的空間最小化,而在同一時間允許更詳細的描述,每一個孩子。在這個意義上說,它是最簡單的,最清潔和最容易理解的方法。

這也意味著到移動設(shè)備,占45%的Gov.uk的Web流量。

突出的面包屑使用戶清楚他們的網(wǎng)站上,同時在頁面的導(dǎo)航子頁面,使下一步明顯。最重要的是,強調(diào)內(nèi)容,而不是導(dǎo)航,吸引我之最。

不幸的是,它也有其缺點。

用戶通過完全依靠面包屑和頁面鏈接到兒童,不大的背景下,他們的當前位置。他們不知道當前頁面的網(wǎng)站(例如,他們不知道的頂層部分)整體造型的兄弟姐妹。

這不是一個問題,如果用戶試圖完成一個特定的任務(wù)和網(wǎng)站迎合了這一任務(wù)將在一個地方,它的所有相關(guān)內(nèi)容。然而,當一個用戶是一般研究模式中,或當任務(wù)有關(guān)的內(nèi)容分布在多個頁面中,這種方法可以證明是令人沮喪的。

無奈的是面包屑導(dǎo)航,需要用戶瀏覽網(wǎng)站的結(jié)構(gòu)所造成的。有沒有辦法,使各部分之間的跳躍。

幸運的是,有一種混合的方法,它使用面包屑作為主要的導(dǎo)航工具,但與更傳統(tǒng)的導(dǎo)航增強。

我的選解決方案

由BBC體育凝膠之前導(dǎo)航方法的靈感來自于我的選解決方案。

BBC的水平運行,而是傳統(tǒng)的面包屑垂直翻轉(zhuǎn)。在每個面包屑列表的末尾,當前頁也顯示了它的孩子。當你到達樹的底部,導(dǎo)航將繼續(xù)顯示當前頁面的兄弟姐妹,而不是其子女。



老BBC體育網(wǎng)站的主要導(dǎo)航工具,使用垂直面包屑。當用戶進入一個部分,如足球,其他所有的運動(即兄弟姐妹)將被刪除,用戶聚焦于被攝對象的手。較大的版本。

分組這種做法在一個地方所有的導(dǎo)航,給用戶一個清晰的感覺到自己的位置,并致力于導(dǎo)航的空間減少。然而,它仍然遭受從Gov.uk.的問題

在布萊頓大學(xué)工作時,我們提出了BBC體育“的做法,但增加了一個重要的事情。我們建議保持一致的頂級導(dǎo)航欄。雖然這增加了更多的導(dǎo)航到的頁面,它為用戶提供的網(wǎng)站結(jié)構(gòu),即時概述。這使得用戶需要從多個部分信息(比方說,一個前瞻性的研究課程,以及住宿的學(xué)生),在這些部分之間快速跳轉(zhuǎn)。

在許多情況下,這是足以創(chuàng)造一個簡單而強大的用戶體驗。然而,它并沒有解決需要能夠看到當前頁面的兄弟姐妹。

顯示兄弟姐妹雖然使用面包屑導(dǎo)航

到目前為止,我曾經(jīng)考慮過這個問題的兩個可能的解決方案。

一個兄弟姐妹經(jīng)常與對方有關(guān)系的假設(shè),它們是同一個故事的一部分,如果你愿意。在此基礎(chǔ)上,除了簡單的“下一步”和“上一頁”按鈕(比如你發(fā)現(xiàn)許多博客)可能的一個解決方案是不夠的。然后,用戶可以移動兄弟姐妹之間的單一點擊一個按鈕。

另一種方法是使每個級別的面包屑導(dǎo)航彈出菜單,從而使該級別的兄弟姐妹。這將使用戶跳轉(zhuǎn)到網(wǎng)站的任何級別的任何兄弟和潛在需要一個單獨的主導(dǎo)航欄。



通過添加彈出菜單,垂直的面包屑導(dǎo)航,給你的用戶快速訪問任何級別的任何兄弟的網(wǎng)站更大的版本。

這是否使用面包屑導(dǎo)航垂直或傳統(tǒng)橫面包屑。

這就是說,我沒有測試過這種方法,有的則要關(guān)注觸摸設(shè)備。

需要更多的想法

正如你可以看到,大型網(wǎng)站建設(shè)導(dǎo)航問題是一個棘手的,似乎并沒有明顯的解決方案是一個單一。寫這篇文章的主要原因之一是打開一個關(guān)于這個問題的討論,并希望鼓勵探索一些替代方法。

作為一個結(jié)果,我會很感激你的想法在評論部分的任何例子你已經(jīng)找到替代導(dǎo)航方法a

本文題目:大型網(wǎng)站建設(shè)導(dǎo)航設(shè)計方法。
文章網(wǎng)址:http://www.js-pz168.com/news35/78635.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx
亚洲激情图片qvod| 暴力调教一区二区三区| 成人av电影在线网| 久久久久高清| 欧洲一区二区三区在线| 久久久亚洲国产美女国产盗摄| 亚洲美女淫视频| 久久不见久久见免费视频7| 91无套直看片红桃| 亚洲电影一二三区| 欧美mv日韩mv国产网站| 一区二区三区欧美在线观看| 国产原创一区二区| 精品久久久久亚洲| 欧美色国产精品| 国产精品视频线看| 麻豆91免费看| 国产伦精品一区二区三区免| 自拍另类欧美| 久久久精品国产免大香伊| 午夜精品久久久久久久久| 成人av综合一区| 神马一区二区影院| 26uuu久久天堂性欧美| 亚洲一区二区视频| av中文字幕在线不卡| 婷婷久久五月天| 精品久久久久久久久久久久久久久 | 亚洲国产午夜伦理片大全在线观看网站| 欧美日韩精品综合在线| 亚洲欧洲色图综合| 国产一区二区三区在线观看免费| 久久国产精品一区二区三区四区 | 精品一区二区在线看| 国产区一区二区| 欧美麻豆精品久久久久久| 亚洲色图色小说| 国产很黄免费观看久久| 日韩欧美亚洲v片| 久久免费看少妇高潮| 美女视频黄频大全不卡视频在线播放| 懂色av一区二区三区在线播放| 欧美视频在线一区| 亚洲精品国产无天堂网2021 | 福利视频久久| 欧美日韩精品一区二区三区蜜桃| 亚洲欧洲制服丝袜| 99视频有精品| 欧美日韩一级二级| 亚洲一区在线观看网站| 91视频网页| 在线不卡的av| 天天综合天天综合色| 国产精品一区免费观看| 欧美一激情一区二区三区| 日韩精品一二三区| 蜜桃网站成人| 国产亚洲综合在线| 国产成人精品一区二| 在线免费一区| 亚洲欧美日韩在线播放| 91网站最新地址| 777色狠狠一区二区三区| 午夜电影一区二区三区| 九色91视频| 国产婷婷色一区二区三区在线| 国产一区二区精品久久91| 一区二区三区四区不卡| 亚洲女厕所小便bbb| 成人av中文| 精品国产乱码久久久久久浪潮| 激情文学综合网| 色呦呦一区二区三区| 一区二区成人在线观看| 国产一区二区三区色淫影院| 久久美女艺术照精彩视频福利播放| 国产一区二区三区高清播放| 色婷婷av一区二区三区软件| 亚洲国产综合91精品麻豆| 久久久久欧美| 国产精品短视频| 国产98在线|日韩| 久久久久久久久一| 成人av在线播放网址| 国产伦精品一区二区三区视频青涩| 神马影院午夜我不卡影院| 亚洲视频精选在线| 国产一区不卡在线观看| 国产欧美日韩在线观看| 99久久免费视频.com| 日韩美女在线视频| 国产成人在线视频网址| 欧美疯狂做受xxxx富婆| 国产一区在线观看视频| 欧美日韩第一区日日骚| 久久国产精品区| 欧美亚洲一区三区| 免费不卡在线观看| 日本韩国精品一区二区在线观看| 丝袜亚洲另类欧美综合| 伊人情人网综合| 婷婷久久综合九色综合绿巨人| 视频一区二区在线| 亚洲成a人v欧美综合天堂| 午夜欧美性电影| 亚洲成人先锋电影| 亚洲欧洲精品在线观看| 午夜精品国产更新| 在线观看福利一区| 青青草原综合久久大伊人精品 | 天天影视涩香欲综合网| 亚洲精品一区二区三区蜜桃久 | 欧美激情中文不卡| aa成人免费视频| 国产精品人人做人人爽人人添| 国产成人免费电影| 国产精品久久久久影视| 久久99影院| 夜夜揉揉日日人人青青一国产精品| 日本精品免费| 天天做天天摸天天爽国产一区| 中文网丁香综合网| 麻豆精品视频在线观看| 欧美精品一二三四| 不卡的av一区| **欧美大码日韩| 欧美黑人3p| 午夜精品久久久久久久蜜桃app| 在线观看欧美一区| 久久精品99国产精品| 337p亚洲精品色噜噜噜| 本田岬高潮一区二区三区| 国产欧美视频在线观看| 精品国产一区二区三区四区vr| 亚洲激情一二三区| 亚洲制服中文| 精品在线观看视频| 日韩精品中文字幕在线一区| 97久草视频| 亚洲男同1069视频| 在线观看日韩羞羞视频| 国产一区在线观看麻豆| 精品国产网站在线观看| 国产精品一区视频网站| 亚洲一区二区视频在线观看| 欧洲国内综合视频| 成人综合婷婷国产精品久久| 久久久高清一区二区三区| 久久免费视频1| 日本aⅴ精品一区二区三区 | 视频一区二区三| 久久精品久久久精品美女| 日韩欧美中文字幕一区| 国产精品亚洲综合| 亚洲va在线va天堂| 91精品欧美综合在线观看最新 | 国产情人综合久久777777| 女女同性女同一区二区三区91| 视频在线观看一区二区三区| 在线播放中文一区| 国产成人亚洲欧美| 性久久久久久久久| 日韩一区二区不卡| 久久艹中文字幕| 麻豆91免费看| 久久精品在线免费观看| 日本一区视频在线观看| 精油按摩中文字幕久久| 国产性色一区二区| 视频在线精品一区| 国产精品亚洲第一| 国产精品日韩精品欧美在线| 亚洲一卡二卡区| 粉嫩久久99精品久久久久久夜| 国产精品国产三级国产aⅴ中文| 在线亚洲美日韩| av动漫一区二区| 亚洲一区电影777| 91精品国产91久久久久久一区二区| 国产经典一区二区三区| 天天av天天翘天天综合网色鬼国产| 欧美一区二区精品在线| 久久久久久艹| 国产一区二区三区免费| 国产精品电影一区二区三区| 欧美中文字幕久久| 国产98在线|日韩| 全国精品久久少妇| 国产午夜亚洲精品羞羞网站| 亚洲欧洲另类精品久久综合| 不卡av电影在线播放| 亚洲成人动漫在线免费观看| 欧美xxxxxxxx| 亚洲视频在线二区| 91在线免费视频观看| 日韩精品国产欧美| 国产欧美日韩不卡| 欧美日韩一区 二区 三区 久久精品 | 99精品在线观看视频| 首页综合国产亚洲丝袜|