人們使用web來(lái)與其他人進(jìn)行交互，查找信息，在線(xiàn)購物，以及下載軟件程序等。要容易的實(shí)現這些事情，當他們?yōu)g覽一個(gè)新的網(wǎng)頁(yè)的時(shí)候，他們要么熟悉這些網(wǎng)站，要么是以直覺(jué)判斷來(lái)確定正確的行動(dòng)。一個(gè)良好的網(wǎng)站可用性設計，能夠有效的幫助你的新訪(fǎng)客找到他們真正需要的信息，作為一名訪(fǎng)客而言，每到一個(gè)新的網(wǎng)站總得上下翻轉整個(gè)頁(yè)面去尋找下載鏈接，那實(shí)在是一件讓人煩心的事情（對于國內的部分下載站點(diǎn)，甚至以廣告鏈接來(lái)冒充下載資源，那更是讓人深?lèi)和唇^?。?。
在下面的內容中，我將向大家展示一些我在去年的工作中總結出來(lái)的6個(gè)最普遍的網(wǎng)站可用性錯誤，大多數的網(wǎng)站站長(cháng)和網(wǎng)頁(yè)設計師都傾向于犯類(lèi)似的錯誤。如果你對站點(diǎn)可用性工具感興趣，可以參考：10個(gè)免費的web分析工具 - 網(wǎng)站訪(fǎng)客分析及可用性研究
對用戶(hù)而言，沒(méi)有什么東西比一個(gè)讓人困惑的站點(diǎn)更讓人氣憤了，它們沒(méi)有任何方位說(shuō)明，混亂的站點(diǎn)導航，甚至沒(méi)有站點(diǎn)導航，你根本沒(méi)有辦法在該站找到下一個(gè)對你有用的信息，除了當前你正在瀏覽的頁(yè)面，你最想做的事情就是立刻離開(kāi)這個(gè)網(wǎng)站，并且永遠不再回來(lái)！研究人員指出，網(wǎng)絡(luò )用戶(hù)應該能夠在不超過(guò)3次點(diǎn)擊的情況下，在一個(gè)網(wǎng)站上的每一個(gè)頁(yè)面去到任何一個(gè)他們想去的精確頁(yè)面。
當然，我們說(shuō)的3次點(diǎn)擊肯定應該理解為同一個(gè)站點(diǎn)的任何兩個(gè)不同網(wǎng)頁(yè)之間。如果不能通過(guò)3次點(diǎn)擊到達他們所需要的目標頁(yè)面，你很可能會(huì )失去他們。檢查你的web站點(diǎn)，如果超過(guò)3次點(diǎn)擊，web設計師會(huì )告訴你，如果你想重新設計或者定義網(wǎng)站結構，那將是一個(gè)非常耗費時(shí)間的活計！
在今天，我們如何評價(jià)一個(gè)網(wǎng)站的結構是好是壞呢，有什么主要的特征來(lái)判斷呢？答案很簡(jiǎn)單：簡(jiǎn)約。一個(gè)好的站點(diǎn)就是一個(gè)所有人都易于有效使用的簡(jiǎn)單站點(diǎn)。
同時(shí)，你還需要注意的是，一個(gè)站點(diǎn)有大量的信息，但是它們并不是每個(gè)普通用戶(hù)都需要的?？紤]到這一點(diǎn)，你可能需要使用Google Analytics網(wǎng)站分析工具來(lái)精確檢測用戶(hù)從哪些網(wǎng)頁(yè)離開(kāi)你的網(wǎng)站。通過(guò)該工具的幫助，你可以從你的網(wǎng)站流量得到一些提示，哪些頁(yè)面你需要替換或者重新考慮它。
不要忘記為你的網(wǎng)站使用一個(gè)站點(diǎn)地圖[Sitemap]：有的時(shí)候，這個(gè)細節被我們跳過(guò)了。站點(diǎn)地圖本來(lái)是為站點(diǎn)可用性而設計，然而在今天，隨著(zhù)站點(diǎn)地圖對SEO的作用減弱，很多網(wǎng)站和博客都對sitemap不再那么重視，而它對站點(diǎn)可用性的作用也逐漸被人們以往。實(shí)際上，如果以SEO2.0的標準來(lái)衡量，網(wǎng)站的可用性設計占據著(zhù)非常重要的地位，因此為你的站點(diǎn)設計一個(gè)HTML格式的sitemap就更顯得重要了，不是為了SEO，而是為了Web Usability。站點(diǎn)地圖的創(chuàng )建應該是以最終用戶(hù)的可用性設計為理念，就像它的名字一樣，它讓你的用戶(hù)不至于在你的網(wǎng)站上迷失。我在以前有一篇關(guān)于免費站點(diǎn)地圖生成工具的文章，大家可以參考一下。
Http://www.havenworks.com這個(gè)網(wǎng)站就是一個(gè)典型的可用性設計反面教材，這是一個(gè)不合理的，讓人迷惑的網(wǎng)站。盡管這個(gè)網(wǎng)站宣稱(chēng)他們的內容最新的，不過(guò)在導航和設計上看來(lái)，他們似乎還停留在10年以前！
盡管不是所有的網(wǎng)站都需要搜索功能，但是在頁(yè)面右上方的一個(gè)搜索框卻是讓客戶(hù)發(fā)現最需要的信息最快和最直接的方式。我認為盡管主菜單已經(jīng)有了一定數量的鏈接，然而搜索功能的重要性還是不容忽視的，尤其對于資源豐富的網(wǎng)站。
搜索功能是必要的，但是并非放置一個(gè)搜索框到你的網(wǎng)站這樣簡(jiǎn)單而已。很多時(shí)候，如果你的搜索功能沒(méi)有正確建立，它所提供的結果并不能讓你的防客滿(mǎn)意。搜索結果的精確匹配非常重要，如果你的搜索不能為用戶(hù)返回最相關(guān)的搜索結果，那必定會(huì )給用戶(hù)帶來(lái)不好的印象，他們會(huì )認為你的網(wǎng)站沒(méi)有他們所需要的內容，但事實(shí)上卻并不是他們想的那樣。
下面是關(guān)于添加搜索功能應當注意的一些技巧：
更多關(guān)于站內搜索的技巧，大家可以參考Stoney deGeyter的文章 ‘Searching for Better On-Site Search Usability ‘
還有一個(gè)打擊可用性的問(wèn)題就是，對于普通文本和鏈接使用同樣的顏色。 這樣做的結果是讓一部分訪(fǎng)客感覺(jué)到混亂，他們嘗試去點(diǎn)擊一些不是鏈接的文本，然而真正的鏈接他們卻難以發(fā)現。
另外，鏈接的長(cháng)度也不宜過(guò)長(cháng)，通常在5到7個(gè)單詞比較合適。關(guān)于鏈接的設計，你可以參考 ‘How to Design your Links‘.
404頁(yè)面錯誤或者 “Page Not Found” 消息是服務(wù)器的一個(gè)HTTP響應，錯誤表示web瀏覽器能夠與服務(wù)器通訊，但是服務(wù)器無(wú)法正確的處理或識別相關(guān)的請求，或者是服務(wù)器沒(méi)有一個(gè)適當的配置來(lái)滿(mǎn)足用戶(hù)的請求
下面是幾個(gè)優(yōu)化你網(wǎng)站404錯誤頁(yè)面的幾個(gè)方法：
與隱秘鏈接類(lèi)似，404頁(yè)面的自定義也是一個(gè)容易被忽視的問(wèn)題。
Avangate.com的可用性資源中心為我們提供了一篇 可用性表格清單 文章給大家可以參考，其中提到了許多最重要和最相關(guān)的關(guān)于表單可用性的技巧，最關(guān)鍵的一點(diǎn)還是：簡(jiǎn)潔。
這里我們只列出一些最應該考慮的重要規則：
考慮用戶(hù)的時(shí)間，避免使用復雜的表單。對于注冊信息表單，創(chuàng )建關(guān)鍵表單項，對于用戶(hù)問(wèn)卷調查表單，則盡量使用簡(jiǎn)潔的回答方式，能設置預設答案的項目盡量設置好，提高用戶(hù)完成表單的效率。
通常使用免費下載，免費資源來(lái)刺激用戶(hù)完成表單是一個(gè)不錯的選擇。
Splash pages 被定義為一個(gè)網(wǎng)站的介紹頁(yè)面或者引導頁(yè)面。在很多時(shí)候，它們都由下面這些元素構成：圖形或logo，動(dòng)畫(huà)或者flash影象。醒目網(wǎng)頁(yè)現在還像以前一樣非常流行，或許現在稍微冷卻了一些吧，但是這也是一個(gè)讓最終用戶(hù)討厭的東西。
但是，讓我們用一個(gè)開(kāi)發(fā)人員的角度來(lái)看看醒目網(wǎng)頁(yè)有什么優(yōu)點(diǎn)和缺點(diǎn)：
優(yōu)點(diǎn):
缺點(diǎn)
通過(guò)上面的優(yōu)點(diǎn)和缺點(diǎn)的比較，你可以選擇使用或者不用splash頁(yè)面，要注意的是多數時(shí)候這個(gè)東西會(huì )造成用戶(hù)的反感。
可用性是個(gè)主觀(guān)的東西。在web設計師或者開(kāi)發(fā)人員的眼里看似好用網(wǎng)頁(yè)設計對于最終客戶(hù)來(lái)說(shuō)卻有可能完全不一樣。Web完全是一個(gè)相互作用的環(huán)境，我們必須注意網(wǎng)站與訪(fǎng)問(wèn)者交互的方式，以及了解訪(fǎng)問(wèn)者是否能理解你的網(wǎng)站為他們提供的方便。
你很難找到一個(gè)手冊來(lái)告訴你正確的步驟。不要忘記，當你創(chuàng )建一個(gè)網(wǎng)站的時(shí)候，你應該把你自己當作一個(gè)普通訪(fǎng)問(wèn)者來(lái)看待；在成為一名網(wǎng)站藝術(shù)家之前，你需要理解訪(fǎng)客的需求。為了獲得最好的效果，你必須經(jīng)常測試：讓一些從來(lái)沒(méi)有來(lái)過(guò)你網(wǎng)站的人到你的網(wǎng)站做一些你想讓他們做的事情。參考：如何了解你的網(wǎng)站訪(fǎng)客：網(wǎng)站數據收集與分析
基于 the F-Pattern Eye-Tracking 原理來(lái)格式化你的landing page: 互聯(lián)網(wǎng)讀者都傾向于一種粗略的F-shared模型來(lái)瀏覽web內容，因此把你的重要圖片放到文字左面去。 (什么是F-shaped模型, 實(shí)際上就是普通人瀏覽web內容的眼球軌跡，也叫做尼爾森的F視覺(jué)模型，這里有一份調查報告，請參考 Jakob Nielsen’s eyetracking research.)
關(guān)于可用性測試，大家還可以拜訪(fǎng) Steve Krug 的網(wǎng)站，下載這個(gè)優(yōu)秀的腳本 。Steve Krug 是偉大著(zhù)作 Don’t Make Me Think—A Common Sense Approach to Web Usability [中文譯名：點(diǎn)石成金－訪(fǎng)客至上的網(wǎng)頁(yè)設計秘笈]的作者。我們向大家高度推薦這本書(shū)。 Steve 的腳本是為“實(shí)驗室可用性測試”而設計的，因此你可以忽略麥克風(fēng)和屏幕記錄。
網(wǎng)站可用性設計是一門(mén)非常有趣的課程，在SEO 2.0的概念下可用性設計是個(gè)非常重要的組成部分，因此在后面的文章中我們會(huì )大量介紹相關(guān)的內容，如果你覺(jué)得本文對你有所幫助，歡迎您訂閱我們的博客，或者聯(lián)系我們，發(fā)表您的高見(jiàn)！
聯(lián)系客服
