導覽部份(Navigation)

1. 文字連結部份是否夠明確,告知使用者會將網頁導引至何處?
這表示 anchor 標籤置放的範圍,應該要非常精確,不能加大或縮短連結文字的範圍。

2. 導覽深度-到達站內的某一頁,需要點擊的最多次數?
有些網站為了增加網頁流量,使用多層次的架構,讓使用者要點擊多次才能到達自己想到的網頁目的地,這就完全是非常不友善的。多層導覽的網站架構,其實可用navagation menu 來做,一個 jQuery 的外掛套件「SuperFish」就可以很方便製作導覽選單。最近發現商業周刊的網站改版,就是用了這個套件,以及多個jQuery的外掛,互動性的部份比以前增加了。


3. 如果導覽部份是以 Java/JavaScript/Flash 的格式呈現,是否有文字替代的內容作為備用?
除了考量遭遇使用者關閉JS功能、JS 錯誤失效或FALSH檔案連結錯誤外,為了便利搜尋引擎抓取內容,備份使用 Anchor 標籤,仍有很大的必要性。不然就得製作 Sitemaps 檔案,並提交給搜尋引擎,增加網站內容頁的被連結數。

4. 點擊後的回應-使用者點擊連結後,是否能在0.1秒內立即獲得回應(response)?
如果點擊的結果是送出查詢和資料庫進行溝通,在資料庫送出回應之前的時間,應該以對話訊息讓網站瀏覽者知悉目前網頁的狀況。

5. 帶有連結可點擊的部份,是否在文體外觀上表現出這是可被點擊的?
簡單來說,就是是否加註底線,或滑鼠移至時鼠標會有可點擊的指示。如果並非透過 anchor 標籤,而是是透過JS產生點擊後的效果,那麼就可利用CSS語法在可被點擊的連結項目上,加上「cursor:pointer;」的語法,就可進行辨識。

6. 導覽的直覺性如何?是否有足夠明顯的特徵顯示這是導覽列?
網站首頁的複雜度越高,越難讓使用者迅速找到路徑,所以多數的導覽列都是置放於Head區塊,不過目前的部落格架構,幾乎是變成置放於側邊,或使用Widget模式將導覽列和內容結合在一個區塊,像iGoogle 就是很鮮明的例子。

7. 外觀類型、字型大小等可是否具備可閱讀性?
由於中文字型的問題,讓中文網頁不像外文網頁那樣具有多種字型可替換的自由度,所以在字型的選擇上,等於沒有變化可能,所以字型大小的選擇就非常重要。依照台灣地區的使用者習慣,目前還是使用1024*768解析度的人居多,所以在字型大小的設定上,應該是以這樣的解析度作為最小的設定,而不能讓高解析度的人看得很痛苦。當然,利用JS偵測解析度,給與不同的文字尺寸,也是一個方法。

8. 是否有明確的目的陳述?目的必須非常明確,是否做到無須讓使用者閱讀太多文字或得複製文字來瞭解?
導覽標題的可讀性很重要,這是新聞性質網站要特別注意的,如何用最精準的文字,在有限的字數內讓讀者知悉導覽的目的。

9. 導覽的結果頁必須不能出問題,不能是死連結
這可利用Google Analytics 的回報結果,可告知哪些網頁會是有無法連結到達的結果。

10. 是否有網站地圖?如果沒有,是否有關鍵字搜尋機制?當網頁內容高達上千頁時,就應該備有搜尋機制。
要製作網站地圖,可利用一些輔助工具,可利用線上版的xml-sitemaps(有500筆連結的限制),或是利用一些離線軟體來做,我用過的是GSiteCrawler這個,不過有其他付費版的也不錯。


克里斯 發表在 痞客邦 PIXNET 留言(0) 人氣()