18個(gè)Web可用性原則有哪些，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到天津網(wǎng)站設(shè)計(jì)與天津網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋天津地區(qū)。

你可以有世界上最好的視覺(jué)設(shè)計(jì)能力，但如果你建立一個(gè)不允許訪問(wèn)者舒適地一頁(yè)一頁(yè)或一項(xiàng)一項(xiàng)訪問(wèn)的網(wǎng)站，那你就理解錯(cuò)了好的網(wǎng)站的核心點(diǎn)了。因此，在今天的文章我會(huì)將告訴你需要知道的18件可做不可做Web可用性事情。

使用網(wǎng)格線來(lái)做網(wǎng)站頁(yè)面結(jié)構(gòu)

在你為一個(gè)有創(chuàng)意的網(wǎng)格頁(yè)面框布局興奮并尖叫的時(shí)候，你要保證你的整個(gè)網(wǎng)站的頁(yè)面布局都在框子（Box）里邊。網(wǎng)格結(jié)構(gòu)能讓訪問(wèn)者視線流固定在本頁(yè)面，這是很關(guān)鍵的。一旦你將頁(yè)面拉下來(lái)，頁(yè)面也是很清晰簡(jiǎn)潔的 - 創(chuàng)造有趣的東西你需要放進(jìn)優(yōu)秀的設(shè)計(jì)放到網(wǎng)格里邊。

不要忘記搜索表單

在你為一個(gè)有創(chuàng)意的網(wǎng)格頁(yè)面框布局興奮并尖叫的時(shí)候，你要保證你的整個(gè)網(wǎng)站的頁(yè)面布局都在框子（Box）里邊。網(wǎng)格結(jié)構(gòu)能讓訪問(wèn)者視線流固定在本頁(yè)面，這是很關(guān)鍵的。一旦你將頁(yè)面拉下來(lái)，頁(yè)面也是很清晰簡(jiǎn)潔的 - 創(chuàng)造有趣的東西你需要放進(jìn)優(yōu)秀的設(shè)計(jì)放到網(wǎng)格里邊。

讓導(dǎo)航保持可尋性與可讀性

如果你正在設(shè)計(jì)一個(gè)網(wǎng)站，你的導(dǎo)航若是要引導(dǎo)用戶從點(diǎn)A到點(diǎn)B，你會(huì)使用什么方式來(lái)做呢，你是否會(huì)利用一些比較怪異文字或者圖片而不是一般傳統(tǒng)連接(例如：一座房子標(biāo)識(shí)主頁(yè)，但是一個(gè)圓圈里邊放一條閃電就不是什么好主意)。盡量保持導(dǎo)航容易閱讀的，使訪問(wèn)者可以輕松瀏覽你的網(wǎng)站。

不要把聯(lián)系信息鏈接使用“Mail to”鏈接

在點(diǎn)擊一個(gè)鏈接之前，很多人（包括我自己在內(nèi)）會(huì)在一個(gè)鏈接上懸停，然后看一下我們的瀏覽器狀態(tài)欄，特別是聯(lián)系信息鏈接，有些人認(rèn)為聯(lián)系信息鏈接直接向電子郵件地址來(lái)打開(kāi)一個(gè)郵件程序是一個(gè)好主意。但我要告訴你這不是一個(gè)好UX的做法。創(chuàng)建一個(gè)聯(lián)系信息頁(yè)面，它把你的電子郵件地址，并添加一個(gè)聯(lián)系表格 - 您的用戶會(huì)感謝你 - 而且實(shí)際上會(huì)更經(jīng)常地向您發(fā)送電子郵件。

盡可能使用UX的應(yīng)用程序?yàn)閃eb測(cè)試

如果你對(duì)內(nèi)容還沒(méi)有把握，記錄各種各樣形式數(shù)據(jù)是個(gè)不錯(cuò)的主意。Google Analytics是一個(gè)完美的能看到你的網(wǎng)站訪客都來(lái)自什么網(wǎng)頁(yè)，他們?cè)谀愕木W(wǎng)站那上呆多久。你同樣可以使用一個(gè)網(wǎng)站像Feedback Army去測(cè)試用戶怎么瀏覽和使用你的網(wǎng)站。了解這些網(wǎng)站記錄能讓你盡量利用你的站點(diǎn)展示好的內(nèi)容給有需要的人。

不要在網(wǎng)站的側(cè)邊欄上濫用小工具

假如你正在使用一個(gè)博客，里邊有1萬(wàn)widgets，你可能會(huì)使用其中的一些widgets，但不是全部。你可以把博客想象成一間臥室，若里邊有很多雜物，很亂沒(méi)有條理，可能你的客人就不喜歡逗留。所以需要保持整潔，且有條理。博客訪問(wèn)者不（在大多數(shù)情況下）需要看到你的Google的好友，mybloglog 的好友，F(xiàn)riendFeed的好友和其他各種社交情況，因此這些都不用關(guān)心，重要的是你的站點(diǎn)的用戶體驗(yàn)，而不是其他網(wǎng)站的東西。

你要確保在各種瀏覽器顯示您的網(wǎng)站

我們都知道的IE6已經(jīng)舉行過(guò)了葬禮，沒(méi)有人抱怨，但是不要忘記，還有很多用戶在IE7，IE8的，Opera，Safari，F(xiàn)F等瀏覽器。僅僅因?yàn)槟愕木W(wǎng)站有一兩個(gè)亮點(diǎn)看起來(lái)不錯(cuò)，但這并不意味著訪問(wèn)者能容忍使用其他瀏覽器時(shí)展示出來(lái)的亂七八糟的界面?；ㄒ粌蓚€(gè)小時(shí)，分析代碼并確保它在各種瀏覽器都正常顯示。

不要幻想用戶會(huì)為你表單赴湯蹈火

站點(diǎn)的聯(lián)系方式表單不應(yīng)該過(guò)長(zhǎng)，注冊(cè)表單也一樣。把事情盡量簡(jiǎn)化。把表單簡(jiǎn)化到只剩三個(gè)問(wèn)題（名字，Email，內(nèi)容）很可能可以把以前丟失的用戶拉回來(lái)。

要確保各個(gè)頁(yè)面在結(jié)構(gòu)一致

除非你是一個(gè)博客，你的結(jié)構(gòu)是為很多人設(shè)計(jì)，支持多用戶的，要不你就得要記住，訪問(wèn)者希望看到熟悉一致的結(jié)構(gòu)。如果他們覺(jué)得自己不同的地方時(shí)，它們加載了新的一頁(yè)了，他們就會(huì)很快速的點(diǎn)擊后退按鈕。

不要忘了打印內(nèi)容用的樣式表

這一點(diǎn)是針對(duì)博客/內(nèi)容等網(wǎng)站而言的。如果你的訪問(wèn)者要打印內(nèi)容（相信我，許多人仍然這樣做，尤其是年齡較大的旅客），你不應(yīng)該要求他們打印整個(gè)頁(yè)面，上邊包含了評(píng)論和所有廣告。這是很亂的，沒(méi)必要。如果看了《better blogging equals better business for freelancers》這篇文章，你會(huì)知道打印出來(lái)的文正，很干凈，很清晰，沒(méi)有黑色和白色，沒(méi)有圖像，沒(méi)有評(píng)論，沒(méi)有工具欄。內(nèi)容是印刷的問(wèn)題，所以確保它突出。

要保證你的內(nèi)容布局適合掃描并符合視角路線

一般來(lái)說(shuō)，人的注意力維持不久。因此，利用章節(jié)標(biāo)題（h3，H3的或H4的標(biāo)記）分隔你的文章，讓訪問(wèn)者快速掃描的文章，找到他所關(guān)心的內(nèi)容。當(dāng)你寫你的內(nèi)容，你也應(yīng)該注意，用戶可能看到20+行的一個(gè)段落后，視力可能就疲勞了，一般5-10行比較合適。

不要把東西塞得滿滿的

簡(jiǎn)化。擁擠的一個(gè)小空間，并不能讓用戶眼睛集中于重要的東西反而適得其反。是的，你有大量的信息，但并不是說(shuō)要把這些信息對(duì)折？盡量讓你的設(shè)計(jì)和內(nèi)容能保持呼吸。你的用戶會(huì)感謝你的。

一定要使用面包屑導(dǎo)航

面包屑是對(duì)于用戶來(lái)說(shuō)，能告訴他們?cè)谀?，下一步可以去哪。如果他們?cè)L問(wèn)的是網(wǎng)站子頁(yè)，你的面包屑導(dǎo)航可能如此（首頁(yè)>子頁(yè)面標(biāo)題>）。這告訴用戶他們正是頁(yè)面上，以及如何各級(jí)回去，如果他們想。

不要忘了利用顏色對(duì)比度，轉(zhuǎn)移焦點(diǎn)

如果您使用的大標(biāo)題，和一個(gè)欄目標(biāo)題，可以嘗試各種顏色的深淺，讓訪問(wèn)者知道第一重要的東西（即：為標(biāo)題和副標(biāo)題為＃c1c1c1＃464646）。這些變化的顏色和對(duì)比度將決定你的用戶知道下一步去哪。

確保站點(diǎn)沒(méi)有無(wú)效鏈接和圖像

在你的舊文章圖片檢查無(wú)效的鏈接和圖片是一件很重要的事情，因?yàn)榭赡苡性L問(wèn)者從搜索引擎來(lái)到你的網(wǎng)站，如果有斷開(kāi)的鏈接，他們將要承擔(dān)一兩件事情：1，你是一個(gè)老網(wǎng)站，再不會(huì)被更新；2，你沒(méi)有盡力去保障你的網(wǎng)站內(nèi)容價(jià)值，所以他們將去其他地方。如果你是一個(gè)WordPress的用戶，有一個(gè)插件：Broken Link Checker。您還可以到iwebtool and use their free broken link checker使用其免費(fèi)損壞的鏈接檢查器（每小時(shí)最多5個(gè)請(qǐng)求）。

不要忽視你的頁(yè)腳和作用

所當(dāng)用戶拉動(dòng)滾動(dòng)跳到頁(yè)面底部，看到的是一個(gè)平淡，單行文本的網(wǎng)站版權(quán)說(shuō)明是一件很無(wú)聊的事情。為什么不點(diǎn)綴一下你的頁(yè)腳，把它添加一些額外的內(nèi)容，如受歡迎的文章，一個(gè)搜索框，電子郵件訂閱，等。如果您想了解如何設(shè)計(jì)一個(gè)網(wǎng)站殺手頁(yè)腳一些想法，你應(yīng)該看看Footer Fetish，不要與其他的混為一談。

設(shè)計(jì)過(guò)程中盡量使用線框圖

在紙上使用線框圖能讓你可視化的看出最重要的內(nèi)容，并怎么將他們展示出來(lái)。通過(guò)這樣做，你也可以隨意的試驗(yàn)各種布局，而不必?fù)?dān)心破壞設(shè)計(jì)。對(duì)于線框靈感，我看了《I love Wireframes》 - 線框圖是很驚人的。

為你的讀者寫內(nèi)容而不是搜索引擎

你應(yīng)該為你的讀者用戶而寫，而不是搜索引擎。關(guān)鍵字可能在過(guò)去（而且可能還是今天）有用，但如果一個(gè)真實(shí)訪問(wèn)者訪問(wèn)了你的一面，發(fā)現(xiàn)3個(gè)段落就有100次“設(shè)計(jì)師”的時(shí)候，你覺(jué)得他們的點(diǎn)擊后退按鈕，還是繼續(xù)看？無(wú)疑，點(diǎn)擊后退的可能性非常高。

關(guān)于18個(gè)Web可用性原則有哪些問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。