跳轉到內容

極客實用性/網頁設計/導航

來自華夏公益教科書,開放的書籍,開放的世界

導航是使用者在網際網路上找到自己方向的方式。如果使用者無法在您的網站上找到他們想要的內容,您還不如沒有網站。

幫助使用者找到您的網站

[編輯 | 編輯原始碼]

猜測域名。 許多使用者試圖猜測網站的域名。第一個猜測可能是 www.companyname.comwww.companyname.countrycode 等。您可能需要註冊多個域名,以涵蓋使用者可能猜測的所有內容,包括您的名稱的常見拼寫錯誤。URL 應該在有和沒有初始 www 的情況下都能正常工作。

域名當然應該易於記憶。包含連字元 (-) 的名稱不是最好的,因為使用者可能會忘記連字元或輸入點號代替。

搜尋引擎。 確保您的網站易於使用最流行的搜尋引擎找到。您可以控制哪些頁面在搜尋引擎中被找到,以及他們在搜尋結果列表中的描述方式。您還可以新增對某些搜尋引擎可見但使用者看不到的關鍵詞。您可以新增此類關鍵詞來涵蓋您網站主題的所有同義詞,包括常見的拼寫錯誤。請參閱最常見搜尋引擎的使用說明。

請注意,使用者可能會訪問您系統中的任何子頁面。確保所有子頁面都具有在上下文中意義明確的標題,以及指向主入口頁面的連結。

來自其他網站的連結。 只有當您的網站包含有用的資訊時,其他人才會從他們的網站連結到您的網站。您網站上的資訊質量越高,您獲得的傳入連結就越多。確保您的網站具有其他人可以連結到的邏輯入口點。框架內的子頁面無法連結。

小心避免失效連結。 每當您重新組織網站並刪除頁面或更改檔名時,您實際上可能會破壞來自其他網站的連結,或者使某人的書籤失效。為了儘量減少此問題,您需要在舊頁面所在的位置放置一個重定向頁面。


幫助使用者在您的網站上找到自己的方向

[編輯 | 編輯原始碼]

選單。 所有頁面都應該有選單。確保您的選單或連結看起來像選單或連結。如果您的連結看起來只是文字或裝飾,那麼使用者可能永遠不會想到他們可以點選它們。預設情況下,連結是帶下劃線的藍色或紫色:藍色表示未訪問過的位置,紫色表示指向使用者之前訪問過的頁面的連結。您的設計越偏離此標準,使用者導航就越困難。

選單應該以邏輯的方式結構化,並且不要巢狀得太深。如果使用者無法猜測去哪裡才能找到特定頁面,或者不知道它是否可用,他們可能永遠找不到它。

搜尋功能。 對於包含許多頁面的網站,搜尋功能非常有用。但好的搜尋功能很難製作。測試搜尋功能的有效方法是記錄搜尋失敗。檢視日誌檔案,您可以看到使用者搜尋但未成功的所有詞語。

檔名導航。 一些使用者使用瀏覽器中的 URL 欄位進行導航。因此,目錄結構和檔名最好簡單,並以一致且邏輯的方式結構化。例如,如果此頁面的 URL 是

en.wikibooks.org/wiki/Usability_for_Nerds/Web_design/Navigation

那麼使用者可能會嘗試透過嘗試以下任何一種方式在層次結構中向上導航

en.wikibooks.org/wiki/Usability_for_Nerds/Web_design

en.wikibooks.org/wiki/Usability_for_Nerds

en.wikibooks.org/wiki

en.wikibooks.org

這些 URL 中的每一個都應該提供指向其在主題層次結構中相應位置的有用入口。檔名導航對於在使用者點選失效連結後查詢最近存在的頁面特別有用。

有用的錯誤資訊。 不要讓您的系統在找不到請求的頁面時寫入 “HTTP 錯誤 404”。相反,您應該顯示一個包含指向您的索引頁面和搜尋功能的連結的幫助頁面,以及可能與使用者鍵入的內容相似的選項列表。


幫助使用者從您的網站上找到自己的方向

[編輯 | 編輯原始碼]

有些網站沒有外向連結。此類網站被稱為粘性網站,因為它們試圖將使用者留在網站內。但那些無法在您的網站上找到他們要找的東西,也無法獲得其他地方的幫助的使用者,不是那些下次還想回來訪問的快樂使用者。相反,您可以讓連結在新瀏覽器標籤頁中開啟。

輔助功能 · 避免使用框架

華夏公益教科書