天天看點

增強網站易用性的10個設計技巧

易用性是什麼?

易用性就是是你的網站對使用者來說使用更簡單,能夠讓使用者在他需要的地方很快找到需要的資訊。類比于Google所提倡的”讓使用者呆在Google的時間不短縮短“,對于網站來說,我們不是減少使用者在網站的停留時間,而是縮短使用者尋找關鍵資訊和向導的時間。

很多人認為要實作網站的易用性需要耗費大量的人力、财力和物力,确實有很多的大網站他們投入了很多的錢和裝置去做網站的易用性的研究和測試,但是對于我們日常的小網站來說,我們仍有方法在沒有專家和專業裝置的基礎上改進網站的易用性。

一、包含宣傳詞(Tagline)。

宣傳詞是一個用來表明公司理念、目标或者網站願景的地方。這一部分應該是網站最引人矚目的部分,應該用簡短的語言概括站點。統計結果表明,一個頁面隻有8秒鐘的時間來吸引一個使用者繼續他的浏覽,是以如果不能用醒目的焦點吸引使用者,那這個頁面就是失敗的。

國外的站點很多使用Tagline或者醒目的Flash,國内的站點也可以 這麼用,有的時候内容多的時候,還可以是Banner+焦點圖,這個要區分不同的網站類型來對待。例如對于産品型的網站,完全可以隻使用一個焦點圖或者醒目的有特色的Flash來吸引注意,如果是資訊類的或者專題類的頁面,則可能既要有Banner,來突出這個頁面的主題,也要有焦點圖,來顯示最近的一些動态。這個需要在制作的過程中不斷地體會積累。

增強網站易用性的10個設計技巧
增強網站易用性的10個設計技巧
增強網站易用性的10個設計技巧

二、提供站内搜尋。

站内搜尋對于使用者來說也是非常重要的,特别是當站點的内容量開始逐漸增多以至于使用者不能很輕易的找到他想要的東西時,使用者往往會想到搜尋。 你能想象到,要在部落格園裡通過連接配接一個一個查找你之前看到過的某一篇文章的痛苦吧。

搜尋框的長度和位置也需要加一點注意,不能太小,位置最好放在右上區域,因為根據使用者的浏覽習慣呈現出”F“的趨勢(F Pattern),送出按鈕的文字最好能夠明确的告訴使用者,接下來将要發生的動作是搜尋。

增強網站易用性的10個設計技巧

三、不能濫用圖檔。

 從易用性的角度來看,Less Is Always More。

四、使用站點地圖。

站點地圖是一項能夠改進站内導航和搜尋引擎優化(SEO)的特性。典型的站點地圖提供了站點的結構和各個頁面的導航。站點地圖可以是任何形式的,可以是一個網頁、一些頁面的清單,隻要他們是按照層級關系組織起來的就行。

最近,Google、Yahoo、MSN開始提供Sitemap Protocol的服務,同站點地圖非常相近,但是資料是以XML的形式組織的。

五、不要破壞工作流。

工作流是指使用者在網站上所進行的操作,比如填寫表單、注冊使用者、浏覽目錄、檔案等,要允許使用者撤銷操作,如果沒有提供後退或者傳回的選項,使用者就被逼着做他們不想做的動作,或者他們會幹脆關掉浏覽器來圖個清淨。

有些站點上的操作順序并不是那麼的明顯,這個時候就需要有提示來指導使用者。比如Yahoo Music當第一次進入的時候,會有一個向導來指導你一步一步的熟悉頁面上各個功能區。玩遊戲的時候也會有遊戲教學這個環節,如果網站上也提供了,會帶來很好的使用者體驗。

還有一個誤區是改變超連結的樣式。傳統的門戶往往讓超連結停留在他原始的樣子,這樣能夠給使用者明确的訓示,這是一個超連結,通過點選,我可以進入一個新的頁面。當然,我并不贊成超連結的樣式一定不能改變,但是如果發生了改變,我們一定需要通過圖示或者文字來表明,使用者可以通過點選這個連結到達另外一個頁面。

六、讓網站更容易被”掃描“。

内容的可讀性能夠提高使用者的忠誠度,讓使用者停留在站點上獲得他們需要的内容。但是研究表明,很多使用者并不是在讀頁面,而是在”掃描“,通過掃描标題、着重文字、強調的清單來獲得資訊。

Jacbo Nilsen通過視覺追蹤發現使用者的浏覽很像一個F型,他們從左到用從上到下的”掃描“頁面。

增強網站易用性的10個設計技巧

他的實驗同時也得出了一下結論:

使用者不是一個字一個字的去閱讀,而是從段落、着重文字中提取資訊。

 文章的前兩段非常的重要,這兩段必須包括這篇文章的大部分内容。

副标題和清單能夠重新引起使用者的注意,注意用這些元素來強調重要的内容。

從傳統的紙質媒體上得來的經驗也告訴我們,将内容組織成一個倒金字塔型。關鍵問題是,我們如何才能知道什麼資訊對使用者來說是重要的,那些資訊對使用者來說又是不重要的,作者推薦了一個工具:News Values。

七、不要設計容易誤導的界面元素。

千萬不要設計那種看上去像是一個按鈕實際上不是的内容,我們也經常被那些帶下劃線的文字誤導,當我們點選時,發現他們根本不是連結!

Yahoo是一個很好的正面的例子。

八、給出使用者有意義的提示。

這一點大家應該都有共識了,不要将出錯資訊直接輸出到頁面上,要給出使用者經過處理的、使用者能夠了解的資訊。

九、不要過度使用Javascript。

過度的使用Javascript和Ajax技術,我們需要小心的避免出現浏覽器相容性問題,我們要很好的衡量這個代價。

十、避免驗證符。

驗證符的使用在必須的地方添加,如果不是那麼必要,還是要符合人類懶惰的本性,去掉那些驗證符吧。

總結:提升網站的易用性并不一定需要墨守成規,但是在沒有足夠的功力之前,這些規則能夠為我們提供一個很好的方向指向。對于這些規則的争論也很多,比如避免驗證符的使用,在很多情況下,我們必須使用驗證符來避免垃圾資訊的産生,就像坐飛機時的安檢,雖然是一件讓人不舒服的事情,可是他有他的目的。

 網站的易用性也不是網站的全部,我們必須在易用性、頁面設計、站點的可維護性和安全性之間權衡,對不同類型的項目采取不同的處理政策。

參考資料:

[1]、http://www.webdesignerdepot.com/2008/12/10-usability-tips-for-web-designers/

[2]、http://www.useit.com/

繼續閱讀