在過(guò)去十年中高高端的網(wǎng)頁(yè)可用性總是是業(yè)內(nèi)探討的中心，由于它對(duì)客戶(hù)來(lái)講越來(lái)越緊要。好的可用性也能夠幫助建立品牌知名度，從而提高客戶(hù)對(duì)一個(gè)網(wǎng)站或者是一家企業(yè)的評(píng)價(jià)。在過(guò)去幾年中，優(yōu)秀的可用性成為那些成功的初創(chuàng)企業(yè)的中心。多數(shù)情形下，簡(jiǎn)易的想法最具創(chuàng)作性，可用性緊要是指：使一個(gè)功能或者產(chǎn)品易于操作，但同時(shí)也要保持產(chǎn)高端量維持在高水平上。可用性早已不再是一個(gè)玩笑，下面這些建議應(yīng)該被打印出來(lái)并粘到你桌子對(duì)面的墻上。
1.鏈接的顏色

我時(shí)常發(fā)現(xiàn)自己在瀏覽網(wǎng)頁(yè)時(shí)，一些頁(yè)面上的鏈接沒(méi)有以某種模式高亮顯示。這是我見(jiàn)過(guò)的最愚蠢的謬誤。我愿意訪問(wèn)那些鏈接操作默認(rèn)藍(lán)色的頁(yè)面，而不是鏈接和 一般文字一個(gè)顏色的頁(yè)面?？蛻?hù)需要知曉怎樣在頁(yè)面之間導(dǎo)航、在哪兒能點(diǎn)擊鏈接。你不能指望他們把鼠標(biāo)一行行的掠過(guò)所有文字去找鏈接，直到發(fā)現(xiàn)鼠標(biāo)箭頭變成 “小手兒”。

我完全了解，有時(shí)候出于設(shè)計(jì)思考，鏈接不能操作某種顏色來(lái)高亮顯示，這樣會(huì)使它們顯得太過(guò)突兀。這完全是能夠了解的。但是能夠添加文字樣式或者虛線框，你需要的只是以這種或那種方式來(lái)強(qiáng)調(diào)鏈接而已。
訪問(wèn)過(guò)的鏈接也應(yīng)該以不同的方式來(lái)顯示，以差別于默認(rèn)的鏈接顏色。由于這樣能夠幫助客戶(hù)知曉他們已經(jīng)訪問(wèn)過(guò)什么，從而確立下一步要去哪兒。有些網(wǎng)站會(huì)操作戶(hù)困惑，但是讓他們知曉自己已經(jīng)訪問(wèn)過(guò)什么，絕對(duì)會(huì)使他們對(duì)你的網(wǎng)站印象更好。
2.糟糕的排版
當(dāng)我們談到 排版，并不是說(shuō)我們需要一個(gè)大大的標(biāo)題，或者一段漂亮的文字。 當(dāng)我們思考易用性時(shí)，排版的漂亮與否并不那么緊要，緊要的是排版要怎樣使我們的內(nèi)容易于閱讀。
親密排列的大段文字會(huì)使閱讀它的人感到極其頭疼，但它應(yīng)當(dāng)不會(huì)讓設(shè)計(jì)師頭疼。他只需要簡(jiǎn)易的提升行高，實(shí)行分段，提升文字大小，改變字體，就能使它更容易閱讀。
在網(wǎng)站設(shè)計(jì)中，怎樣搭配字體的和用怎樣的顏色來(lái)喚醒訪客，并不是十分緊要。當(dāng)然，你會(huì)這些那就更好 。在過(guò)去的幾年中，我們一直謬誤的將美感必要性放到功能性之上。其實(shí)網(wǎng)站最關(guān)鍵的特質(zhì)它易用性，它并不像圖形設(shè)計(jì)范疇那樣有很很大的局限性。有的時(shí)候我們 不在乎它能有多么的好看，僅需要的是它能正常工作而已。
讓我來(lái)作進(jìn)一步的解釋. 互聯(lián)網(wǎng)上兩股最新的設(shè)計(jì)思潮, 極簡(jiǎn)主義和扁平化設(shè)計(jì), 都非常的簡(jiǎn)約并聚焦于內(nèi)容的體現(xiàn)而非背景圖該多漂亮才好. 在極簡(jiǎn)主義與扁平化設(shè)計(jì)變?yōu)樵絹?lái)越潮流的后面有個(gè)因素就是他們極其簡(jiǎn)易,而且工作優(yōu)秀 -有時(shí)候真的是很難去相信如此簡(jiǎn)易的一個(gè)網(wǎng)站卻能獲取巨大的成功, 你進(jìn)入網(wǎng)站, 看完內(nèi)容,然后走人, 沒(méi)有東西使你分心, 沒(méi)有Flash, 沒(méi)有使得網(wǎng)站加載變慢的Javascript, 沒(méi)有好看的花兒或圖樣, 僅僅是內(nèi)容而已。

當(dāng)前, 你應(yīng)當(dāng)明白了讓內(nèi)容變?yōu)橐子谠L問(wèn)是多么的緊要的原理, 不要在第一時(shí)間花費(fèi)太多的精力去考慮該怎樣讓網(wǎng)站變?yōu)槎嗥?-無(wú)論字體有多優(yōu)美,別人如果不能閱讀的話也是枉然.
3.不參照常規(guī)
參照設(shè)計(jì)常規(guī)和易用性建議是極其緊要的，由于無(wú)論你是誰(shuí)，只要你根據(jù)那么做了，那么客戶(hù)會(huì)在你的網(wǎng)站上花費(fèi)的時(shí)間會(huì)和在其他網(wǎng)站上花費(fèi)的一樣多，這意味著你和其他人站在了同一起跑線上。
舉一個(gè)例子讓大家更清楚的了解我究竟想要表的什么。這有這么一個(gè)網(wǎng)站，在它導(dǎo)航欄上放置了一鏈接來(lái)退出頁(yè)面。這個(gè)按鈕的用途，這與通常所了解的導(dǎo)航欄應(yīng)當(dāng)有的用途大不相同，這樣的設(shè)計(jì)違反了設(shè)計(jì)常規(guī)。
好在近期幾年，情形改善了許多，但還是能發(fā)當(dāng)前有些不應(yīng)當(dāng)發(fā)生的低級(jí)謬誤，比如：循環(huán)展示模塊上面鏈接失效，或者點(diǎn)擊鏈接的時(shí)候彈出了框。因此，要緊跟設(shè)計(jì)常規(guī)。
4.防止回答問(wèn)題

客戶(hù)瀏覽網(wǎng)頁(yè)都是有目標(biāo)的。或許是想娛樂(lè)一下，或許是查找信息，或許是跟家人或朋友保持聯(lián)絡(luò)，或許是其它宗旨。不管他們做什么，總會(huì)有一個(gè)目標(biāo)。
當(dāng)前你需要記住的最關(guān)鍵的是，大多數(shù)情形下，客戶(hù)上網(wǎng)是在尋求某些信息。他們?nèi)?Google是要搜索某些東西;他們?nèi)ゾS基百科是要進(jìn)修某些東西;他們上公司站點(diǎn)是為了理解產(chǎn)品信息。他們總會(huì)有一個(gè)目標(biāo)。

當(dāng)我明晰地想去網(wǎng)頁(yè)上找一個(gè)問(wèn)題的結(jié)論的時(shí)候, 它們卻就是找不到, 這種問(wèn)題在我身上已經(jīng)發(fā)生n次了. 我能了解設(shè)計(jì)代理(機(jī)構(gòu))們?yōu)槭裁床皇鞘冀K都突出表述價(jià)格原因, 由于在一個(gè)項(xiàng)目里面變量太多, 但我就是不能了解一個(gè)發(fā)廊為什么不告訴我理發(fā)究竟需要多少錢(qián), 我也不能了解洗車(chē)企業(yè)的網(wǎng)站上為什么不突出表述我洗干凈車(chē)需要多少錢(qián), 那你為啥還要在這個(gè)地球上建一個(gè)網(wǎng)站呢? 我只是覺(jué)得這對(duì)你和你的訪客都是無(wú)益的, 你倆誰(shuí)也不能從中獲取任何有用的信息.
在訪客訪問(wèn)你的網(wǎng)站的時(shí)候理解他們的意圖是個(gè)好主意, 如果有人想去下載博客主題, 那就引導(dǎo)他們到下載區(qū)域, 如果他們是為了玩游戲而來(lái), 那就盡量多放些游戲在上面, 如果他們是來(lái)理解產(chǎn)品價(jià)格或者你所能提供的服務(wù)的, 那就突出表述它們.
你需要思考你的網(wǎng)站訪客的需求的因素是你的網(wǎng)站不是給你自己建的, 如果你是給你自己建的, 你就別聯(lián)網(wǎng), 徑直在你自己的電腦上看就能夠了, 一個(gè)網(wǎng)站是為訪客而建的, 訪客是有需求的, 實(shí)現(xiàn)它們(的需求)吧!
5.小塊可點(diǎn)擊區(qū)域
由于我買(mǎi)了臺(tái)Mac所以從不用鼠標(biāo)。事實(shí)上我買(mǎi)了一只魔術(shù)鼠標(biāo)，就在它們被發(fā)布并銷(xiāo)售僅僅三天以后。由于對(duì)我來(lái)講再?zèng)]有何需要用到鼠標(biāo)的地方了。我用觸 摸板移動(dòng)電腦指針動(dòng)作極其熟練。但我記得五年前，當(dāng)我仍然操作PC的時(shí)候，我也曾有種種各樣的垃圾鼠標(biāo)。它們并不一直很正確，而且在懸停于小塊區(qū)域的時(shí)候 時(shí)常定調(diào)很困難。
當(dāng)前我再也沒(méi)有這個(gè)問(wèn)題了。但是web不是僅僅給我用的。大概有數(shù)以?xún)|計(jì)的客戶(hù)，所以你應(yīng)當(dāng)明白不是他們所有人都能這么熟練的操作這些奇妙的工具。
小塊可點(diǎn)擊區(qū)域有時(shí)候令人不那么舒服。你也許想讓字體顯得小一點(diǎn)，由于你相信這樣看起來(lái)很漂亮，但你要思考到你的決定對(duì)可用性的影響有多大(我們不妨再來(lái)瞧瞧可讀性)。
緊要的是不但要保證鏈接是可見(jiàn)的，還要讓它們是可點(diǎn)擊的。這個(gè)區(qū)域越小，人們點(diǎn)擊它們就越難。這里面有一個(gè)網(wǎng)站趨向移動(dòng)化背后因素——就是說(shuō)部署需要適應(yīng)更小的屏幕。需要適應(yīng)的東西之一就是按鈕，按照建議它們應(yīng)當(dāng)在便攜式設(shè)備上變?yōu)楦?，好讓它們?nèi)菀妆稽c(diǎn)擊。
同樣的戰(zhàn)略也適用于桌面環(huán)境。新的扁平化客戶(hù)界面的風(fēng)潮是這個(gè)理念的布道者。你不會(huì)有點(diǎn)擊又大又清晰的鏈接的煩惱。保證讓你的客戶(hù)更輕易的瀏覽。再說(shuō)一次，關(guān)注于功能性，讓美觀成為一個(gè)神奇蛋糕上面的櫻桃。
6.缺少聯(lián)絡(luò)信息
有幾件事比糟糕的 用戶(hù)服務(wù)更使我惱怒。其中之一就是根本無(wú)法聯(lián)絡(luò)上客服或者負(fù)責(zé)該事務(wù)的企業(yè)。
正如我們以前探討的，人們一直帶著宗旨來(lái)訪問(wèn)網(wǎng)頁(yè)。如果他們的宗旨是跟你取得聯(lián)絡(luò)，那么從他們的角度來(lái)講，如果找不到聯(lián)絡(luò)方式那么這個(gè)頁(yè)面就毫無(wú)用處。

沒(méi)有任何借口能夠不提供聯(lián)絡(luò)信息。如果你不想把你自己的電話號(hào)碼公之于眾，能夠留下你的e-mail。對(duì)了，你也能夠買(mǎi)個(gè)便宜的手機(jī)配個(gè)劃算的套餐，然后 留下這個(gè)號(hào)碼，或者申請(qǐng)一個(gè)新的e-mail。你想要避開(kāi)垃圾郵件嗎? 能夠操作一種機(jī)器無(wú)法自動(dòng)辨別的聯(lián)絡(luò)方式。共享Twitter或者Facebook地址，也沒(méi)什么大不了。這都沒(méi)什么，只要能給你的 用戶(hù)一個(gè)以某種方式找 到你的機(jī)遇。
7.搜索功能
眾多客戶(hù)都是任務(wù)導(dǎo)向型的, 也就是說(shuō)他們來(lái)到網(wǎng)站上僅為獲得指定的信息而并不對(duì)其他東西感興趣. 如此看來(lái), 你會(huì)發(fā)現(xiàn)一個(gè)好的搜索功能會(huì)變?yōu)槎嗝吹木o要.
但這并不意味著你需要在每個(gè)頁(yè)面都提供一個(gè)搜索欄, 如果你運(yùn)作著一家設(shè)計(jì)企業(yè), 只有一個(gè)單頁(yè)式網(wǎng)站用于提供項(xiàng)目和聯(lián)絡(luò)方式的信息, 那就沒(méi)必要提供搜索功能.

然而, 如果說(shuō)你運(yùn)行著一個(gè)博客或者其他任何內(nèi)容主打的網(wǎng)站, 搜索將會(huì)是眾多客戶(hù)首先會(huì)去操作的功能, 研討表明第一時(shí)間會(huì)去查找搜索欄的客戶(hù)的比例占到了所有客戶(hù)的一半以上, 真的是重大的超乎了我們的想象.
假設(shè)你在一個(gè)類(lèi)似于WordPress的平臺(tái)上運(yùn)行著一個(gè)網(wǎng)站, 你將能夠借助其內(nèi)部集成的搜索功能, 另外你也能夠始終操作Google提供的搜索, 由于智能搜素引擎可能已經(jīng)索引了你的所有(或者大部分)網(wǎng)頁(yè), 你不再需要去自行編寫(xiě)搜索功能, 所以你沒(méi)有原因不在你的網(wǎng)站上操作它.
8.強(qiáng)制性的注冊(cè)要求
允許客戶(hù)在必須注冊(cè)或者付費(fèi)以前，能對(duì)軟件或者功能有個(gè)預(yù)覽，比要求他們立即注冊(cè)要好得多?；ヂ?lián)網(wǎng)上看到的有些優(yōu)質(zhì)的觀念或者想法，一直要求我先注冊(cè)，令人不爽。
不，在可以操作你的應(yīng)用以前，我不會(huì)想把我的電話、住址和鞋碼留給你。我需要馬上就能試用一下來(lái)決定它是否合適我。
這種說(shuō)法，也是手機(jī)UX/UI設(shè)計(jì)大師Luke Wroblewski (關(guān)聯(lián)參考在文章最后)所贊同的。他相信，客戶(hù)在做出決定以前，應(yīng)當(dāng)先窺見(jiàn)到產(chǎn)品的內(nèi)在。這很簡(jiǎn)易，也是全部意義之所在。

不管你是做什么的, 銷(xiāo)售還是生產(chǎn), 不要要求網(wǎng)上的客戶(hù)在他們還沒(méi)確立需要該產(chǎn)品的情形下就實(shí)行支付(負(fù)擔(dān)), 不然他們會(huì)感覺(jué)受了欺騙, 當(dāng)然你也就永遠(yuǎn)的失去了他們. 一個(gè)好的例子就是水果忍者, iOS平臺(tái)上很潮的游戲, 它一直以一個(gè)免費(fèi)示例版的模式出現(xiàn), 然后過(guò)了一段周期之后, 也就是你已經(jīng)迷上這個(gè)示例版的時(shí)候, 你會(huì)感覺(jué)你有點(diǎn)想要更大的挑戰(zhàn), 然后你就購(gòu)買(mǎi)了游戲的完整版本. 這就是我所做的, 而且我覺(jué)得這的確說(shuō)的過(guò)去, 我會(huì)一著手就在不能試玩的前提下購(gòu)買(mǎi)這個(gè)游戲么? 扯淡.
這不僅僅是針對(duì)設(shè)計(jì)人員的一堂課, 也適用于眾多的企業(yè)和制造商們, 如果你的產(chǎn)品夠好, 不要立即呼吁客戶(hù)去訂購(gòu), 相反, 你應(yīng)當(dāng)盡快的提供給他們免費(fèi)試用你的產(chǎn)品的機(jī)遇, 你應(yīng)當(dāng)確信的是如果產(chǎn)品真有你想的那么好的話, 他們是會(huì)買(mǎi)的.
9.注冊(cè)表單
Luke Wroblewski在他的關(guān)鍵提醒中常常提及的另一個(gè)問(wèn)題是注冊(cè)表單。我都曾經(jīng)操作過(guò)注冊(cè)。你極其喜希望立刻注冊(cè)一個(gè)帳號(hào)(由于某種程度上他能夠滿(mǎn)足你的某種需求)，但是因?yàn)樽?cè)表單太長(zhǎng)。于是你可能放棄注冊(cè)，這樣一個(gè)隱性的顧客就會(huì)失去。
讓注冊(cè)表單盡可能的簡(jiǎn)易。只要求最關(guān)鍵的信息，郵箱、密碼和客戶(hù)名。完成注冊(cè)后，你能夠讓他們選取填寫(xiě)更多的小節(jié)。這同樣也適宜前面提及同樣的原則。為了 提交，客戶(hù)需要先試試你的產(chǎn)品。如果 用戶(hù)不能確立是否喜愛(ài)你的產(chǎn)品，那么憑什么他們會(huì)把他們的家庭地址、真實(shí)姓名和職稱(chēng)等信息給你呢?頂多你得到有些冒填 的虛假信息，在他們確立想操作你的產(chǎn)品前，你不會(huì)得到真實(shí)信息的。

現(xiàn)如今，許多網(wǎng)站已經(jīng)能夠?qū)崿F(xiàn)通過(guò)Twitter或者Facebook 即可登錄。這很棒，使得登錄極其簡(jiǎn)易快捷。你為此不需要記憶太多的帳號(hào)和密碼。只要你能登錄Facebook，你也就能夠登錄那些操作API注冊(cè)的網(wǎng)站。 固然不是所有人都操作這個(gè)路徑，但是請(qǐng)給客戶(hù)提供這種可能的登錄路徑。
不統(tǒng)一的設(shè)計(jì)
如果網(wǎng)站有一個(gè)白色的背景和一個(gè)頂部導(dǎo)航區(qū)，就不要把關(guān)聯(lián)頁(yè)面弄成黑色并把導(dǎo)航挪到頁(yè)面底部。它會(huì)令我懷疑自己是否還在同一個(gè)網(wǎng)站上，我可不想在這個(gè)問(wèn)題上浪費(fèi)時(shí)間。
整個(gè)網(wǎng)站要保持一樣的部署。給你的頁(yè)面網(wǎng)格體系規(guī)定一個(gè)列數(shù)，不管是幾列只要適合就行，并在整個(gè)網(wǎng)站中貫徹這個(gè)規(guī)定。同樣的規(guī)則適用于背景色，鏈接的顏色，排版和設(shè)計(jì)原則?？傊刮以邳c(diǎn)擊“關(guān)于”頁(yè)面以前，能清楚的知曉我還在同一個(gè)網(wǎng)站上。
10.圖片的誤用
設(shè)計(jì)的一個(gè)基礎(chǔ)原則就是，不要操作那些你其實(shí)并需要的元素。對(duì)圖片來(lái)講也是這樣，不要只是為了填滿(mǎn)頁(yè)面而操作它們。研討表明，客戶(hù)趨向于忽視那些只是填充頁(yè)面的圖片。所以如果你沒(méi)有何要展示的話，我最不想看到的就是隨機(jī)展示的圖片。
如果你決定要操作圖片，至少要確保把它們放到精確的位置。我討厭某站網(wǎng)站，把正文寫(xiě)到一個(gè)兩列寬的表格里，還用整行寬的圖片把正文分隔開(kāi)。這一直讓我考 慮：我是應(yīng)當(dāng)接著看右側(cè)第二列然后看圖片下的第一列呢，還是應(yīng)當(dāng)先看圖片下的第一列?這真是讓人厭惡，而更讓人厭惡的是不同網(wǎng)站在處理這一問(wèn)題時(shí)操作了不 同的方式。 如果你要操作圖片，要確保我在讀文字時(shí)不會(huì)被圖片影響太多，這是最關(guān)鍵的。我需要的只是閱讀。
哦，順便說(shuō)一下,如果你想知曉為何我不愿意思考這個(gè)問(wèn)題(或者為何客戶(hù)不愿意思考), 我強(qiáng)烈推薦你看一下Steve Krug’s 的書(shū)。你能夠在本文最后的參考中找到該書(shū)的鏈接。
答案
如果你想成為一個(gè)好的網(wǎng)站設(shè)計(jì)師，你只需根據(jù)上面的流程行事即可。你無(wú)需成為一個(gè)客戶(hù)體驗(yàn)專(zhuān)家，上面我寫(xiě)的真的只不過(guò)是有些常識(shí)，但是在大多數(shù)時(shí)候正是它們使得一個(gè)頂級(jí)的網(wǎng)站與一個(gè)像樣的網(wǎng)站差別開(kāi)來(lái)。
這也很大程度上歸因與你對(duì)客戶(hù)的興趣。如果你制作網(wǎng)站只是為了維持生計(jì)，那么你無(wú)需這些規(guī)則。你也可能只是一個(gè)低于自我期望的設(shè)計(jì)師，會(huì)在若干年內(nèi)失敗。 如果你為你的訪問(wèn)者思考更多，想給他們提供一個(gè)好的網(wǎng)站體驗(yàn)，那么你需要知曉，什么叫應(yīng)當(dāng)著手開(kāi)始處理的基礎(chǔ)要點(diǎn)。正如前文所述，網(wǎng)站不需要漂亮。應(yīng)當(dāng)記 得的是，沒(méi)有何比一個(gè)簡(jiǎn)易的、運(yùn)行優(yōu)異的網(wǎng)站更漂亮的了。