你須要知道的18個Web可用性原則

使用網格線來作網站頁面結構

在你爲一個有創意的網格頁面框佈局興奮並尖叫的時候，你要保證你的整個網站的頁面佈局都在框子（Box）裏邊。網格結構能讓訪問者視線流固定在本頁面，這是很關鍵的。一旦你將頁面拉下來，頁面也是很清晰簡潔的 - 創造有趣的東西你須要放進優秀的設計放到網格里邊。

不要忘記搜索表單

在你爲一個有創意的網格頁面框佈局興奮並尖叫的時候，你要保證你的整個網站的頁面佈局都在框子（Box）裏邊。網格結構能讓訪問者視線流固定在本頁面，這是很關鍵的。一旦你將頁面拉下來，頁面也是很清晰簡潔的 - 創造有趣的東西你須要放進優秀的設計放到網格里邊。

讓導航保持可尋性與可讀性

若是你正在設計一個網站，你的導航如果要引導用戶從點A到點B，你會使用什麼方式來作呢，你是否會利用一些比較怪異文字或者圖片而不是通常傳統鏈接(例如：一座房子標識主頁，可是一個圓圈裏邊放一條閃電就不是什麼好主意)。儘可能保持導航容易閱讀的，使訪問者能夠輕鬆瀏覽你的網站。

不要把聯繫信息連接使用「Mail to」連接

在點擊一個連接以前，不少人（包括我本身在內）會在一個連接上懸停，而後看一下咱們的瀏覽器狀態欄，特別是聯繫信息連接，有些人認爲聯繫信息連接直接向電子郵件地址來打開一個郵件程序是一個好主意。但我要告訴你這不是一個好UX的作法。建立一個聯繫信息頁面，它把你的電子郵件地址，並添加一個聯繫表格 - 您的用戶會感謝你 - 並且實際上會更常常地向您發送電子郵件。

儘量使用UX的應用程序爲Web測試

若是你對內容尚未把握，記錄各類各樣形式數據是個不錯的主意。Google Analytics是一個完美的能看到你的網站訪客都來自什麼網頁，他們在你的網站那上呆多久。你一樣可使用一個網站像Feedback Army去測試用戶怎麼瀏覽和使用你的網站。瞭解這些網站記錄能讓你儘可能利用你的站點展現好的內容給有須要的人。

不要在網站的側邊欄上濫用小工具

假如你正在使用一個博客，裏邊有1萬widgets，你可能會使用其中的一些widgets，但不是所有。你能夠把博客想象成一間臥室，若裏邊有不少雜物，很亂沒有條理，可能你的客人就不喜歡逗留。因此須要保持整潔，且有條理。博客訪問者不（在大多數狀況下）須要看到你的Google的好友，mybloglog 的好友，FriendFeed的好友和其餘各類社交狀況，所以這些都不用關心，重要的是你的站點的用戶體驗，而不是其餘網站的東西。

你要確保在各類瀏覽器顯示您的網站

咱們都知道的IE6已經舉行過了葬禮，沒有人抱怨，可是不要忘記，還有不少用戶在IE7，IE8的，Opera，Safari，FF等瀏覽器。僅僅由於你的網站有一兩個亮點看起來不錯，但這並不意味着訪問者能容忍使用其餘瀏覽器時展現出來的亂七八糟的界面。花一兩個小時，分析代碼並確保它在各類瀏覽器都正常顯示。

不要幻想用戶會爲你表單赴湯蹈火

站點的聯繫方式表單不該該過長，註冊表單也同樣。把事情儘可能簡化。把表單簡化到只剩三個問題（名字，Email，內容）極可能能夠把之前丟失的用戶拉回來。

要確保各個頁面在結構一致

除非你是一個博客，你的結構是爲不少人設計，支持多用戶的，要不你就得要記住，訪問者但願看到熟悉一致的結構。若是他們以爲本身不一樣的地方時，它們加載了新的一頁了，他們就會很快速的點擊後退按鈕。

不要忘了打印內容用的樣式表

這一點是針對博客/內容等網站而言的。若是你的訪問者要打印內容（相信我，許多人仍然這樣作，尤爲是年齡較大的旅客），你不該該要求他們打印整個頁面，上邊包含了評論和全部廣告。這是很亂的，不必。若是看了《better blogging equals better business for freelancers》這篇文章，你會知道打印出來的文正，很乾淨，很清晰，沒有黑色和白色，沒有圖像，沒有評論，沒有工具欄。內容是印刷的問題，因此確保它突出。

要保證你的內容佈局適合掃描並符合視角路線

通常來講，人的注意力維持不久。所以，利用章節標題（h2，H3的或H4的標記）分隔你的文章，讓訪問者快速掃描的文章，找到他所關心的內容。當你寫你的內容，你也應該注意，用戶可能看到20+行的一個段落後，視力可能就疲勞了，通常5-10行比較合適。

不要把東西塞得滿滿的

簡化。擁擠的一個小空間，並不能讓用戶眼睛集中於重要的東西反而拔苗助長。是的，你有大量的信息，但並非說要把這些信息對摺？儘可能讓你的設計和內容能保持呼吸。你的用戶會感謝你的。

必定要使用麪包屑導航

麪包屑是對於用戶來講，能告訴他們在哪，下一步能夠去哪。若是他們訪問的是網站子頁，你的麪包屑導航可能如此（首頁>子頁面標題>）。這告訴用戶他們正是頁面上，以及如何各級回去，若是他們想。

不要忘了利用顏色對比度，轉移焦點

若是您使用的大標題，和一個欄目標題，能夠嘗試各類顏色的深淺，讓訪問者知道第一重要的東西（即：爲標題和副標題爲＃c1c1c1＃464646）。這些變化的顏色和對比度將決定你的用戶知道下一步去哪。

確保站點沒有無效連接和圖像

在你的舊文章圖片檢查無效的連接和圖片是一件很重要的事情，由於可能有訪問者從搜索引擎來到你的網站，若是有斷開的連接，他們將要承擔一兩件事情：1，你是一個老網站，再不會被更新；2，你沒有盡力去保障你的網站內容價值，因此他們將去其餘地方。若是你是一個WordPress的用戶，有一個插件：Broken Link Checker。您還能夠到iwebtool and use their free broken link checker使用其免費損壞的連接檢查器（每小時最多5個請求）。

不要忽視你的頁腳和做用

所當用戶拉動滾動跳到頁面底部，看到的是一個平淡，單行文本的網站版權說明是一件很無聊的事情。爲何不點綴一下你的頁腳，把它添加一些額外的內容，如受歡迎的文章，一個搜索框，電子郵件訂閱，等。若是您想了解如何設計一個網站殺手頁腳一些想法，你應該看看Footer Fetish，不要與其餘的混爲一談。

設計過程當中儘可能使用線框圖

在紙上使用線框圖能讓你可視化的看出最重要的內容，並怎麼將他們展現出來。經過這樣作，你也能夠隨意的試驗各類佈局，而沒必要擔憂破壞設計。對於線框靈感，我看了《I love Wireframes》 - 線框圖是很驚人的。

爲你的讀者寫內容而不是搜索引擎

你應該爲你的讀者用戶而寫，而不是搜索引擎。關鍵字可能在過去（並且可能仍是今天）有用，但若是一個真實訪問者訪問了你的一面，發現3個段落就有100次「設計師」的時候，你以爲他們的點擊後退按鈕，仍是繼續看？無疑，點擊後退的可能性很是高。