本文可收獲：
1.十分鐘掌握<don’t make me think 點(diǎn)石成金 訪客至上的web和移動(dòng)可用性設(shè)計(jì)秘籍>一書的核心精髓；
2.在PM技能樹上的用戶體驗(yàn)上加上新理論和方法；
3.對(duì)用戶在web產(chǎn)品的空間迷失有所體會(huì)，提高用戶同理心和設(shè)計(jì)能力
引題
互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)屬于設(shè)計(jì)的范疇，設(shè)計(jì)的一個(gè)難點(diǎn)就是，就是往往連描述都很困難，右腦的空間邏輯是難以用線性的左腦語(yǔ)言邏輯來(lái)描述的。
但是呢，如果你不能描述，你就不能衡量；如果你不能衡量，你就不能管理。產(chǎn)品的學(xué)習(xí)如果沒(méi)有理論依據(jù)，容易走到僻徑中迷失。然而，正如是一篇高考高分作文，所有的評(píng)卷老師的陳述的理由都不一樣，但是都一眼看得出優(yōu)秀來(lái)。
don't make me think也是這樣的存在，本書是互聯(lián)網(wǎng)產(chǎn)品或設(shè)計(jì)師的必讀經(jīng)典，為我們右腦感知到的優(yōu)秀來(lái)提供左腦可以解釋的理論。
作者與本書
作者Steven Krug是美國(guó)一位可用性咨詢師，20多年來(lái)專注于可用性領(lǐng)域，為各行各業(yè)的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)提供可用性檢測(cè)和建議。
don't make methink 是他在2000年的作品，原來(lái)只是無(wú)意之作，卻意外地成為關(guān)于網(wǎng)頁(yè)可用性設(shè)計(jì)原理的經(jīng)典，是web設(shè)計(jì)師的必讀之作，對(duì)一脈相承的移動(dòng)端設(shè)計(jì)師也有深遠(yuǎn)的借鑒意義。
雖然作者是可用性咨詢師，但是本書的框架都融合進(jìn)行文里，所以你其實(shí)很難從標(biāo)題處解析出文章的邏輯來(lái)，這個(gè)給讀者造成不少的理解困難。所以最好用腦圖解構(gòu)下，這個(gè)工作量是值得的，全書的腦圖也將在文末附上，本文重點(diǎn)介紹此書的精華概念和見(jiàn)解。
雖然本書主要針對(duì)web產(chǎn)品，但可用性的概念無(wú)論是在web還是移動(dòng)端產(chǎn)品都原理一致的，所以，移動(dòng)端產(chǎn)品設(shè)計(jì)師可不能因此錯(cuò)過(guò)此書。
核心內(nèi)容
1.可用性
可用性是全書最重要的概念的。但是可用性的概念現(xiàn)在并不常用，現(xiàn)在用以衡量設(shè)計(jì)的都是用戶體驗(yàn)。
那么可用性是什么呢？
須知，web網(wǎng)頁(yè)設(shè)計(jì)好壞的是可以用兩個(gè)維度來(lái)衡量，分別是可用性跟產(chǎn)品架構(gòu)。隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展和競(jìng)爭(zhēng)的白熱化，產(chǎn)品的設(shè)計(jì)重心轉(zhuǎn)移到用戶上，無(wú)論是交互設(shè)計(jì)、UCD設(shè)計(jì)、可用性等等，都被納入到用戶體驗(yàn)中。
可以說(shuō)，可用性是用戶體驗(yàn)一部分，或者是它本身，一個(gè)比較早期的概念。
（注：根據(jù)用戶體驗(yàn)要素一書中的觀點(diǎn)，用戶體驗(yàn)應(yīng)該先從戰(zhàn)略層開始，討論需求的意義。本書的作者是認(rèn)為需求是市場(chǎng)方面的工作，在此有所區(qū)別。）
可用性的定義是，讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人（甚至稍低于平均水平）能明白如何使用它，不需要付出過(guò)度的努力，或者遇到不必要的麻煩。
按照定義，可用性就可以分解為以下維度來(lái)描述：有用、可學(xué)習(xí)、可記憶、有效、高效、可期待、令人愉悅。
張小龍的秒變小白理論，跟這個(gè)意思是一樣的。
產(chǎn)品做到讓小白都能輕易上手，就是可用性的高境界，這個(gè)事情如何做到呢？來(lái)看下作者定義的Krug可用性定律。
2.Krug可用性定律
Krug 可用性第一原理：
don’t make me think
最重要的一個(gè)事實(shí)是，用戶其實(shí)只會(huì)花費(fèi)很少的時(shí)間在我們的產(chǎn)品上。然而，產(chǎn)品里每項(xiàng)內(nèi)容都可能絆住用戶，每個(gè)疑惑都會(huì)加重用戶的負(fù)擔(dān)，分散對(duì)任務(wù)的注意力，如此，在細(xì)端末節(jié)上不斷地累積，用戶就會(huì)迷失其中；同時(shí)其實(shí)他們根本不喜歡花費(fèi)任何時(shí)間在設(shè)計(jì)背后的邏輯，他們只想快點(diǎn)完成任務(wù)，也就是don’t make me think。
所以，設(shè)計(jì)者應(yīng)該盡量做到，當(dāng)用戶看一個(gè)界面的時(shí)候，它應(yīng)該是不言而喻、一目了然、自我解釋的。
基于用戶使用網(wǎng)頁(yè)的三個(gè)鐵定事實(shí)：
1.不是閱讀而是匆匆掃描
2.不做最佳選擇，滿意即可
3.不追究到底，而是勉強(qiáng)應(yīng)付。
產(chǎn)品設(shè)計(jì)者應(yīng)該順勢(shì)而為，運(yùn)用為掃描而生的設(shè)計(jì)法則：
1.盡量利用習(xí)慣用法
2.建立有效的視覺(jué)層級(jí)
3.劃分清晰區(qū)域
4.明顯標(biāo)記可點(diǎn)擊區(qū)域
5.降低視覺(jué)噪聲
6.標(biāo)記好行文格式
其中最值得注意到是建立有效的視覺(jué)層級(jí)這點(diǎn)。
視覺(jué)層級(jí)這個(gè)有點(diǎn)類似于雜志排版，但是會(huì)比它復(fù)雜且重要。好的視覺(jué)層次通過(guò)預(yù)先處理頁(yè)面，用一種我們能理解的方式對(duì)頁(yè)面內(nèi)容進(jìn)行組織和區(qū)分優(yōu)先級(jí)，減少了我們的工作。而分解一個(gè)視覺(jué)層次有問(wèn)題的頁(yè)面，就像是讀一個(gè)病句，必然浪費(fèi)時(shí)間。
另外一點(diǎn)是值得注意的是習(xí)慣用法：
設(shè)計(jì)師總是有創(chuàng)新和變化的傾向（PM也是設(shè)計(jì)師），但是用戶沒(méi)必要為相近的輪子花費(fèi)學(xué)習(xí)成本。創(chuàng)新自然還是個(gè)好事情，但是如果要取代習(xí)慣用戶習(xí)慣，請(qǐng)先保證：
1.新的方法同樣的不言而喻，沒(méi)有學(xué)習(xí)曲線，跟習(xí)慣用法一樣好；
2.或者帶來(lái)很大的價(jià)值，為此值得用戶付出一點(diǎn)努力來(lái)學(xué)習(xí)。
Krug可用性第二定律：
點(diǎn)擊多少次都沒(méi)有關(guān)系，只要是每次點(diǎn)擊都無(wú)須思考、明確無(wú)誤的選擇。
web設(shè)計(jì)者有時(shí)會(huì)拘泥于一個(gè)任務(wù)必須限定在5個(gè)頁(yè)面的流程內(nèi)完成。
其實(shí)呢，明確的指引遠(yuǎn)比操作多少次，要重要的多（在加載速度不成為阻礙的情況下）。在錯(cuò)誤的方向上，效率越高越可怕，所以用戶比起多操作幾下，更重要的是別走錯(cuò)地方。
作者量化了一下，其實(shí)三次無(wú)須思考、明確無(wú)誤的點(diǎn)擊相當(dāng)于一次需要思考的點(diǎn)擊。
Krug可用性第三定律：
去掉頁(yè)面上一半的文字，然后將剩下的文字再去掉一半。
意思是，web設(shè)計(jì)文本實(shí)在是太多了，堅(jiān)定地去掉多余的內(nèi)容，精簡(jiǎn)文本，良心建議。
3.導(dǎo)航設(shè)計(jì)
再一個(gè)驚悚的事實(shí)：如果在網(wǎng)站上找不到方向，人們不會(huì)使用你的網(wǎng)站。
因?yàn)閣eb空間是感受不到大小，感受不到方向，感受不到位置，并沒(méi)有現(xiàn)實(shí)的物理上的參照物。沒(méi)有線索，無(wú)窮無(wú)盡，不知道何時(shí)停止。空間加上時(shí)間感知的缺失，我們迷失其中，而且可能每次都迷失，在每個(gè)步驟都迷失跑偏。
所以為了解決這種迷失，設(shè)計(jì)上有兩個(gè)關(guān)鍵點(diǎn)可以給予用戶確定和安心感：一個(gè)是主頁(yè)，它可以給你重新開始的機(jī)會(huì)；另一點(diǎn)重點(diǎn)是導(dǎo)航，web導(dǎo)航通過(guò)具體化網(wǎng)絡(luò)的層次結(jié)構(gòu)補(bǔ)償了這種缺失的空間感，營(yíng)造出某種位置的感覺(jué)。
web導(dǎo)航里關(guān)鍵的組成是永久導(dǎo)航跟面包屑。
導(dǎo)航中的永久導(dǎo)航是每個(gè)頁(yè)面都有的導(dǎo)航元素，在每一頁(yè)以一致的外觀出現(xiàn)在同樣的位置，會(huì)讓你確認(rèn)自己仍然待在這個(gè)網(wǎng)站上，這個(gè)比你想象中重要。而且，一致性意味著，只需要學(xué)習(xí)一次。
面包屑導(dǎo)航是你的操作路徑，告訴你從主頁(yè)到當(dāng)前頁(yè)位置的軌跡，并且能讓你在網(wǎng)站中更加容易地回到更高層次的內(nèi)容，本質(zhì)上就是你走出迷宮的線團(tuán)。
4.主頁(yè)設(shè)計(jì)
主頁(yè)本身就承載著網(wǎng)站的全局展示的任務(wù)，比如展示站點(diǎn)層次、導(dǎo)讀、內(nèi)容推薦、功能推薦、更新內(nèi)容、友情鏈接、注冊(cè)與搜索等，還肩負(fù)著向用戶展示他正在找的內(nèi)容、告訴用戶從哪里開始以及建立信任感等抽象任務(wù)，無(wú)奈的現(xiàn)實(shí)是主頁(yè)因?yàn)榱髁咳肟诘年P(guān)鍵地位，成為團(tuán)隊(duì)內(nèi)部各角色必爭(zhēng)之地，很容易變得臃腫。所以主頁(yè)的設(shè)計(jì)必須要折中。
但在折中的過(guò)程中，最容易忽略的一點(diǎn)：主頁(yè)要傳達(dá)整體形象。
好的主頁(yè)需要一眼之內(nèi)，毫不費(fèi)力地回答四個(gè)問(wèn)題：
1.這是什么網(wǎng)站？
2.網(wǎng)站上有些什么？
3.我能在這里做什么？
4.為什么我應(yīng)該在這里而不是在別的什么地方？
作者由此引出web設(shè)計(jì)爆炸理論（跟宇宙大爆炸一樣，在最初的時(shí)間定型宇宙的形態(tài)）:
web設(shè)計(jì)大爆炸理論
訪問(wèn)一個(gè)新網(wǎng)站，或者一個(gè)新的網(wǎng)頁(yè)，最初的那幾秒鐘特別重要。
人們得到最初的錯(cuò)誤印象，然后以此來(lái)解釋之后看到的一切內(nèi)容。如果一開始的印象是錯(cuò)誤的，就會(huì)得到越來(lái)越多的誤解；如果一開始就迷路，那么到最后就會(huì)越來(lái)越迷路。
web設(shè)計(jì)師注意了：你只有50毫秒留下良好的第一印象。
所以，一開始就順利，是很重要的。
公地悲劇
公地悲劇的意思是任何共享的資源（公有的區(qū)域）都會(huì)因?yàn)檫^(guò)度使用而遭到破壞。
主頁(yè)最糟糕情況的是有著想要推銷所有項(xiàng)目的傾向（主頁(yè)為市場(chǎng)文化成員的必爭(zhēng)之地）。
在主頁(yè)上增加更多的項(xiàng)目得到的和付出的不一致。得到推薦的欄目獲得巨大的訪問(wèn)量，但是主頁(yè)因此變得混亂，而引起的總體有效性損失，則是所有欄目一同承擔(dān)的。
為了防止公地悲劇，要么使用別的流量入口推薦，要么在主頁(yè)上得設(shè)立專門推薦位，輪流使用。
5.信仰之戰(zhàn)
這里指的是團(tuán)隊(duì)里面對(duì)于產(chǎn)品設(shè)計(jì)的爭(zhēng)論、對(duì)于可用性的理解往往如信仰之戰(zhàn)一樣，無(wú)休無(wú)止；且由大量無(wú)法驗(yàn)證的個(gè)人信仰組成——大體上是為了在某些重要問(wèn)題上最好取得一致；而且，很少能讓人改變他們?cè)瓉?lái)的看法。
信仰之戰(zhàn)是因?yàn)閭€(gè)性偏好、職位偏向、工程文化vs市場(chǎng)文化和誤以為存在普遍用戶等四點(diǎn)原因。
-個(gè)人偏好不詳述；
-職位偏向的差異，我們采用書中不同職位眼中的最好主頁(yè)來(lái)截圖來(lái)說(shuō)明（所以才需要PM來(lái)取舍協(xié)調(diào)不是么）；
-代表市場(chǎng)文化的市場(chǎng)、業(yè)務(wù)、管理者等出于投資、戰(zhàn)略、市場(chǎng)的目的給出需求，由工程文化為代表的設(shè)計(jì)師、工程師等來(lái)實(shí)現(xiàn)，藝術(shù)跟商業(yè)天然的矛盾也會(huì)加劇爭(zhēng)執(zhí)，許多不合理的設(shè)計(jì)也往往來(lái)對(duì)市場(chǎng)文化的武斷指令的妥協(xié)。
-作者觀察到，實(shí)際上而言，并沒(méi)有什么普遍用戶的喜好，可以一錘定音地權(quán)衡設(shè)計(jì)的好壞，所有的web用戶都是獨(dú)一無(wú)二的，對(duì)web使用都是不一樣的。
所以呢，總結(jié)而言，良好的、一體化的設(shè)計(jì)能滿足需要，也就是說(shuō)，經(jīng)過(guò)仔細(xì)考慮、實(shí)現(xiàn)和測(cè)試的設(shè)計(jì)就是最好的。
對(duì)于信仰之戰(zhàn)而言，解決方法有兩個(gè)：
第一個(gè)，是在討論的時(shí)候給出場(chǎng)景，這個(gè)設(shè)計(jì)在這樣的頁(yè)面這樣的上下文當(dāng)中，可以使得大部分的用戶產(chǎn)生良好的體驗(yàn)么？
第二個(gè)是，測(cè)試測(cè)試測(cè)試，觀察人們實(shí)際的用法和看法。
6.可用性測(cè)試
關(guān)于可用性測(cè)試的真相是：
1.如果想要建立一個(gè)優(yōu)秀的網(wǎng)站，一定要測(cè)試；
2.測(cè)試一個(gè)用戶比不做測(cè)試好一倍?？捎眯詼y(cè)試總會(huì)有效果，哪怕用錯(cuò)誤的用戶做一次最糟糕的測(cè)試；
3.在項(xiàng)目中，早點(diǎn)測(cè)試一位用戶好過(guò)最后測(cè)試50位用戶。早點(diǎn)測(cè)試，早點(diǎn)運(yùn)用結(jié)果。一旦投入使用，修改就不容易了。
書中給出了可用性測(cè)試的詳細(xì)流程，也可以查看文末的腦圖。
7. web設(shè)計(jì)vs移動(dòng)設(shè)計(jì)
關(guān)于可用性原理上，兩者并沒(méi)有什么區(qū)別。
是移動(dòng)產(chǎn)品也有特殊性：
-移動(dòng)設(shè)計(jì)的扁平化趨勢(shì)，如果沒(méi)有其余的視覺(jué)線索代為補(bǔ)充，就會(huì)降低可用性；
-移動(dòng)的由于屏幕的收窄，管理屏幕空間的時(shí)候注意不得以犧牲可用性為代價(jià)；
-按鈕、輸入框等視覺(jué)線索同樣不應(yīng)該被隱藏；
-移動(dòng)產(chǎn)品的復(fù)雜降低了本身的可學(xué)習(xí)性跟可記憶性。這些都是要注意的點(diǎn)。
任何類別的設(shè)計(jì)的本質(zhì)，就是處理各種約束和妥協(xié)。
約束是哪些你必須遵從的和不能去做的地方，妥協(xié)是為了服從約束而作出的不夠理想的選擇。
總結(jié)
近似而言，web可用性其實(shí)就是用戶體驗(yàn)。
可用性的定義是，讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人（甚至稍低于平均水平）能明白如何使用它，不需要付出過(guò)度的努力，或者遇到不必要的麻煩。可用性最為重要的定律是【別讓我思考】，設(shè)計(jì)者應(yīng)該盡量做到，當(dāng)用戶看一個(gè)界面的時(shí)候，它應(yīng)該是不言而喻、一目了然、自我解釋的。頁(yè)面點(diǎn)擊多少次不是重點(diǎn)，而頁(yè)面要做到內(nèi)容精簡(jiǎn)，去掉一切不必要的。
因?yàn)閣eb特有的空間時(shí)間迷失特性，web產(chǎn)品的重點(diǎn)設(shè)計(jì)在于導(dǎo)航設(shè)計(jì)跟主頁(yè)設(shè)計(jì)，分別提供網(wǎng)絡(luò)的層次結(jié)構(gòu)補(bǔ)償了缺失的空間感，以及向用戶傳達(dá)整體的形象。團(tuán)隊(duì)中必然存在對(duì)可用性的爭(zhēng)執(zhí)，這個(gè)信仰之戰(zhàn)得靠可用性測(cè)試來(lái)解決，無(wú)論實(shí)施效果怎樣，可用性測(cè)試總是值得的。
在可用性應(yīng)用方面，web設(shè)計(jì)跟移動(dòng)設(shè)計(jì)沒(méi)有原理上大差別，但是移動(dòng)產(chǎn)品確實(shí)有自己的特性，尤其需要在視覺(jué)線索上注意。
后記
李笑來(lái)曾經(jīng)介紹過(guò)有一類知識(shí)是不可逆的，當(dāng)你知道了之后，世界就完全不同了，而且沒(méi)有辦法回到原來(lái)的樣子中去。
可用性的理念當(dāng)屬此類，你一旦知道，不管實(shí)際書上的內(nèi)容記得多少，你都會(huì)在產(chǎn)品設(shè)計(jì)中有意無(wú)意地應(yīng)用，這就是為什么強(qiáng)烈推薦大家自己讀一遍的原因。
如果你能記得住就更好了，因?yàn)槟憬^對(duì)會(huì)在產(chǎn)品設(shè)計(jì)方案爭(zhēng)執(zhí)時(shí)用得上。
如前所述，書中標(biāo)題結(jié)構(gòu)有些散，所以我在重讀的時(shí)候順帶將腦圖也重做了一遍，是個(gè)很詳細(xì)的版本，在文末附上，供大家參考。
