網(wǎng)頁(yè)設(shè)計(jì)師10個(gè)有用提示

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

 
2。實(shí)現(xiàn)網(wǎng)站搜索
為口號(hào)，網(wǎng)站搜索網(wǎng)站上的一個(gè)非常重要的因素。當(dāng)用戶正在尋找的東西，他們通常尋找一個(gè)文本字段，在那里他們可以進(jìn)入他們的搜索詞。
根據(jù)雅各伯尼爾森網(wǎng)站可用性的技巧，使這個(gè)搜索框27個(gè)字符寬要清晰可見，易于使用的文本。把搜索的文本字段在您的網(wǎng)頁(yè)上，因?yàn)橛脩魰?huì)根據(jù)搜索網(wǎng)站F模式，意義從左上到右下角。
包括一個(gè)搜索按鈕，并明確指定搜索文本，不要使用文本如走或提交，因?yàn)檫@些表達(dá)方式往往會(huì)誤導(dǎo)你的網(wǎng)站的訪客。

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

最近，像谷歌這樣的搜索引擎，雅虎和MSN已經(jīng)開始提供一個(gè)站點(diǎn)地圖協(xié)議，類似于一個(gè)網(wǎng)站的網(wǎng)站地圖頁(yè)面，但數(shù)據(jù)是以XML格式組織。有sitemap XML生成器創(chuàng)建這些文件的一個(gè)特定的URL。

 
5。不打破的工作流
通過工作流我們意味著每一個(gè)操作，用戶在網(wǎng)站上。例如，填寫表格，登記在網(wǎng)站上，瀏覽類別、檔案等不打破這些工作流程，讓用戶取消操作。不讓用戶取消操作，我們迫使他們完成它，即使他們不想。
不是所有的操作在網(wǎng)站用戶明顯，引導(dǎo)他們通過特定的工作流以描述性的提示。（如填表時(shí)）。JavaScript鏈接通常打破工作流程，所以不推薦使用它們?cè)谀木W(wǎng)站上。
另一個(gè)錯(cuò)誤是不改變?cè)L問過的鏈接的顏色，這個(gè)結(jié)果打破導(dǎo)航設(shè)計(jì)。讓用戶知道他們已經(jīng)在他們的網(wǎng)站上。
 

6。創(chuàng)造輕松掃描網(wǎng)頁(yè)
易于閱讀的網(wǎng)頁(yè)維護(hù)游客忠誠(chéng)度起著重要的作用，讓他們?cè)谀愕木W(wǎng)站上閱讀你的內(nèi)容。可用性測(cè)試表明，大多數(shù)用戶不閱讀網(wǎng)頁(yè)，他們掃描，尋找標(biāo)題，粗體，強(qiáng)調(diào)文本或列表。
眼球追蹤研究Jakob Nielsen進(jìn)行顯示，用戶閱讀的內(nèi)容，類似于一個(gè)F形，即閱讀從網(wǎng)頁(yè)的左上角，然后移動(dòng)到左一點(diǎn)重新開始。

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

我們可以從傳統(tǒng)的印刷報(bào)紙學(xué)習(xí)的一個(gè)重要方法是，記者想到了一個(gè)吸引人的標(biāo)題和朗朗上口的第一段，使讀者閱讀全文。他們組織的內(nèi)容倒金字塔的格式，只是圖個(gè)倒金字塔。廣大的基礎(chǔ)是整個(gè)文章和尖窄代表不重要信息的最重要的信息。
我們可以使用這種格式把最重要的頂部和底部的最重要的組織網(wǎng)站內(nèi)容，但我們?cè)趺粗滥男┬畔⑹侵匾?，不是嗎？借助新聞價(jià)值。
 

7。不要誤導(dǎo)用戶界面控件的設(shè)計(jì)
通過用戶界面（UI）控制意味著我們的網(wǎng)頁(yè)元素，組件和控件，用戶可以交互（例如按鈕、下拉列表）。
別設(shè)計(jì)的圖形元素，看起來像一個(gè)按鈕，而不是。我們經(jīng)?？吹?，下劃線和看起來像鏈接的文本，但不可以點(diǎn)擊。
沒有，用戶期望的行動(dòng)，他們會(huì)認(rèn)為該網(wǎng)站被打破，最終離開。另一個(gè)重要的可用性提示關(guān)于UI控件的一致性：確保你的UI控件是一致的。

雅虎，就像上面顯示的，是一致的用戶界面控制設(shè)計(jì)的一個(gè)很好的例子。頁(yè)上的每個(gè)標(biāo)簽的外觀和行為一樣，每一個(gè)環(huán)節(jié)都強(qiáng)調(diào)了鼠標(biāo)，每一個(gè)按鈕看起來是一樣的，等等。
 

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

反饋工作方式。當(dāng)用戶填寫表單基本上他們給你反饋。不要讓用戶必須填寫相同的信息，兩次。例如，如果用戶在網(wǎng)站上注冊(cè)，需要填寫一些表格，不要問他們的名字或其他任何信息，他們已經(jīng)提供的，因?yàn)檫@些細(xì)節(jié)在已存在的文件或數(shù)據(jù)庫(kù)中的某個(gè)地方。通過簡(jiǎn)單地讓這些細(xì)節(jié)自動(dòng)我們簡(jiǎn)化整個(gè)過程。
 

9。不要過度使用JavaScript
與JavaScript和Ajax技術(shù)的出現(xiàn)，網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員可以創(chuàng)建響應(yīng)，透明的網(wǎng)站，但與所有的新技術(shù)是有成本的。在我們的情況下，成本是瀏覽器不一致。不是每一個(gè)用戶都有一個(gè)最新的網(wǎng)絡(luò)瀏覽器。他們也可能沒有啟用JavaScript默認(rèn)。
使用JavaScript在網(wǎng)站廣泛我們阻止這些用戶。而用不顯眼的JavaScript和優(yōu)雅降級(jí)。
 

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

問題是，每一種驗(yàn)證碼人驗(yàn)證方法觸發(fā)一個(gè)復(fù)雜的過程，在用戶的大腦（例如找出扭曲的文本，兩數(shù)相加，等）。
另一個(gè)問題是關(guān)于不同文化的驗(yàn)證碼不一致。例如中國(guó)的符號(hào)，數(shù)字，不同于大多數(shù)西方字母和阿拉伯?dāng)?shù)字。中國(guó)人有一個(gè)更難的時(shí)間使用驗(yàn)證碼開啟在線形式。
 

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

牧羊人設(shè)計(jì)文章推薦：

網(wǎng)站設(shè)計(jì)報(bào)告

深圳網(wǎng)站建設(shè)需要多少錢

網(wǎng)站設(shè)計(jì)風(fēng)格

深圳做企業(yè)網(wǎng)站設(shè)計(jì)