文章內(nèi)容

網(wǎng)站可用性設(shè)計6個最普遍可用性設(shè)計錯誤

發(fā)布時間: 2012/9/8 18:31:11

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

一。讓人困惑的網(wǎng)站結(jié)構(gòu)和內(nèi)容

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

當(dāng)然，我們說的3次點擊肯定應(yīng)該理解為同一個站點的任何兩個不同網(wǎng)頁之間。如果不能通過3次點擊到達(dá)他們所需要的目標(biāo)頁面，你很可能會失去他們。檢查你的web站點，如果超過3次點擊，web設(shè)計師會告訴你，如果你想重新設(shè)計或者定義網(wǎng)站結(jié)構(gòu)，那將是一個非常耗費(fèi)時間的活計！

在今天，我們?nèi)绾卧u價一個網(wǎng)站的結(jié)構(gòu)是好是壞呢，有什么主要的特征來判斷呢？答案很簡單：簡約。一個好的站點就是一個所有人都易于有效使用的簡單站點。

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

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

二。缺少搜索功能

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

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

下面是關(guān)于添加搜索功能應(yīng)當(dāng)注意的一些技巧：

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

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

3搜索框應(yīng)該盡量的簡單，在大多數(shù)網(wǎng)站都沒有必要添加高級搜索選項；

4簡單的搜索不應(yīng)該對大小寫敏感；

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

6精確匹配的結(jié)果應(yīng)該放置在近似匹配結(jié)果的前面；

7使用醒目的顏色來標(biāo)志搜索關(guān)鍵詞及詞組片段；

三。隱秘的鏈接

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

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

四。沒有優(yōu)化的404頁面

404頁面錯誤或者 “Page Not Found” 消息是服務(wù)器的一個HTTP響應(yīng)，錯誤表示web瀏覽器能夠與服務(wù)器通訊，但是服務(wù)器無法正確的處理或識別相關(guān)的請求，或者是服務(wù)器沒有一個適當(dāng)?shù)呐渲脕頋M足用戶的請求

下面是幾個優(yōu)化你網(wǎng)站404錯誤頁面的幾個方法：

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

2放置一個sitemap鏈接

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

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

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

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

五。可用性表單

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

這里我們只列出一些最應(yīng)該考慮的重要規(guī)則：

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

應(yīng)當(dāng)盡量避免在表單中提供了過多的填寫項目

不要有任何重復(fù)的填寫項目

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

保證表單外觀的整潔

以不同的方式標(biāo)記必須要完成的重要表單項目

相應(yīng)的錯誤消息應(yīng)該被返回

考慮用戶的時間，避免使用復(fù)雜的表單。對于注冊信息表單，創(chuàng)建關(guān)鍵表單項，對于用戶問卷調(diào)查表單，則盡量使用簡潔的回答方式，能設(shè)置預(yù)設(shè)答案的項目盡量設(shè)置好，提高用戶完成表單的效率。

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

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

六。醒目網(wǎng)頁［Splash pages］

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

但是，讓我們用一個開發(fā)人員的角度來看看醒目網(wǎng)頁有什么優(yōu)點和缺點：

優(yōu)點：

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

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

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

缺點

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

2用戶可能會嘗試離開網(wǎng)站：根據(jù)相關(guān)研究表明，有25%的用戶在看到splash page后選擇離開

3大多數(shù)的搜索引擎不能索引到splash page

4在splash page上的重復(fù)動畫可能導(dǎo)致用戶的厭煩

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

結(jié)論

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

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

網(wǎng)頁設(shè)計的5個小經(jīng)驗

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

網(wǎng)站優(yōu)化-通過提高Wed可用性構(gòu)建用戶滿意的網(wǎng)站

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

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

本文出自：億恩科技【1tcdy.com】

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊頂級提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]