從A點到X點:有效的站點導航(B)
2024-04-25 20:16:56
供稿:網友
主要的導航
黑色的標題是主要的導航鏈接并且在每個網頁上都將顯示出來。在設計你的站點時,將這些鏈接建立到網頁之中,因此它們能一直出現在每個網頁的相同位置。根據需要,可以留出將來擴展的位置。
家務管理鏈接
你可能想把銷售或者信息條目從“家務管理”的鏈接中分離出來。對于家務管理這樣的鏈接,人們可能期望能夠從任何的網頁上都能找到,但另一方面,這些鏈接在設計中又不需要重點進行突出。有一些鏈接,比如:隱私政策、站點地圖、送貨信息、注冊、常見問題問答和聯系我們常常在網頁的頁眉或者頁腳以小字體顯示,而你的“業務”鏈接都出現在網頁的左側或者右側,或者橫過頁眉。
訂購鏈接
根據鏈接的重要性將它們進行排序,設身處地考慮一下,如果你是消費者,你如何在整個站點上一步一步前進。他們會從左到右或者從上到下瀏覽導航鏈接,直到他們找到所需的鏈接為止。將那些你希望他們看到的鏈接放在列表的前部,在每個網頁上都要保持相同的順序。
二級導航
二級導航或者次級導航是指那些顯示為“我們更接近”目標的鏈接。
這些鏈接可能顯示為:
a) 一列新的鏈接,直接交錯地出現在主頁鏈接之下
b) 在一個新網頁中的一列新鏈接,比如在主要鏈接之后的一個彩色條
c) 中部網頁的內容,對于每個鏈接都具有簡短的說明或者圖片
你的網站越深,你很可能需要更多層的次鏈接。只要用戶感到他們正在沿著正確的方向前進,他們就會在站點內繼續往前走,但只要可能,他們也會試圖減少到達每個相關信息的點擊次數。
自動導航欄軌跡
自動導航欄軌跡是指那些告訴用戶他們正處在主頁哪個位置的鏈接(通常以小字體顯示,在網頁標題的下方)。
例如:
主頁 >主題 > 種類>本頁
自動導航欄給用戶以能夠快速跳轉到站點中更高一級的通道。這對于具有深層結構的網站尤其有用,它對任何的站點都是有益的。如果訪問者通過 搜索引擎查詢登錄到某個網頁上,在無需從主頁開始的情況下,他可以很容易地找到相似的網頁。
正文文本導航
盡可能很容易地讓用戶能找到你所提供的信息。查看網站的每個網頁,看看將哪些網頁的內容互相鏈接起來能提供更多的信息。我們可能想從主頁直接鏈接到某個極具特色的網頁,在訪問者希望得到更多信息的情況下,我們絕對想從窗口小部件產品網頁鏈接到窗口小部件安裝和具體窗口小部件資源網頁。
應作的導航和不應作的導航
不要在新窗口中打開網頁
這樣會將用戶搞糊涂而且中斷了他們的“返回”按鈕。他們以打開了一大堆窗口而走到了頭,然后在沮喪中將他們全部關閉。
不要將網頁元素從一個網頁移動到另一個網頁中
一旦用戶知道了主要鏈接在主頁上的位置,不要通過改變順序讓用戶再次查找它們,比如將它們從某些網頁上全部移至頁腳,或者從其他網頁上完全將其刪除。盡管這樣看上去可能有點讓人“煩”甚至妨礙創造力的發揮,但請記住,一個站點首當其沖的應該是功能第一,否則,是不會有人欣賞你的創造力的。
不要試圖將所有的鏈接放在每個網頁上
除非一個站點相對較小,不要試圖將每個網頁都互相鏈接起來。一個充滿鏈接列表的頁腳或者側導航條,如果需要翻2個網頁,通常會將用戶搞糊涂并且提供了一些用戶根本不需要的信息。采用次導航創建一個邏輯的網頁結構并添加一個站點地圖幫助用戶快速地找到他們所需的網頁。
不要輕易使用“較酷”的鏈接
在鼠標移過時,通過顯示另外的鏈接,Flash、 DHML 和 javascript 飛出菜單看上去解決了深層導航的問題,但是通常不需要這些內容。如果你喜歡它們并且一定要擁有這些內容,確保要在每個網頁頁腳為那些沒有開啟javascript或安裝flash的搜索引擎爬行程序和用戶設置普通文本導航鏈接。
一定要使用顏色來識別鏈接
采用CSS給鏈接添加盤旋顏色,因此,用戶能夠看到他們所要點擊的內容。你的鏈接不一定必須加下劃線,但要給它們設置不同的顏色,因此使它們能從環繞的文本中凸顯出來。不要期望訪問者將鼠標劃過網頁上的所有文字來找出它是不是一個鏈接。
相似地,不要將普通文本設置成與鏈接相同的顏色。你可憐的訪問者會不斷地點擊那些文本。如果你的鏈接是紅色的,也不要將銷售文本設置成紅色的。
在圖片鏈接上務必要使用替換文字
如果你將圖片作為你的導航鏈接,確保要為你將其作為文本鏈接的替換屬性的文字添加描述性文本。這樣將允許那些無法看到圖片的訪問者使用你的站點,而且也能幫助搜索引擎爬行程序(包括你自己的搜索引擎功能)識別網頁的內容。
一致性、一致性、一致性
最重要的是,一定要連貫!無論你決定如何組織你的導航,不要讓訪問者重新學習站點的一個部分到另一個部分。他們一旦發現熟悉了現有的結構,就不想再花太多的時間重新研究站點的導航。
好的站點結構是站點的基礎――要多花一些時間好好考慮,然后請一些真正用戶對其進行測試,確保你的基礎是堅實可靠的。
(完)