網頁設計師10個有用提示

簡單地說，可用性是使你的網站易于瀏覽者找到他們需要的信息，當他們需要它。
一個常見的誤解是，可用性可用性在網絡公司是昂貴的。是的，有跨國企業，花費數千美元的可用性測試和研究，但對日常公司的可用性是實現無知識的可用性專家或不昂貴的測試設備。
網頁設計師有一個更容易的工作要做，只是通過閱讀文章可以積累有關可用性可用性基礎比較好的知識以及如何實現他們的網站。
 
1。包括一個標語
標語是一個語句或格言，代表了一個公司，或在我們的情況下，一個網站的理念和使命。這應該是最明顯的元素在一個網站的首頁應該清晰地描述網站在一句話。
統計顯示，一個網站只有8秒，為他們進一步瀏覽網站獲取訪客的關注。沒有一個明確的標語，網站將很難保持游客足夠長的時間來瀏覽內頁。

 
2。實現網站搜索
為口號，網站搜索網站上的一個非常重要的因素。當用戶正在尋找的東西，他們通常尋找一個文本字段，在那里他們可以進入他們的搜索詞。
根據雅各伯尼爾森網站可用性的技巧，使這個搜索框27個字符寬要清晰可見，易于使用的文本。把搜索的文本字段在您的網頁上，因為用戶會根據搜索網站F模式，意義從左上到右下角。
包括一個搜索按鈕，并明確指定搜索文本，不要使用文本如走或提交，因為這些表達方式往往會誤導你的網站的訪客。

 
3。不要使用大量的圖形
濫用的設計元素和圖形總是不好的一個網站，他們只是誤導網站的訪問者。只有設計完善的網頁不只是裝飾它。從可用性的角度來看，總是那么多。
 
4。使用站點地圖
網站地圖是一個相對較新的網站功能，提高了網頁的導航和搜索引擎優化（SEO）。本質上的站點地圖是一個網站的頁面和結構表征。它可以是任何形式的文件，或一個網頁，網頁上列出的一個網站，通常是有組織的層次時尚。

最近，像谷歌這樣的搜索引擎，雅虎和MSN已經開始提供一個站點地圖協議，類似于一個網站的網站地圖頁面，但數據是以XML格式組織。有sitemap XML生成器創建這些文件的一個特定的URL。

 
5。不打破的工作流
通過工作流我們意味著每一個操作，用戶在網站上。例如，填寫表格，登記在網站上，瀏覽類別、檔案等不打破這些工作流程，讓用戶取消操作。不讓用戶取消操作，我們迫使他們完成它，即使他們不想。
不是所有的操作在網站用戶明顯，引導他們通過特定的工作流以描述性的提示。（如填表時）。JavaScript鏈接通常打破工作流程，所以不推薦使用它們在您的網站上。
另一個錯誤是不改變訪問過的鏈接的顏色，這個結果打破導航設計。讓用戶知道他們已經在他們的網站上。
 

6。創造輕松掃描網頁
易于閱讀的網頁維護游客忠誠度起著重要的作用，讓他們在你的網站上閱讀你的內容。可用性測試表明，大多數用戶不閱讀網頁，他們掃描，尋找標題，粗體，強調文本或列表。
眼球追蹤研究Jakob Nielsen進行顯示，用戶閱讀的內容，類似于一個F形，即閱讀從網頁的左上角，然后移動到左一點重新開始。

Nielsen還陳述了閱讀模式的啟示：
用戶不會去讀一個字一個字的網頁內容，他們將提取的重要段落，粗體文本，等等。
第一段是必不可少的網頁上。這些必須包含你的訪客正在尋找的最重要的信息。
副標題和列表是從正規的段落。使用這些元素來通知用戶重要信息。

我們可以從傳統的印刷報紙學習的一個重要方法是，記者想到了一個吸引人的標題和朗朗上口的第一段，使讀者閱讀全文。他們組織的內容倒金字塔的格式，只是圖個倒金字塔。廣大的基礎是整個文章和尖窄代表不重要信息的最重要的信息。
我們可以使用這種格式把最重要的頂部和底部的最重要的組織網站內容，但我們怎么知道哪些信息是重要的，不是嗎？借助新聞價值。
 

7。不要誤導用戶界面控件的設計
通過用戶界面（UI）控制意味著我們的網頁元素，組件和控件，用戶可以交互（例如按鈕、下拉列表）。
別設計的圖形元素，看起來像一個按鈕，而不是。我們經常看到，下劃線和看起來像鏈接的文本，但不可以點擊。
沒有，用戶期望的行動，他們會認為該網站被打破，最終離開。另一個重要的可用性提示關于UI控件的一致性：確保你的UI控件是一致的。

雅虎，就像上面顯示的，是一致的用戶界面控制設計的一個很好的例子。頁上的每個標簽的外觀和行為一樣，每一個環節都強調了鼠標，每一個按鈕看起來是一樣的，等等。
 

8。提供有意義的反饋
有意義的反饋是必不可少的一個網站。這是網站與用戶之間的溝通渠道，通過反饋幫助我們讓用戶知道發生了什么事情，在網站。如果一個錯誤在你的網頁上，不要只是打印錯誤，而是寫有意義的錯誤消息，告訴用戶什么是錯的，什么樣的行動，他們可以從那里。

反饋工作方式。當用戶填寫表單基本上他們給你反饋。不要讓用戶必須填寫相同的信息，兩次。例如，如果用戶在網站上注冊，需要填寫一些表格，不要問他們的名字或其他任何信息，他們已經提供的，因為這些細節在已存在的文件或數據庫中的某個地方。通過簡單地讓這些細節自動我們簡化整個過程。
 

9。不要過度使用JavaScript
與JavaScript和Ajax技術的出現，網頁設計師和開發人員可以創建響應，透明的網站，但與所有的新技術是有成本的。在我們的情況下，成本是瀏覽器不一致。不是每一個用戶都有一個最新的網絡瀏覽器。他們也可能沒有啟用JavaScript默認。
使用JavaScript在網站廣泛我們阻止這些用戶。而用不顯眼的JavaScript和優雅降級。
 

10。避免驗證碼
驗證碼是完全自動化的公共圖靈測試告訴計算機和人類的。就連名字聽起來很復雜。驗證碼的最一般的形式是文本中嵌入圖像，通過測試我們可以將人類從游客用戶的垃圾郵件機器人。

問題是，每一種驗證碼人驗證方法觸發一個復雜的過程，在用戶的大腦（例如找出扭曲的文本，兩數相加，等）。
另一個問題是關于不同文化的驗證碼不一致。例如中國的符號，數字，不同于大多數西方字母和阿拉伯數字。中國人有一個更難的時間使用驗證碼開啟在線形式。
 

概要
總是有一個標語應該在網頁的最明顯的元素。
實現一個27個字符的網站搜索寬放上你的網站。
不要使用大量的圖形和設計元素。
包括一個網站地圖頁面，登記搜索引擎Sitemap XML文檔。
不要打斷用戶的工作流程。讓每一個動作都要取消的必要。
創造輕松掃描Web內容和地點上你的網頁最重要的信息。
別設計的圖形元素，看起來像一個按鈕，而不是。
目前有意義的反饋，別忘了，反饋是雙向的。
使用不顯眼的JavaScript和優雅降級。
避免使用CAPTCHA，更有用方法相反。

牧羊人設計文章推薦：

網站設計報告

深圳網站建設需要多少錢

網站設計風格

深圳做企業網站設計