《點(diǎn)石成金：訪客至上的Web和移動(dòng)可用性設(shè)計(jì)秘笈（原書(shū)第3版）》

點(diǎn)石成金：訪客至上的Web和移動(dòng)可用性設(shè)計(jì)秘笈

（原書(shū)第3版）

Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability, Third Edition

[美]　史蒂夫·克魯格（Steve Krug）　著

蔣芳　譯

前　　言

在這里，人們來(lái)也匆匆，去也匆匆！

——Dorothy Gale，由Judy Garland扮演，《綠野仙蹤》（1939年）

早在2000年，我就寫(xiě)好了《Don抰 Make Me Think》這本書(shū)的第1版。

到2002年的時(shí)候，我開(kāi)始每年收到一些郵件，讀者們（非常有禮貌地）問(wèn)我有沒(méi)有想過(guò)要出新的版本。他們并不是在抱怨，只是善意地提醒，通常的說(shuō)法是“里面有很多示例已經(jīng)過(guò)時(shí)了”。

那時(shí)候我的標(biāo)準(zhǔn)回復(fù)是這樣的：由于我寫(xiě)這本書(shū)的時(shí)候正趕上互聯(lián)網(wǎng)泡沫破碎，很多我在書(shū)中用作示例的網(wǎng)站到書(shū)籍出版上市的時(shí)候就已經(jīng)消失了，不過(guò)我并不認(rèn)為這會(huì)讓這些例子沒(méi)有說(shuō)服力。

后來(lái)，到了2006年，我終于有了強(qiáng)烈的動(dòng)機(jī)想要寫(xiě)一個(gè)新的版本。不過(guò)當(dāng)自己重讀了一遍，想要找出哪些地方應(yīng)該更新的時(shí)候，我還是覺(jué)得“這些內(nèi)容還是有效的”。我實(shí)在很難找出有多少篇幅需要進(jìn)行改動(dòng)。

然而，如果是一個(gè)新的版本，那么確實(shí)也應(yīng)該有一些不一樣的內(nèi)容。因此我在第2版中增加了之前沒(méi)有來(lái)得及寫(xiě)完的三章，然后點(diǎn)擊“小憩”按鈕，拉過(guò)被子，蒙上頭，又睡了七年。

（對(duì)我來(lái)說(shuō)，寫(xiě)作確實(shí)不是一件容易的事，因此我總想找個(gè)理由不去寫(xiě)。哪天給我把這個(gè)毛病根治一下吧！）

那么，為什么現(xiàn)在又來(lái)一個(gè)新的版本呢？理由有兩個(gè)。

#1 讓我們來(lái)面對(duì)現(xiàn)實(shí)：它已經(jīng)是一本老書(shū)了

毫無(wú)疑問(wèn)，現(xiàn)在它有點(diǎn)過(guò)時(shí)了。畢竟，已經(jīng)13年了，在互聯(lián)網(wǎng)時(shí)代，13年就像100年那么久（看到吧，現(xiàn)在甚至都沒(méi)有人說(shuō)“互聯(lián)網(wǎng)時(shí)代”這個(gè)詞了）。

書(shū)里作為示例的大部分網(wǎng)頁(yè)，例如2000年議員Orrin Hatch的競(jìng)選網(wǎng)站，現(xiàn)在看起來(lái)的確有點(diǎn)老土了。

我們都知道，現(xiàn)在的網(wǎng)站通常看起來(lái)很精致、很時(shí)尚。

最近我開(kāi)始有點(diǎn)擔(dān)心，最終有一天這本書(shū)會(huì)變得過(guò)時(shí)，書(shū)里的內(nèi)容不再有用。不過(guò)我也知道現(xiàn)在還不至于，因?yàn)椋?/p>

它的銷(xiāo)售依然很穩(wěn)定，沒(méi)有什么下降的趨勢(shì)。而且，現(xiàn)在它已經(jīng)成為很多課程的必讀材料，這可是我以前沒(méi)想到的。

在Twitter上，來(lái)自世界各地的新讀者還在不停地提到他們?cè)诒緯?shū)中學(xué)到的東西。

我還在不停地聽(tīng)到同樣的故事：“我給我們老板看這本書(shū)，希望他能明白我的工作，他讀了，然后他給我們團(tuán)隊(duì)/部門(mén)/公司每人買(mǎi)了一本。”（這個(gè)故事真是太讓人高興了！）

人們還在不停地告訴我，因?yàn)檫@本書(shū)他們獲得了現(xiàn)在的工作，或者它影響了他們?cè)诼殬I(yè)生涯上的選擇。

但是我知道，前面提到的老化效應(yīng)最終會(huì)對(duì)人們產(chǎn)生影響，就像我的兒子現(xiàn)在很難再回過(guò)頭去看他小時(shí)候愛(ài)看的那些黑白電影一樣，不管它們?cè)?jīng)多么吸引人。

因此，是時(shí)候來(lái)一些新的示例了。

#2 這個(gè)世界已經(jīng)變了

我們使用計(jì)算機(jī)和互聯(lián)網(wǎng)的方式已經(jīng)發(fā)生了很多變化—我這么說(shuō)已經(jīng)很保守了，非常保守！

在以下三個(gè)方面局勢(shì)發(fā)生了變化：

技術(shù)已經(jīng)進(jìn)一步發(fā)展。2000年，我們還在用大屏幕顯示器上網(wǎng)，我們還在使用鍵盤(pán)、鼠標(biāo)/觸摸屏，而且我們?cè)谏暇W(wǎng)的時(shí)候總是坐著，通常是坐在一張桌子前面。

現(xiàn)在我們使用的是能隨身攜帶的微型電腦，它能拍攝照片和視頻，里面有魔法地圖，能隨時(shí)告訴我們當(dāng)前所處的地點(diǎn)，還裝著我們所有的書(shū)籍和音樂(lè)。它還能一直上網(wǎng)。噢，對(duì)了，它還能打電話。

天哪，我能用我的“手機(jī)”做很多事！

盡管還不是飛行汽車(chē)（想想，曾經(jīng)有人預(yù)言過(guò)現(xiàn)在我們應(yīng)該有飛行汽車(chē)了），但它也讓人刮目相看。

網(wǎng)絡(luò)本身也在不斷改善。就算用臺(tái)式電腦上網(wǎng)來(lái)處理日常事務(wù)（購(gòu)物、制定旅行計(jì)劃、聯(lián)系朋友、閱讀新聞、玩酒吧小游戲），我們用到的網(wǎng)站也比其“前輩”功能更多、更強(qiáng)大。

我們已經(jīng)習(xí)慣了“自動(dòng)建議”和“自動(dòng)更正”這樣的小服務(wù)。還有，如果不能在線支付停車(chē)費(fèi)用或者不能在網(wǎng)上更新駕照，我們會(huì)覺(jué)得很麻煩。

可用性成為主流。2000年，懂得可用性重要性的人并不是很多。

現(xiàn)在，感謝Steve Jobs（和Jonathan Ive），大部分的功勞歸于他們，幾乎所有人都知道了可用性有多重要，哪怕他們?nèi)匀徊恢揽捎眯缘降资鞘裁础，F(xiàn)在通常人們把可用性叫用戶體驗(yàn)設(shè)計(jì)（User Experience Design，UXD），或者簡(jiǎn)稱(chēng)為UX（用戶體驗(yàn)），這是一個(gè)包羅萬(wàn)象的詞，可以指代任何行業(yè)或者活動(dòng)，只要它們對(duì)改進(jìn)用戶的體驗(yàn)有所幫助。

現(xiàn)在，大家如此重視為用戶設(shè)計(jì)，這當(dāng)然是一件幸事。不過(guò)，伴隨這場(chǎng)進(jìn)化而來(lái)的各種職位描述、學(xué)科分支和工具，讓大部分人都非常迷惑，不知道到底應(yīng)該怎么做。

接下來(lái)我會(huì)貫穿本書(shū)討論這三個(gè)方面的變化。

別誤會(huì)

這個(gè)版本會(huì)包括一些新的示例、新的設(shè)計(jì)原則，以及我在這些年的一些心得體會(huì)，但它還是原來(lái)那本書(shū)，宗旨沒(méi)有改變：它仍然是一本講述如何讓網(wǎng)站設(shè)計(jì)得卓越、有用的書(shū)。

同時(shí)，它也是一本關(guān)于設(shè)計(jì)方法的書(shū)，只要是設(shè)計(jì)需要人與之交互的產(chǎn)品，都可以適用，不管是微波爐、移動(dòng)應(yīng)用還是ATM。

基本的設(shè)計(jì)原則永遠(yuǎn)經(jīng)典，哪怕世事變遷，滄海桑田。因?yàn)榭捎眯允顷P(guān)于人，關(guān)于人們?nèi)绾卫斫夂褪褂卯a(chǎn)品的，它和技術(shù)沒(méi)有關(guān)系。同時(shí)，盡管技術(shù)的發(fā)展日新月異，人本身的變化卻非常緩慢。

或者就像Jakob Nielsen所述：

人類(lèi)大腦的容量不會(huì)馬上發(fā)生變化，所以研究這些人類(lèi)行為所得到的成果在很長(zhǎng)時(shí)間內(nèi)都不會(huì)失效。對(duì)于用戶來(lái)說(shuō)，20年前他們遇到的困難，現(xiàn)在同樣如此。

我希望你們會(huì)喜歡這個(gè)新的版本，還有，如果過(guò)幾年你們坐著飛行汽車(chē)遇到我，別忘了沖我揮個(gè)手。

Steve Krug

2013年11月

導(dǎo)　　讀

注意事項(xiàng)和免責(zé)聲明

你們不知道的，我沒(méi)法告訴你們，

但我可以澄清一些事實(shí)。

——Joe Ferrara，我的一位高中校友

我有一份相當(dāng)不錯(cuò)的工作。我是一名可用性咨詢師，下面就是我平時(shí)的工作內(nèi)容：

人們（客戶）發(fā)給我一些他們正在進(jìn)行的工作。

可能是全新的網(wǎng)站設(shè)計(jì)頁(yè)面，他們正在重新設(shè)計(jì)的現(xiàn)有網(wǎng)站，或者某個(gè)應(yīng)用的設(shè)計(jì)原型。

我試用這些東西，像他們的用戶一樣在上面執(zhí)行一些必要的或想要的任務(wù)，然后把一些人們可能會(huì)遇到的問(wèn)題或者產(chǎn)生迷惑的地方記下來(lái)（進(jìn)行“可用性專(zhuān)家評(píng)估”）。

有時(shí)候我會(huì)請(qǐng)一些人來(lái)試著使用它們，我在一旁觀察，看他們?cè)谑裁吹胤奖焕ё』蛘吒械矫曰蟛唤猓ㄒ簿褪恰翱捎眯詼y(cè)試”）。

我會(huì)安排一次和客戶團(tuán)隊(duì)的會(huì)議，描述這些我找到的（可能會(huì)導(dǎo)致用戶痛點(diǎn)的）問(wèn)題（“可用性問(wèn)題”），幫助他們決定哪些是最急于修復(fù)的，并確定最佳的修復(fù)方案。

以前，我會(huì)給出一份報(bào)告（我把它叫大部頭報(bào)告），詳細(xì)描述找到的問(wèn)題。但是最后我發(fā)現(xiàn)付出這些時(shí)間和精力并沒(méi)有必要。現(xiàn)場(chǎng)講述允許人們提問(wèn)，也可以看到他們所關(guān)注的地方——而書(shū)面格式的報(bào)告做不到這一點(diǎn)。而且對(duì)于那些進(jìn)行敏捷（Agile）開(kāi)發(fā)或精益（Lean）開(kāi)發(fā)的團(tuán)隊(duì)來(lái)說(shuō)，他們根本沒(méi)有時(shí)間去閱讀一份報(bào)告。

他們付給我報(bào)酬。

作為一名咨詢師，我有機(jī)會(huì)接觸到很多有趣的項(xiàng)目，同很多聰明有禮貌的人一起工作。我也有很多時(shí)候在家里工作，不必每天參加枯燥的會(huì)議，也不必面對(duì)復(fù)雜的人際關(guān)系。我說(shuō)出我所想到的，人們通常都會(huì)表示贊同，而且我得到的報(bào)酬也不菲。

最重要的是，我非常滿意這樣的工作，因?yàn)楫?dāng)一項(xiàng)工作結(jié)束的時(shí)候，我們面前的設(shè)計(jì)會(huì)比開(kāi)始時(shí)大有改善。

壞消息：你們可能并沒(méi)有可用性專(zhuān)家

幾乎每個(gè)開(kāi)發(fā)團(tuán)隊(duì)都可能希望有一個(gè)像我這樣的人，幫助他們從一開(kāi)始就把產(chǎn)品可用性加入設(shè)計(jì)中。遺憾的是，大量的開(kāi)發(fā)團(tuán)隊(duì)沒(méi)有那么多預(yù)算專(zhuān)門(mén)聘請(qǐng)一位可用性專(zhuān)家。

而且，哪怕他們預(yù)算足夠，也沒(méi)有那么多可用性專(zhuān)家可以請(qǐng)。根據(jù)最新統(tǒng)計(jì)，世界上有數(shù)十億的網(wǎng)站（iPhone上另外還有數(shù)十億的應(yīng)用），而全世界的可用性咨詢師只有一萬(wàn)名！

而且，哪怕你們團(tuán)隊(duì)里確實(shí)有一名可用性專(zhuān)家，他也未必能照顧到團(tuán)隊(duì)開(kāi)發(fā)的每個(gè)角落。

最近幾年，讓產(chǎn)品/設(shè)計(jì)更可用成為幾乎每一個(gè)人的責(zé)任。現(xiàn)在，視覺(jué)設(shè)計(jì)師和開(kāi)發(fā)人員常常發(fā)現(xiàn)他們?cè)趶氖骂?lèi)似交互設(shè)計(jì)（決定用戶點(diǎn)擊鼠標(biāo)/觸摸/滑動(dòng)之后的后續(xù)反應(yīng)）或者信息架構(gòu)（確定信息的組織方式）之類(lèi)的工作。

我寫(xiě)這本書(shū)是為了幫助無(wú)法雇用（或短期聘請(qǐng)）可用性咨詢師（例如我）的人。

了解一些可用性原則能讓你們自己看到那些問(wèn)題，并幫助你們從一開(kāi)始就避免引入這些問(wèn)題。

沒(méi)關(guān)系，如果你們預(yù)算充足，盡管去請(qǐng)一位像我這樣的可用性專(zhuān)家。但是如果你不能去請(qǐng)某個(gè)人，我希望這本書(shū)能幫助你自行完成可用性的工作（可以利用豐富的業(yè)余時(shí)間）。

好消息：這并不難（又不是rocket surgery）

好消息是，我所做的大部分工作都是常識(shí)性的，只要有興趣任何人都可以學(xué)習(xí)。

當(dāng)然，也像很多常識(shí)一樣，如果沒(méi)有人明確指出來(lái)，它們并不會(huì)顯而易見(jiàn)。

我花了很多時(shí)間來(lái)告訴人們那些他們?cè)缇椭赖牡览恚裕绻惆l(fā)現(xiàn)書(shū)里講的很多地方“我早就知道了”，不要太吃驚。

是的，這是一本薄薄的小冊(cè)子

更多的好消息：我花了很多心思來(lái)保證這本書(shū)短小精練——期望精練到你能在飛機(jī)上把它讀完。這么做有兩個(gè)原因：

如果它很薄，就更有可能用得到。這本書(shū)是為前線人員如設(shè)計(jì)師、開(kāi)發(fā)人員、網(wǎng)站制作人、項(xiàng)目經(jīng)理、市場(chǎng)人員、某個(gè)在支票上簽名的人，以及那些一個(gè)人負(fù)責(zé)完成所有工作的人寫(xiě)的。

可用性不是你的終身工作，你也沒(méi)有時(shí)間看一本很厚的書(shū)。

你不需要面面俱到。在任何一個(gè)領(lǐng)域，都有很多你能學(xué)習(xí)的可用性知識(shí)，但是，除非你想成為一名可用性專(zhuān)家，否則掌握到一定程度就夠了。

我發(fā)現(xiàn)，我對(duì)每個(gè)項(xiàng)目所做的最有價(jià)值的貢獻(xiàn)往往來(lái)自牢記一些關(guān)鍵的可用性原則。那么，讓大部分人理解這些原則，比再列一份可以做/不可以做的清單會(huì)更有用。我已經(jīng)把我認(rèn)為每個(gè)人在建立網(wǎng)站時(shí)都會(huì)涉及的問(wèn)題濃縮在本書(shū)中了。

現(xiàn)在暫未提供的內(nèi)容

為了不讓你們浪費(fèi)時(shí)間在書(shū)中尋找，下面列出本書(shū)并不包括的幾項(xiàng)內(nèi)容：

關(guān)于可用性的真理和快速定律。我關(guān)注這一點(diǎn)已經(jīng)很長(zhǎng)時(shí)間了，長(zhǎng)到已經(jīng)知道對(duì)于大部分可用性問(wèn)題，沒(méi)有什么永遠(yuǎn)“正確”的答案。設(shè)計(jì)是一個(gè)復(fù)雜的過(guò)程，對(duì)人們提出的很多問(wèn)題，真正的答案是“看情況”（It depends）。但我仍然認(rèn)為有幾條有用的指導(dǎo)原則值得記在心里，那就是我在書(shū)中將要講述的。

對(duì)Web和未來(lái)技術(shù)的預(yù)言。說(shuō)實(shí)在的，你的預(yù)測(cè)能力不會(huì)比我差。我只能肯定這兩點(diǎn)：1）我所聽(tīng)到的大部分預(yù)言幾乎是完全錯(cuò)誤的；2）預(yù)言中真正重要的那些往往會(huì)讓我們覺(jué)得意外，哪怕它們?cè)谑潞罂雌饋?lái)相當(dāng)明顯。

對(duì)不良設(shè)計(jì)的批評(píng)。如果你喜歡取笑網(wǎng)站的錯(cuò)誤，那么這本書(shū)并不適合你。設(shè)計(jì)、建立和維護(hù)一個(gè)好網(wǎng)站或一個(gè)好的應(yīng)用一點(diǎn)兒都不容易，就像打高爾夫球一樣：有少數(shù)幾種方法可以把球打進(jìn)洞里，但還有數(shù)不清的方法打不進(jìn)去。只要能達(dá)到一半的成功率，我就很崇拜你了。

因此，你會(huì)發(fā)現(xiàn)我在例子中提到的網(wǎng)站都非常棒，問(wèn)題很少，因?yàn)槲矣X(jué)得你們可以從好的網(wǎng)站中學(xué)到更多。

現(xiàn)在又加入了移動(dòng)

在更新這本書(shū)的時(shí)候，我面臨著一個(gè)進(jìn)退兩難的局面：它一直是一本關(guān)于如何設(shè)計(jì)網(wǎng)站的書(shū)。盡管這些原則同樣適用于人們需要與之交互的任何東西（包括選票和投票站的設(shè)計(jì)，甚至包括講演和演示的設(shè)計(jì)），但本書(shū)的重點(diǎn)一直放在網(wǎng)站設(shè)計(jì)上，所有的示例也都來(lái)自各個(gè)網(wǎng)站。在此之前，網(wǎng)站一直是大多數(shù)人的重點(diǎn)戰(zhàn)場(chǎng)。

但是現(xiàn)在，很多人已經(jīng)轉(zhuǎn)到了移動(dòng)應(yīng)用，甚至那些以前只需要設(shè)計(jì)網(wǎng)站的人，也不得不開(kāi)始創(chuàng)建可以在移動(dòng)設(shè)備上友好訪問(wèn)的版本。我知道他們對(duì)移動(dòng)設(shè)計(jì)上的可用性很感興趣。

因此我做了三件事：

在書(shū)中加入了移動(dòng)應(yīng)用的例子，它們可能出現(xiàn)在任何能說(shuō)明問(wèn)題的地方。

增加了一個(gè)全新的章節(jié)來(lái)講述一些專(zhuān)門(mén)針對(duì)移動(dòng)設(shè)計(jì)的可用性的問(wèn)題。

你們也能看到，在有些地方，為了表述得更加清楚，我會(huì)把以前的“網(wǎng)站”改成“網(wǎng)站或移動(dòng)應(yīng)用”。不過(guò)在絕大多數(shù)地方，我的用詞還是以網(wǎng)站為中心，以避免累贅和分散注意力。

開(kāi)始之前的最后一件事

這實(shí)際上是一件很關(guān)鍵的事：我對(duì)可用性的定義。

對(duì)于可用性，你可以找到很多不同的定義，經(jīng)常可以分解成以下幾個(gè)方面：

有用：能否幫助人們完成一些必需的事務(wù)？

可學(xué)習(xí)：人們能否明白如何使用它？

可記憶：人們每次使用的時(shí)候，是否都需要重新學(xué)習(xí)？

有效：它們能完成任務(wù)嗎？

高效：它們是否只需花費(fèi)適當(dāng)?shù)臅r(shí)間和努力就能完成任務(wù)？

合乎期望：是人們想要的嗎？

最近，甚至又有了以下方面：

令人愉悅：人們使用的時(shí)候覺(jué)得有意思甚至很好玩嗎？

我會(huì)在后面講到這些。不過(guò)對(duì)于我來(lái)說(shuō)，關(guān)于可用性，最重要的方面其實(shí)非常簡(jiǎn)單。如果說(shuō)一個(gè)東西可用——不管是網(wǎng)站、遙控器，還是旋轉(zhuǎn)門(mén)，它的意思是：

讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人（甚至稍低于平均水平）能明白如何使用它——不必付出過(guò)度的努力，或者遇到不必要的麻煩。

用我的話說(shuō)：就是這么簡(jiǎn)單。

我希望這本書(shū)能幫助你創(chuàng)造出更好的產(chǎn)品，還有，如果它能幫你跳過(guò)一些設(shè)計(jì)上的無(wú)休無(wú)止的爭(zhēng)議，你還能偶爾準(zhǔn)時(shí)回家吃個(gè)晚飯。

目　　錄

前言

導(dǎo)讀　注意事項(xiàng)和免責(zé)聲明

指導(dǎo)原則

第1章　別讓我思考1

Krug可用性第一定律

第2章　我們實(shí)際上是如何使用Web的10

掃描，滿意即可，勉強(qiáng)應(yīng)付

第3章　廣告牌設(shè)計(jì)101法則18

為掃描設(shè)計(jì)，不為閱讀設(shè)計(jì)

第4章　動(dòng)物，植物，無(wú)機(jī)物32

為什么用戶喜歡無(wú)須思考的選擇

第5章　省略多余的文字37

不要在Web上寫(xiě)作的藝術(shù)

必須正確處理的幾個(gè)方面

第6章　街頭指示牌和面包屑43

設(shè)計(jì)導(dǎo)航

第7章　Web設(shè)計(jì)中的大爆炸理論71

讓人們順利開(kāi)始的重要性

確定你沒(méi)有做錯(cuò)的幾件事

第8章　農(nóng)場(chǎng)主和牧牛人應(yīng)該是朋友87

為什么大部分關(guān)于可用性的爭(zhēng)論是在浪費(fèi)時(shí)間，如何避免這種情況

第9章　一天10美分的可用性測(cè)試95

讓測(cè)試簡(jiǎn)單——這樣你能進(jìn)行充分的測(cè)試

大的方面和外界影響

第10章　移動(dòng)：不再只是亞拉巴馬州的一個(gè)城市了121

歡迎來(lái)到21世紀(jì)——你可能會(huì)感覺(jué)到有點(diǎn)眩暈

第11章　可用性是基本禮貌143

為什么你的網(wǎng)站應(yīng)該讓人尊敬

第12章　可訪問(wèn)性和你150

正當(dāng)你覺(jué)得已經(jīng)完成的時(shí)候，一只貓掉了下來(lái)，背上捆著涂了奶油的面包

第13章　指點(diǎn)迷津160

讓可用性在你身邊成為現(xiàn)實(shí)

致　　謝　我只能給你們這么一件糟糕的T恤170

web前端 網(wǎng)站

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。