人們使用web來與其他人進(jìn)行交互,查找信息,在線購物,以及下載軟件程序等。要容易的實現(xiàn)這些事情,當(dāng)他們?yōu)g覽一個新的網(wǎng)頁的時候,他們要么熟悉這些網(wǎng)站,要么是以直覺判斷來確定正確的行動。一個良好的網(wǎng)站可用性設(shè)計,能夠有效的幫助你的新訪客找到他們真正需要的信息,作為一名訪客而言,每到一個新的網(wǎng)站總得上下翻轉(zhuǎn)整個頁面去尋找下載鏈接,那實在是一件讓人煩心的事情(對于國內(nèi)的部分下載站點,甚至以廣告鏈接來冒充下載資源,那更是讓人深惡痛絕!)。
在下面的內(nèi)容中,我將向大家展示一些我在去年的工作中總結(jié)出來的6個最普遍的網(wǎng)站可用性錯誤,大多數(shù)的網(wǎng)站站長和網(wǎng)頁設(shè)計師都傾向于犯類似的錯誤。如果你對站點可用性工具感興趣,可以參考:10個免費的web分析工具 - 網(wǎng)站訪客分析及可用性研究
對用戶而言,沒有什么東西比一個讓人困惑的站點更讓人氣憤了,它們沒有任何方位說明,混亂的站點導(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),那將是一個非常耗費時間的活計!
在今天,我們?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)站上迷失。我在以前有一篇關(guān)于免費站點地圖生成工具的文章,大家可以參考一下。
Http://www.havenworks.com這個網(wǎng)站就是一個典型的可用性設(shè)計反面教材,這是一個不合理的,讓人迷惑的網(wǎng)站。盡管這個網(wǎng)站宣稱他們的內(nèi)容最新的,不過在導(dǎo)航和設(shè)計上看來,他們似乎還停留在10年以前!
盡管不是所有的網(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)注意的一些技巧:
更多關(guān)于站內(nèi)搜索的技巧,大家可以參考Stoney deGeyter的文章 ‘Searching for Better On-Site Search Usability ‘
還有一個打擊可用性的問題就是,對于普通文本和鏈接使用同樣的顏色。 這樣做的結(jié)果是讓一部分訪客感覺到混亂,他們嘗試去點擊一些不是鏈接的文本,然而真正的鏈接他們卻難以發(fā)現(xiàn)。
另外,鏈接的長度也不宜過長,通常在5到7個單詞比較合適。關(guān)于鏈接的設(shè)計,你可以參考 ‘How to Design your Links‘.
404頁面錯誤或者 “Page Not Found” 消息是服務(wù)器的一個HTTP響應(yīng),錯誤表示web瀏覽器能夠與服務(wù)器通訊,但是服務(wù)器無法正確的處理或識別相關(guān)的請求,或者是服務(wù)器沒有一個適當(dāng)?shù)呐渲脕頋M足用戶的請求
下面是幾個優(yōu)化你網(wǎng)站404錯誤頁面的幾個方法:
與隱秘鏈接類似,404頁面的自定義也是一個容易被忽視的問題。
Avangate.com的可用性資源中心為我們提供了一篇 可用性表格清單 文章給大家可以參考,其中提到了許多最重要和最相關(guān)的關(guān)于表單可用性的技巧,最關(guān)鍵的一點還是:簡潔。
這里我們只列出一些最應(yīng)該考慮的重要規(guī)則:
考慮用戶的時間,避免使用復(fù)雜的表單。對于注冊信息表單,創(chuàng)建關(guān)鍵表單項,對于用戶問卷調(diào)查表單,則盡量使用簡潔的回答方式,能設(shè)置預(yù)設(shè)答案的項目盡量設(shè)置好,提高用戶完成表單的效率。
通常使用免費下載,免費資源來刺激用戶完成表單是一個不錯的選擇。
Splash pages 被定義為一個網(wǎng)站的介紹頁面或者引導(dǎo)頁面。在很多時候,它們都由下面這些元素構(gòu)成:圖形或logo,動畫或者flash影象。醒目網(wǎng)頁現(xiàn)在還像以前一樣非常流行,或許現(xiàn)在稍微冷卻了一些吧,但是這也是一個讓最終用戶討厭的東西。
但是,讓我們用一個開發(fā)人員的角度來看看醒目網(wǎng)頁有什么優(yōu)點和缺點:
優(yōu)點:
缺點
通過上面的優(yōu)點和缺點的比較,你可以選擇使用或者不用splash頁面,要注意的是多數(shù)時候這個東西會造成用戶的反感。
可用性是個主觀的東西。在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)站訪客:網(wǎng)站數(shù)據(jù)收集與分析
基于 the F-Pattern Eye-Tracking 原理來格式化你的landing page: 互聯(lián)網(wǎng)讀者都傾向于一種粗略的F-shared模型來瀏覽web內(nèi)容,因此把你的重要圖片放到文字左面去。 (什么是F-shaped模型, 實際上就是普通人瀏覽web內(nèi)容的眼球軌跡,也叫做尼爾森的F視覺模型,這里有一份調(diào)查報告,請參考 Jakob Nielsen’s eyetracking research.)
關(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è)計是個非常重要的組成部分,因此在后面的文章中我們會大量介紹相關(guān)的內(nèi)容,如果你覺得本文對你有所幫助,歡迎您訂閱我們的博客,或者聯(lián)系我們,發(fā)表您的高見!