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

簡(jiǎn)單地說(shuō)，可用性是使你的網(wǎng)站易于瀏覽者找到他們需要的信息，當(dāng)他們需要它。
一個(gè)常見(jiàn)的誤解是，可用性可用性在網(wǎng)絡(luò)公司是昂貴的。是的，有跨國(guó)企業(yè)，花費(fèi)數(shù)千美元的可用性測(cè)試和研究，但對(duì)日常公司的可用性是實(shí)現(xiàn)無(wú)知識(shí)的可用性專(zhuān)家或不昂貴的測(cè)試設(shè)備。
網(wǎng)頁(yè)設(shè)計(jì)師有一個(gè)更容易的工作要做，只是通過(guò)閱讀文章可以積累有關(guān)可用性可用性基礎(chǔ)比較好的知識(shí)以及如何實(shí)現(xiàn)他們的網(wǎng)站。
1。包括一個(gè)標(biāo)語(yǔ)
標(biāo)語(yǔ)是一個(gè)語(yǔ)句或格言，代表了一個(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)注。沒(méi)有一個(gè)明確的標(biāo)語(yǔ)，網(wǎng)站將很難保持游客足夠長(zhǎng)的時(shí)間來(lái)瀏覽內(nèi)頁(yè)。

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

3。不要使用大量的圖形
濫用的設(shè)計(jì)元素和圖形總是不好的一個(gè)網(wǎng)站，他們只是誤導(dǎo)網(wǎng)站的訪問(wèn)者。只有設(shè)計(jì)完善的網(wǎng)頁(yè)不只是裝飾它。從可用性的角度來(lái)看，總是那么多。
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)開(kāi)始提供一個(gè)站點(diǎn)地圖協(xié)議，類(lèi)似于一個(gè)網(wǎng)站的網(wǎng)站地圖頁(yè)面，但數(shù)據(jù)是以XML格式組織。有sitemap XML生成器創(chuàng)建這些文件的一個(gè)特定的URL。

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

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

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

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

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

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

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

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

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

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

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

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

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

寧夏網(wǎng)站建設(shè)公司

web服務(wù)器運(yùn)維服務(wù)，網(wǎng)站web服務(wù)器維護(hù)，網(wǎng)站服務(wù)器搭建

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

青海網(wǎng)站建設(shè)

新聞名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)師10個(gè)有用提示
網(wǎng)站網(wǎng)址：http://www.muchs.cn/news23/20123.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、Google、網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化、云服務(wù)器、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)