網站導航設計是結構層面設計中的主要工作之一。但是很多用戶時常在瀏覽一些站點時因為沒有方便的導航系統而苦惱,原因是這些網站缺乏針對性和方便的導航系統,也沒有提供有助于讓我找到所需信息的幫助,他們把所有的導航信息都放置在雜亂的按鈕和文本鏈接上,使用戶很難找到自己要訪問的頁面。
因此,我們在進行網站導航設計時,應該綜合考慮客戶的需求以及網站的結構,從以下幾個方面著手設計:
網站的導航,包括頂部、底部和側面的導航都應該盡可能地對用戶友好、易用,保證用戶“想”看到的在盡可能的顯眼位置,導航里的各要素應該反映出各個目錄和子目錄,以及各個主題之間的邏輯性、相關性,幫助用戶找到主要相關內容。
1.1 設計輔助導航。
為用戶提供一個直觀的指示,讓用戶知道現在所在網站的位置,每一級位置的名稱都得有鏈接可返回,在每一個網頁都必須包括輔助導航以及左上角的網站LOGO標識。
1.2 設置網站LOGO鏈接
每一個出現的網站LOGO都要加上回到網站首頁的鏈接,因為大部分用戶已經習慣了點擊網站LOGO作為回到網站首頁的方法。
1.3 導航條的位置
在屏幕上的一個網頁實際上可以有五個基本區域來放置導航元素:頂部、底部、左側、右側和中央。各個位置都有其優缺點。
頂部導航:把導航元素放在頂部可以迅速地顯示出來,是一種常用方式。
底部導航:在通常情況下,底部導航沒有多在意義,一般只作為頁面標簽和公司品牌的介紹,不建議在屏幕底部設計導航。
左側導航:這是網頁導航的一種普遍方式。
右側導航:一般只用于放置廣告、交叉鏈接以及輔助的導航形式。
中心導航:一般只有在首頁上才可把重要的導航元素如圖形按鈕或圖像畫面放在頁在的中心。
主導航條的位置應該在接近頂部或網頁左側的位置,如果因為內容過多需要子導航時,要讓用戶容易地分辨出哪個是主導航條,哪個是某主題的子導航條。
1.4 設置聯系信息。
進入“聯系我們”網頁的鏈接或者直接呈現詳細的聯系方式都必須在網站的任何一個網頁中可以找到。
1.5 導航的使用方法應該簡單
導航的使用必須得盡可能的簡單,避免使用下拉或彈出式菜單導航,如果沒辦法一定得用,那么菜單的層次不要超過兩層。
1.6 設計網頁標簽
用戶在訪問網站的過程中通常會問“我在哪?”,因此在進行導航設計應該考慮如何讓用戶知道現在所看的網頁是什么、現在所看網頁的相關網頁是什么。
一個高級的網頁標簽形式可以加入關于位置的許多信息,這就是我們常說的所在位置,這種類型我們也可以稱深度測量,因為它直接顯示了用戶在站點中的位置,如下所示:
首頁 > 作品展示 > 網站設計 > 作品1
注:在這種情況下,在所在位置里前面三個都可以鏈接,而在第四個時字體是加粗的,表明了我們現在所處的位置,同時配合導航的顏色高亮,可以達到視覺直觀指示的效果。這種方式能夠很直接明了的提示用戶我在哪?而它一般都放在主導航條的下方。
1.7 對已瀏覽過的網頁給出提示
在網上查看信息的時候總會出現一個這樣的問題:我們經常會看到重復看的信息才發現以前憶訪問過這里。如何有效的避免這種情況?我們可以采用顏色來區分,未被點擊的是一種顏色,點擊過后的又是另外一種顏色,用站點樣式來實現。
1.8 設置登陸退出口
登陸入口和退出登陸出口要在全網站的每一個網頁都可以找到,讓用戶進入任一網頁都可以登陸和退出。
導航的功能設計可以提高或降低整個網站的表現,功能完善的導航可以讓用戶快速地找到他們想要的東西,否則就會“趕走”用戶。
2.1 導航內容明顯的區別
導航的目錄或主題種類必須得清晰,不要讓用戶困惑,而且如果有需要突出主要網頁的區域,則應該與一般網頁在視覺上有所區別。
2.2 導航的鏈接必須全是有效鏈接
無論是一般導航還是有下拉菜單的導航,里面的所有文字都應該是有效的鏈接。
2.3 準確的導航文字描述
用戶在點擊導航鏈接前對他們所找的東西有一個大概的了解,鏈接上的文字必須能準確描述鏈接所到達的網頁內容。
2.4 搜索導航結果
搜索的結果一定不要出現“無法找到”的結果,這是很讓用戶失望的,如果無法精確找出結果,搜索功能應該實現對錯字,類似產品或相關產品給出一個相近的模糊結果。
不管為導航選擇了哪種位置,即便是幾乎所有的位置都使用了,對不同類型的導航來說,所有的一切必須保持一致性。如果主導航在上部,輔助導航在在部,就仍保持原樣。在標志頁和其他頁間,導航的變換是可能的,但一般來講仍應充分考慮穩定性和一致性,不能有太大的跳躍。
總之,在進行網站導航設計時,不管站點的形式如何,導航的目標是能夠簡單地幫助用戶找到他們的路線。一個好的導航方式能夠幫助用戶回答諸如“我在哪?”、“我能去哪?”、“如何到達想去的地方?”、“我以前來過這里嗎?”和“如何回到曾經去過的地方?“等問題。