首頁 >>網頁設計技巧 >> 給力的導航設計
  客戶服務中心

給力的導航設計

導航顯然是網站最重要的部分,“如果在網站上找不到方向,人們就不會使用你的網站”。現在WEB導航的習慣用法基本形成了,雖然還會繼續演化下去,但基本元素以產生:網站LOGO、網站欄目、返回主頁、搜索、實用工具或幫助。
網站LOGO,通常是頁面左上角,出現在頁面可視層級的首要位置,可以采取兩種方式:讓它成為本頁最顯眼的內容,或者讓它涵蓋頁面所有其他元素,當然網站LOGO設計的好壞對人產生心理影響就不用說了。
網站欄目,也稱導航條,站點層級結構的最頂層。導航條很多時候可以包容二級導航(下拉菜單的方式)。很多時候標簽的設計是導航采用的很好表現方式,像淘寶、易趣等購物網站幾乎把它發展到完美的狀態。
1、進入網站時,有一個標簽已經選中;
2、正確繪制,激活的標簽頁要位于其他標簽頁之前;
3、顏色區分,可以讓每個欄目使用一種不用的標簽顏色,并把這種顏色用在頁面其他導航元素上,讓它們渾然一體;搜索功能,如果有提供搜索功能的網站,要記住一個簡單的公式:一個輸入框、一個按鈕、還有“Search”(搜索)兩個字,不要弄的太復雜。比如把 “搜索”換成“查找”、“快速查找”、“快速搜索”、“關鍵字搜索”都會讓用戶產生思考。如果必須為搜索框提供選項(縮小搜索范圍)一定要三思,謹慎提供選項,以便以何種方式提供最為合理,還有就是要保證這些選項的確有用,否則會挫傷用戶心理。

值得注意的是,很多網站到了二級頁面以下,導航便會變了支離破碎,隨意發揮。這個問題非常普遍,以至于很難找到良好的三級導航的例子。事實上,用戶在底層頁面上花的時間通常和花在頂層頁面上的時間相同。除非我們一開始就自頂向下進行導航設計,否則以后很難添加,也很難保持一致性。這就意味著我們在討論主頁的顏色方案之前,擁有顯示網站所有潛在級別的導航的DEMO設計非常重要。要做到這點,必須網頁設計師和網站策劃人員緊密結合,網頁設計師必須提前知道整個站的概貌和細節內容。

有一點,網頁設計師常常忽略,就是記得為每個頁面加個名稱。好像每個拐角處有一個路牌一樣,隨時讓駕駛者知道在哪里,無需思考。頁面的名稱應該出現在涵蓋該頁內容的位置,要引人注目,在大多數情況下,它應該是該頁面最大的文字。

總之,一個擁有良好導航系統的網站,一眼就能告訴用戶這些信息:
這是什么網站?(網站LOGO)
我在哪個網頁上?(網頁名稱)
這個站主要欄目有哪些?(導航欄目清單)
在這個層次上我有哪些選擇?(頁面導航)
我在導航系統的什么位置?(頁面里的“你在這里”的指示符號)
我怎么搜索?

[來源:保定網站建設] [作者:保定網站制作] [日期:11-02-03] [熱度:]