文章內容

網站可用性設計6個最普遍可用性設計錯誤

發布時間: 2012/9/8 18:31:11

人們使用web來與其他人進行交互，查找信息，在線購物，以及下載軟件程序等。要容易的實現這些事情，當他們瀏覽一個新的網頁的時候，他們要么熟悉這些網站，要么是以直覺判斷來確定正確的行動。一個良好的網站可用性設計，能夠有效的幫助你的新訪客找到他們真正需要的信息，作為一名訪客而言，每到一個新的網站總得上下翻轉整個頁面去尋找下載鏈接，那實在是一件讓人煩心的事情（對于國內的部分下載站點，甚至以廣告鏈接來冒充下載資源，那更是讓人深惡痛絕！）。

一。讓人困惑的網站結構和內容

對用戶而言，沒有什么東西比一個讓人困惑的站點更讓人氣憤了，它們沒有任何方位說明，混亂的站點導航，甚至沒有站點導航，你根本沒有辦法在該站找到下一個對你有用的信息，除了當前你正在瀏覽的頁面，你最想做的事情就是立刻離開這個網站，并且永遠不再回來！研究人員指出，網絡用戶應該能夠在不超過3次點擊的情況下，在一個網站上的每一個頁面去到任何一個他們想去的精確頁面。

當然，我們說的3次點擊肯定應該理解為同一個站點的任何兩個不同網頁之間。如果不能通過3次點擊到達他們所需要的目標頁面，你很可能會失去他們。檢查你的web站點，如果超過3次點擊，web設計師會告訴你，如果你想重新設計或者定義網站結構，那將是一個非常耗費時間的活計！

在今天，我們如何評價一個網站的結構是好是壞呢，有什么主要的特征來判斷呢？答案很簡單：簡約。一個好的站點就是一個所有人都易于有效使用的簡單站點。

同時，你還需要注意的是，一個站點有大量的信息，但是它們并不是每個普通用戶都需要的。考慮到這一點，你可能需要使用Google Analytics網站分析工具來精確檢測用戶從哪些網頁離開你的網站。通過該工具的幫助，你可以從你的網站流量得到一些提示，哪些頁面你需要替換或者重新考慮它。

不要忘記為你的網站使用一個站點地圖［Sitemap］：有的時候，這個細節被我們跳過了。站點地圖本來是為站點可用性而設計，然而在今天，隨著站點地圖對SEO的作用減弱，很多網站和博客都對sitemap不再那么重視，而它對站點可用性的作用也逐漸被人們以往。實際上，如果以SEO2.0的標準來衡量，網站的可用性設計占據著非常重要的地位，因此為你的站點設計一個HTML格式的sitemap就更顯得重要了，不是為了SEO，而是為了Web Usability。站點地圖的創建應該是以最終用戶的可用性設計為理念，就像它的名字一樣，它讓你的用戶不至于在你的網站上迷失。

二。缺少搜索功能

盡管不是所有的網站都需要搜索功能，但是在頁面右上方的一個搜索框卻是讓客戶發現最需要的信息最快和最直接的方式。我認為盡管主菜單已經有了一定數量的鏈接，然而搜索功能的重要性還是不容忽視的，尤其對于資源豐富的網站。

搜索功能是必要的，但是并非放置一個搜索框到你的網站這樣簡單而已。很多時候，如果你的搜索功能沒有正確建立，它所提供的結果并不能讓你的防客滿意。搜索結果的精確匹配非常重要，如果你的搜索不能為用戶返回最相關的搜索結果，那必定會給用戶帶來不好的印象，他們會認為你的網站沒有他們所需要的內容，但事實上卻并不是他們想的那樣。

下面是關于添加搜索功能應當注意的一些技巧：

1搜索框的位置，通常放在頁面的右上角是個不錯的選擇；

2搜索選項應該有能力檢測錯誤的拼寫，并為用戶提供正確的搜索建議；

3搜索框應該盡量的簡單，在大多數網站都沒有必要添加高級搜索選項；

4簡單的搜索不應該對大小寫敏感；

5在搜索框旁邊放置一個帶“搜索”標簽的按鈕；

6精確匹配的結果應該放置在近似匹配結果的前面；

7使用醒目的顏色來標志搜索關鍵詞及詞組片段；

三。隱秘的鏈接

還有一個打擊可用性的問題就是，對于普通文本和鏈接使用同樣的顏色。這樣做的結果是讓一部分訪客感覺到混亂，他們嘗試去點擊一些不是鏈接的文本，然而真正的鏈接他們卻難以發現。

另外，鏈接的長度也不宜過長，通常在5到7個單詞比較合適。

四。沒有優化的404頁面

404頁面錯誤或者 “Page Not Found” 消息是服務器的一個HTTP響應，錯誤表示web瀏覽器能夠與服務器通訊，但是服務器無法正確的處理或識別相關的請求，或者是服務器沒有一個適當的配置來滿足用戶的請求

下面是幾個優化你網站404錯誤頁面的幾個方法：

1放置一個FAQ/支持頁面鏈接

2放置一個sitemap鏈接

3放置一個最重要的分類鏈接

4放置一個搜索框在頁面上方顯著位置

5添加與其他頁面相同的404頁面樣式

與隱秘鏈接類似，404頁面的自定義也是一個容易被忽視的問題。

五。可用性表單

一篇可用性表格清單文章給大家可以參考，其中提到了許多最重要和最相關的關于表單可用性的技巧，最關鍵的一點還是：簡潔。

這里我們只列出一些最應該考慮的重要規則：

不管是新用戶還是老用戶，都應當讓他們了解完成表單的填寫對他們有什么好處

應當盡量避免在表單中提供了過多的填寫項目

不要有任何重復的填寫項目

如果有必要的話，將一個表單撕裂為幾個頁面

保證表單外觀的整潔

以不同的方式標記必須要完成的重要表單項目

相應的錯誤消息應該被返回

考慮用戶的時間，避免使用復雜的表單。對于注冊信息表單，創建關鍵表單項，對于用戶問卷調查表單，則盡量使用簡潔的回答方式，能設置預設答案的項目盡量設置好，提高用戶完成表單的效率。

通常使用免費下載，免費資源來刺激用戶完成表單是一個不錯的選擇。

8不要有零條記錄被發現的消息，對于類似的情況，提供相關的搜索建議給用戶選擇。

六。醒目網頁［Splash pages］

Splash pages 被定義為一個網站的介紹頁面或者引導頁面。在很多時候，它們都由下面這些元素構成：圖形或logo，動畫或者flash影象。醒目網頁現在還像以前一樣非常流行，或許現在稍微冷卻了一些吧，但是這也是一個讓最終用戶討厭的東西。

但是，讓我們用一個開發人員的角度來看看醒目網頁有什么優點和缺點：

優點：

1Splash頁面讀取時間快并且把所有的信息都放在一個獨立的頁面

2Splash pages 允許訪問者選擇適合于他們的站點技術

3站長可以通過廣告獲得潛在的收入

缺點

1對于用戶來說沒有任何可用性可言

2用戶可能會嘗試離開網站：根據相關研究表明，有25%的用戶在看到splash page后選擇離開

3大多數的搜索引擎不能索引到splash page

4在splash page上的重復動畫可能導致用戶的厭煩

通過上面的優點和缺點的比較，你可以選擇使用或者不用splash頁面，要注意的是多數時候這個東西會造成用戶的反感。

結論

可用性是個主觀的東西。在web設計師或者開發人員的眼里看似好用網頁設計對于最終客戶來說卻有可能完全不一樣。Web完全是一個相互作用的環境，我們必須注意網站與訪問者交互的方式，以及了解訪問者是否能理解你的網站為他們提供的方便。

你很難找到一個手冊來告訴你正確的步驟。不要忘記，當你創建一個網站的時候，你應該把你自己當作一個普通訪問者來看待；在成為一名網站藝術家之前，你需要理解訪客的需求。為了獲得最好的效果，你必須經常測試：讓一些從來沒有來過你網站的人到你的網站做一些你想讓他們做的事情網站可用性設計參考資料：

網頁設計的5個小經驗

基于 the F-Pattern Eye-Tracking 原理來格式化你的landing page：互聯網讀者都傾向于一種粗略的F-shared模型來瀏覽web內容，因此把你的重要圖片放到文字左面去。（什么是F-shaped模型，實際上就是普通人瀏覽web內容的眼球軌跡，也叫做尼爾森的F視覺模型。

網站優化-通過提高Wed可用性構建用戶滿意的網站

關于可用性測試，大家還可以拜訪 Steve Krug 的網站，下載這個優秀的腳本。Steve Krug 是偉大著作 Don’t Make Me Think—A Common Sense Approach to Web Usability ［中文譯名：點石成金－訪客至上的網頁設計秘笈］的作者。我們向大家高度推薦這本書。 Steve 的腳本是為“實驗室可用性測試”而設計的，因此你可以忽略麥克風和屏幕記錄。

網站可用性設計是一門非常有趣的課程，在SEO 2.0的概念下可用性設計是個非常重要的組成部分。

本文出自：億恩科技【www.ibaoshan.net】

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]