淺析網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計(jì)

趙濤

摘要：該文從網(wǎng)站導(dǎo)航系統(tǒng)的功能、類(lèi)型以及設(shè)計(jì)原則等方面，對(duì)網(wǎng)站導(dǎo)航系統(tǒng)加以分析。

關(guān)鍵詞：網(wǎng)站導(dǎo)航系統(tǒng)；設(shè)計(jì)原則；網(wǎng)站定位

中圖分類(lèi)號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）36-0224-02

互聯(lián)網(wǎng)迅猛發(fā)展，網(wǎng)絡(luò)已經(jīng)覆蓋到世界的各個(gè)角落，對(duì)信息傳播起著十分重要的作用。網(wǎng)站作為網(wǎng)絡(luò)中主要的信息傳播載體數(shù)量至今已經(jīng)超過(guò)數(shù)億，網(wǎng)頁(yè)的數(shù)量更是不計(jì)其數(shù)。在如恒河沙數(shù)的網(wǎng)頁(yè)中，瀏覽者如何獲取自己所需要的信息，很大程度依賴(lài)于網(wǎng)站的導(dǎo)航系統(tǒng)。本文就網(wǎng)站導(dǎo)航系統(tǒng)在網(wǎng)站設(shè)計(jì)中的功能、類(lèi)型和設(shè)計(jì)原則對(duì)網(wǎng)站導(dǎo)航系統(tǒng)進(jìn)行分析。

1 什么是網(wǎng)站導(dǎo)航系統(tǒng)

網(wǎng)站導(dǎo)航系統(tǒng)實(shí)際上是一個(gè)廣義上的概念，凡是有助于瀏覽者獲取網(wǎng)站信息、網(wǎng)站服務(wù)，并且在整個(gè)過(guò)程中不至于迷失、在發(fā)現(xiàn)問(wèn)題的時(shí)候可以及時(shí)找到路徑和方向的所有形式（全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航等）都是網(wǎng)站導(dǎo)航系統(tǒng)的組成部分。

2 網(wǎng)站導(dǎo)航系統(tǒng)的功能

網(wǎng)絡(luò)世界是抽象的世界，瀏覽者在網(wǎng)絡(luò)世界里獲取信息時(shí)，缺少了許多現(xiàn)實(shí)世界中可依賴(lài)的手段。網(wǎng)站上的信息是海量的，對(duì)于瀏覽者來(lái)說(shuō)又沒(méi)有規(guī)律可言，瀏覽者想在很短的時(shí)間內(nèi)找到自己所需信息是很困難的。加之網(wǎng)絡(luò)世界的特性：第一，沒(méi)有范圍感。一個(gè)網(wǎng)站到底有多大？這是很難確定的。第二，沒(méi)有空間感。網(wǎng)絡(luò)世界是沒(méi)有空間概念存在的，通常所說(shuō)的向上、向下，那是指網(wǎng)頁(yè)邏輯結(jié)構(gòu)的上下。第三，沒(méi)有位置感。網(wǎng)絡(luò)世界的位置不是現(xiàn)實(shí)世界中的具體方位，而是邏輯上的層次結(jié)構(gòu)。網(wǎng)絡(luò)的這些特性，導(dǎo)致了信息迷航現(xiàn)象。因此訪問(wèn)網(wǎng)站時(shí)有一個(gè)合理的導(dǎo)航系統(tǒng)很重要。

網(wǎng)站導(dǎo)航系統(tǒng)的具體功能如下：

1） 網(wǎng)站導(dǎo)航能幫助瀏覽者完成各頁(yè)面之間以及頁(yè)面內(nèi)部的跳轉(zhuǎn)，并及時(shí)地獲取所需網(wǎng)站信息。

2） 給出整個(gè)網(wǎng)站的邏輯上的層次結(jié)構(gòu)，便于瀏覽者的理解整個(gè)網(wǎng)站的信息結(jié)構(gòu)，從而幫助瀏覽者及時(shí)、準(zhǔn)確地找到所要尋找的信息。

3） 給出瀏覽者在網(wǎng)站中所處的位置，便于瀏覽者知道“自己在哪、準(zhǔn)備去哪”和“怎么去、怎么回”。

3 網(wǎng)站導(dǎo)航系統(tǒng)的類(lèi)型

1） 全局導(dǎo)航

全局導(dǎo)航就是通常所說(shuō)的主導(dǎo)航，也就是網(wǎng)站的頂層菜單，展現(xiàn)整個(gè)網(wǎng)站的邏輯結(jié)構(gòu)。大多數(shù)情況下，全局導(dǎo)航應(yīng)以固定的位置和統(tǒng)一的風(fēng)格呈現(xiàn)在網(wǎng)站內(nèi)所有頁(yè)面的醒目區(qū)域，從而有效地引導(dǎo)瀏覽者訪問(wèn)網(wǎng)站。瀏覽者無(wú)論處于網(wǎng)站任何一個(gè)頁(yè)面，都應(yīng)能通過(guò)全局導(dǎo)航去往網(wǎng)站其他頁(yè)面。圖1所示為某網(wǎng)站的全局導(dǎo)航。

2） 局部導(dǎo)航

局部導(dǎo)航是網(wǎng)站的子菜單，是全局導(dǎo)航的補(bǔ)充。局部導(dǎo)航提供一個(gè)頁(yè)面到達(dá)上一級(jí)、同一級(jí)、下一級(jí)頁(yè)面的路徑，是瀏覽者在網(wǎng)站信息空間中到附近地點(diǎn)的路徑。局部導(dǎo)航與全局導(dǎo)航共同展現(xiàn)網(wǎng)站的邏輯結(jié)構(gòu)，完成網(wǎng)站內(nèi)各頁(yè)面間的跳轉(zhuǎn)。圖2所示為某網(wǎng)站的局部導(dǎo)航。

3） 輔助導(dǎo)航

輔助導(dǎo)航又稱(chēng)面包屑導(dǎo)航，它顯示了主頁(yè)到當(dāng)前頁(yè)面的路徑。面包屑導(dǎo)航幫助瀏覽者了解目前位于網(wǎng)站的什么位置，體現(xiàn)網(wǎng)站的邏輯結(jié)構(gòu)，幫助瀏覽者快速了解網(wǎng)站內(nèi)容的組織形式，從而形成很好的位置感。面包屑導(dǎo)航提供返回上級(jí)頁(yè)面的通道，為瀏覽者操作提供便利。圖3所示為某網(wǎng)站的輔助導(dǎo)航。

4） 友情導(dǎo)航

友情導(dǎo)航主要是用于一些瀏覽者通常很少使用的鏈接內(nèi)容，例如幫助中心、聯(lián)系站長(zhǎng)、設(shè)為首頁(yè)等。友情導(dǎo)航是網(wǎng)站的一組重要鏈接，它其實(shí)并不屬于網(wǎng)站結(jié)構(gòu)的一部分。友情導(dǎo)航在瀏覽者需要的時(shí)候可以提供快速有效的幫助。圖4所示為某網(wǎng)站的友情導(dǎo)航。

5） 搜索引擎導(dǎo)航

搜索引擎一般放置在頁(yè)面比較顯眼的位置，搜索框和搜索按鈕組合在一起方便瀏覽者使用。瀏覽者在搜索框內(nèi)鍵入關(guān)鍵詞，點(diǎn)擊搜索按鈕，之后網(wǎng)站會(huì)顯示與關(guān)鍵詞相關(guān)的信息列表。瀏覽者在信息列表里面選擇自己所需要的信息，點(diǎn)擊瀏覽，這樣瀏覽者可以快速地找到自己所需要的網(wǎng)站信息。圖5所示為某網(wǎng)站的搜索引擎導(dǎo)航。

網(wǎng)站導(dǎo)航的設(shè)計(jì)往往多種類(lèi)型的導(dǎo)航相結(jié)合，從而為瀏覽者提供他們所需要的各種服務(wù)。導(dǎo)航設(shè)計(jì)要“因地制宜”、“因人而異”，從而更好的體現(xiàn)網(wǎng)站的整體結(jié)構(gòu)和傳遞網(wǎng)站內(nèi)容。

4 網(wǎng)站導(dǎo)航系統(tǒng)的設(shè)計(jì)原則

4.1 人性化

開(kāi)發(fā)網(wǎng)站的目的就是為瀏覽者提供服務(wù)的，因此人性化是網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計(jì)最重要的原則。脫離了瀏覽者，網(wǎng)站也沒(méi)有存在的意義。

1） 網(wǎng)站導(dǎo)航的設(shè)計(jì)應(yīng)符合瀏覽者的審美觀。一個(gè)網(wǎng)站的導(dǎo)航應(yīng)能吸引瀏覽者的目光，從而使得瀏覽者可以停留在該網(wǎng)站。如果導(dǎo)航設(shè)計(jì)的不符合瀏覽者的審美情趣，他們也不會(huì)有興趣停留，會(huì)馬上離開(kāi)。

2） 瀏覽者在瀏覽頁(yè)面的時(shí)候會(huì)有某種習(xí)慣性，比如從上到下，從左到右，因?yàn)檫@是日常生活中的閱讀習(xí)慣。網(wǎng)站導(dǎo)航的設(shè)計(jì)應(yīng)遵循瀏覽者瀏覽網(wǎng)頁(yè)的規(guī)律，方便瀏覽者獲取網(wǎng)站的信息。

3） 網(wǎng)站導(dǎo)航應(yīng)能和瀏覽者產(chǎn)生交互。交互是人性化最直接的體現(xiàn)，能夠產(chǎn)生人機(jī)互動(dòng)，是導(dǎo)航設(shè)計(jì)人性化的標(biāo)準(zhǔn)。

4.2 以網(wǎng)站定位為前提

網(wǎng)站導(dǎo)航系統(tǒng)設(shè)計(jì)時(shí)，導(dǎo)航設(shè)計(jì)要以網(wǎng)站定位（網(wǎng)站內(nèi)容、網(wǎng)站風(fēng)格、網(wǎng)站結(jié)構(gòu)）為前提。

1） 網(wǎng)站的內(nèi)容是導(dǎo)航設(shè)計(jì)的依據(jù)。網(wǎng)站導(dǎo)航的作用就是傳遞網(wǎng)站內(nèi)容，因此脫離網(wǎng)站內(nèi)容的導(dǎo)航是不可取的。

2） 與網(wǎng)站結(jié)構(gòu)相適應(yīng)。在一個(gè)網(wǎng)站中導(dǎo)航的位置要合理，應(yīng)與網(wǎng)站結(jié)構(gòu)相適應(yīng)。在網(wǎng)站的任一頁(yè)面，瀏覽者都應(yīng)能對(duì)導(dǎo)航的位置產(chǎn)生一個(gè)形象化的概念。

3） 與網(wǎng)站風(fēng)格相一致。瀏覽者在訪問(wèn)網(wǎng)站時(shí)首先就會(huì)尋找導(dǎo)航系統(tǒng)以便幫助自己更好的訪問(wèn)網(wǎng)站。導(dǎo)航系統(tǒng)應(yīng)與網(wǎng)站整體風(fēng)格一致，從而可以給瀏覽者留下統(tǒng)一印象，進(jìn)而可以增加瀏覽者訪問(wèn)網(wǎng)站的次數(shù)。導(dǎo)航系統(tǒng)與網(wǎng)站風(fēng)格相呼應(yīng)，才可以得到統(tǒng)一的風(fēng)格。

4.3 直觀易操作

瀏覽者訪問(wèn)網(wǎng)站時(shí)，如果導(dǎo)航系統(tǒng)結(jié)構(gòu)不清晰、操作復(fù)雜困難，那么就意味著瀏覽者找到他們想要獲取的網(wǎng)站信息可能會(huì)需要較長(zhǎng)的時(shí)間，甚至?xí)也坏剿枰木W(wǎng)站信息，從而影響了網(wǎng)站的信息傳遞。因此導(dǎo)航設(shè)計(jì)應(yīng)做到以下兩點(diǎn)：

1） 網(wǎng)站導(dǎo)航的結(jié)構(gòu)應(yīng)清晰明了、簡(jiǎn)捷直觀。瀏覽者在使用導(dǎo)航時(shí)，能對(duì)網(wǎng)站邏輯結(jié)構(gòu)一目了然，從而使得瀏覽者可以快速地找到自己所找的欄目，進(jìn)而獲取自己所需要的信息。

2） 網(wǎng)站導(dǎo)航系統(tǒng)的鏈接應(yīng)醒目、操作應(yīng)盡可能的簡(jiǎn)化，讓瀏覽者能夠很快找到所要點(diǎn)擊的鏈接并用盡量少的點(diǎn)擊次數(shù)找到所需的內(nèi)容。

網(wǎng)站導(dǎo)航系統(tǒng)是評(píng)價(jià)網(wǎng)站開(kāi)發(fā)成功與否的重要依據(jù)，在網(wǎng)站建設(shè)中占有舉足輕重的地位。所以本文對(duì)網(wǎng)站導(dǎo)航系統(tǒng)加以分析研究是有意義的，希望能對(duì)網(wǎng)站導(dǎo)航設(shè)計(jì)有一定的啟發(fā)。

參考文獻(xiàn)：

[1] 郭熙.網(wǎng)站導(dǎo)航系統(tǒng)創(chuàng)意設(shè)計(jì)探究—以“郭熙”網(wǎng)站導(dǎo)航設(shè)計(jì)為例[D].南京藝術(shù)學(xué)院，2010.

[2] 美國(guó)Adobe公司.Adobe Dreamweaver CS6中文版經(jīng)典教程[M].姚軍，譯.人民郵電出版社.2014.5.endprint