《Don't make me think》它的副標(biāo)題是“訪客至上的web和移動可用性設(shè)計秘籍”。

它是我入行第一本產(chǎn)品類書籍，對彼時還是職場萌新的我而言（初入獵聘時連“面包屑導(dǎo)航”都不知何物），不可謂不大，也可以說此書是我業(yè)務(wù)能力的基石（雖然現(xiàn)在還在精進的路上）。

時隔多年，趁著疫情期間review一遍本書，強化記憶。

深切覺得，老外書籍一點都不“裝逼”，國內(nèi)書籍大多是讓人覺得概念眼花繚亂，空而無物；而國外書籍，特別是美國書籍，常常是把復(fù)雜的概念簡單化形象化的闡釋。

帶著欣賞作品的眼光讀此書吧。

像是身邊有位老友的諄諄教誨，教導(dǎo)產(chǎn)品經(jīng)理怎么做一款人性化的產(chǎn)品。

Part 0 序言

1.作者寫本書第一版，正好趕上2000年互聯(lián)網(wǎng)泡沫破碎，2006再版。

2.互聯(lián)網(wǎng)13年像現(xiàn)實世界100年那么長。

3.這個世界已經(jīng)變了：硬件技術(shù)、網(wǎng)絡(luò)、用戶體驗設(shè)計成為主流。

4.萬變不離其宗：產(chǎn)品是關(guān)于人的設(shè)計，技術(shù)可以日新月異迭代但是人性演化很慢。

5.作者身份：可用性專家——把迷惑地方記下來并call會，或提交報告。（國內(nèi)是否應(yīng)該也有此工種）

6.一條關(guān)鍵的可用性原理：某個東西需要投入的時間越多，或看起來那樣，它將來就會用得越少。

7.可用性：有用、可學(xué)習(xí)、可記憶、有效高效、合乎預(yù)期、令人愉悅“爽”。（個人理解：產(chǎn)品要最大程度地對用戶向下兼容）

1

指導(dǎo)原則

Part 1 別讓我思考：Krug可用性第一定律

1.別讓我思考：終極法則

進入頁面一定是不言而喻、一目了然、自我解釋的。

強迫我們思考的地方——“小朋友你是否有很多問號”：文案、形式（是否可點擊）、布局等。

2.如果你做不到不言而喻，至少要做到自解釋（美圖秀秀）

3.為什么它那么重要：讓一切看起來美好（好的數(shù)字建筑）

Part 2 我們實際上是如何使用Web的：掃碼、滿意即可、勉強應(yīng)付

1.第一個事實：我們不是閱讀，而是掃描（人類習(xí)慣）

對3類感興趣：a.與手頭任務(wù)有關(guān) b.我們個人興趣 c.潛意識“免費、大減價、美女，自己名字”

2.第二個事實：我們不做最佳選擇，而是滿意即可

《力量之泉：人們?nèi)绾巫龀鰶Q策》，主觀意愿而非決策模型。（生活中大量都是潛意識在做決策，否則人會累死）。

3.第三個事實：我們不是追根究底，而是勉強應(yīng)付

人們不會以設(shè)計師的方式用硬件或軟件，但也能用得大差不離。

a.對我們來說不重要的事情 b.發(fā)現(xiàn)某個東西能用就一直用它（所以給老年人講手機等科技產(chǎn)品使用，會是好項目）

但是讓用戶用得符合預(yù)期、容易上手，才能發(fā)展為老用戶及更好地服務(wù)他們。

4.如果生活給了你檸檬

就像設(shè)計了不起的廣告牌吧。

Part 3 廣告牌設(shè)計101原則：為掃描設(shè)計而不為閱讀設(shè)計

（101法則：比喻別人知道100條，你知道101條）

1.習(xí)慣用法是你的好幫手——符合用戶心智/潛意識

替代方案a.同樣不言而喻 b.帶來很大價值（用戶價值=新體驗-舊體驗-替換成本）

簡潔勝過一致。

2.建立有效的視覺層次

重要部分突出、邏輯上相關(guān)視覺上也相關(guān)、有內(nèi)在邏輯的部分嵌套（信息架構(gòu)）

3.把頁面劃分成明確定義的區(qū)域

廣告盲點（樂居m站）

4.明顯標(biāo)識可以點擊的地方《日常事務(wù)設(shè)計心理學(xué)》

5.降低視覺噪聲

三類視覺噪聲：眼花繚亂、組織不當(dāng)、太過密集。（有罪推定法，來降低視覺噪聲）

6.為文本設(shè)置格式，以便掃描：使用標(biāo)題、加粗、與內(nèi)容緊密度、保持段落簡短

參考《消除文字》。

Part 4 動物植物微生物：為什么用戶喜歡無需思考的選擇

1.krug可用性第二定律：點擊多少次沒關(guān)系，只要無需思考準(zhǔn)確無誤。3次無需思考的點擊相當(dāng)于1次需要思考的點擊。

2.《有效的表單：為可用性設(shè)計web表單》

3.必要的幫助支持：簡短、及時、不會錯過（倫敦街角的指示）。

Part 5 省略多余的文字：不要在web上寫作的藝術(shù)

1.krug可用性第三定律：去掉頁面上一半文字，把剩下的再去掉一半。

2.消滅歡迎詞。

3.消滅指示文字（或只留必要部分）。

2

必須正確處理的幾個方面

Part 6 街頭指示牌和面包屑：設(shè)計導(dǎo)航

1.如果在產(chǎn)品內(nèi)找不到方向，人們不會使用它。

2.網(wǎng)絡(luò)導(dǎo)航101法則

通常是為了某個目標(biāo)（“大明用戶”）。

你會決定先詢問還是先瀏覽（詢問是搜索）一部分是搜索狂用戶，另一部分是鏈接狂用戶。

如果選擇瀏覽，則在鏈接中穿行。

找不到想要的東西，那么你會離開。

3.無法承受的瀏覽之輕：與物理建筑不同，數(shù)字建筑感覺不到大小、方向、位置（收藏的重要性）

主頁及tabbar就是一個“北極星”。

4.導(dǎo)航用途：告訴我們有什么、如何使用、建造者的信心。

5.全局導(dǎo)航內(nèi)容：站點+欄目+實用工具+搜索（APP也適用，特別是分享出去的頁面），子頁面都有返回主頁方法。

6.搜索：避免花哨用詞+指示說明（“輸入關(guān)鍵字”會顯得很土）+搜索范圍。

7.對低層次的導(dǎo)航重視不夠，用戶在子頁面花費最多的時間；頁面名稱，及點擊相關(guān)性；web要有面包屑導(dǎo)航；Tab受人喜歡。

8.“后備箱測試”

Part 7 Web設(shè)計中的大爆炸理論：讓人順利開始的重要性

1.想想主頁要完成的任務(wù)：站點標(biāo)識和使命、站點層次、搜索、導(dǎo)讀、內(nèi)容推介、功能推介、實時更新的內(nèi)容、交換鏈接、快捷方式、注冊。

2.同時還要完成：讓我看到自己在尋找的東西、我沒有尋找的、從哪里開始、建立可信度和信任感。

3.web設(shè)計的大爆炸理論：訪問一個網(wǎng)站，最初的幾秒特別重要（主頁及各種落地頁）。

要讓別人一眼知道：

Q1這是什么網(wǎng)站/產(chǎn)品？

Q2我能在這做什么？

Q3網(wǎng)站上有些什么？

Q4為什么我應(yīng)該在這里而不是別的地方？

4.如何傳達(dá)：口號、歡迎廣告、了解更多（介紹性視頻）、結(jié)構(gòu)清晰知道哪里搜索哪里瀏覽

5.為什么金鵝那么誘人——主頁擁擠的共有區(qū)域悲劇

3

確定你沒有做錯的幾件事

Part 8 農(nóng)場主和牧牛人應(yīng)該是朋友：如何避免爭論的浪費時間

1.很多研發(fā)團隊的“信仰大戰(zhàn)”——很少能夠讓人們改變原來的想法

2.更深層次原因——“職位情緒”

3.所有的web用戶都是獨一無二的，經(jīng)過仔細(xì)考慮、實現(xiàn)和測試的設(shè)計就是好的。沒有簡單“正確”的答案。

4.信仰大戰(zhàn)的解藥：測試，實地觀察人們對它的看法和用法。

Part 9 一天10美分的可用性測試：讓測試簡單

1.大部分測試完成的方式：太少了，太遲了，而且定義錯了測試內(nèi)容

2.焦點小組不是可用性測試

焦點小區(qū)：項目啟動時需求收集

可用性測試：觀看用戶使用一些東西的場景

3.關(guān)于測試的幾個事實

a.要做優(yōu)秀的產(chǎn)品，一定要測試；

b.測試一個用戶比不做測試好一倍：找一位志愿者之星一些任務(wù)，不超過10min，卻能避免很大的浪費；

c.早點測試以為用戶好過最后測試50位用戶。

4.自己做預(yù)算的可用性測試：

具體見作者另一本書《妙手回春，網(wǎng)站可用性測試及優(yōu)化指南》

找?guī)讉€參與者+一個共享屏幕可以觀看操作（在你身邊為你設(shè)計也參考此法）+寬松招募曲線上升

5.怎樣找到參與測試者

群組內(nèi)、分類信息網(wǎng)站、社交網(wǎng)站、鄰居朋友都可以，付費。

6.在哪里測試：安靜房間并加上一部電腦+屏幕共享軟件+錄屏軟件

7.選擇測試任務(wù)+準(zhǔn)備測試數(shù)據(jù)（賬戶數(shù)據(jù)等）

8.測試過程：歡迎部分+提問部分+主頁觀光+任務(wù)測試+問題探查+結(jié)束語

9.典型問題：用戶不清楚概念+找不到自己要找的字眼+內(nèi)容太多了。

10.問題評級：收集問題列表、投票選出最嚴(yán)重的10個問題、問題評級、建立bug列表并管理。

建議：抵制添加的沖動，要盡量做減法；不要太看重人們對新功能的要求（用戶是問題專家而不是方案專家）；忽略偶發(fā)問題。

4

大的方面和外界影響

Part 10?移動：不再只是亞拉巴馬州的一個城市了

1.蘋果最劃時代的發(fā)明是滾動+手勢，移動設(shè)備是未來的浪潮。

2.區(qū)別在哪里？基本可用性原則一致，只是移動得更快，閱讀量更小，更碎片化時間。

3.一切都是妥協(xié)：任何設(shè)計都是約束下的美學(xué)?！坝昧挚系脑捳f：你能做到的最好方式就是在某些時候取悅某些人”

4.狹小空間的苛刻：任何設(shè)計都是約束下的美學(xué)?！坝昧挚系脑捳f：你能做到的最好方式就是在某些時候。

層次更深；

能去掉的內(nèi)容就去掉；

可伸縮設(shè)計（動態(tài)布局、流式設(shè)計、自適應(yīng)設(shè)計、響應(yīng)式設(shè)計）非常繁瑣、難以完善；建議允許縮放、不要讓用戶站在門口、有各種版本切換的入口。

5.web沒有光標(biāo)=沒有懸停=沒有線索 但移動端不是

6.扁平化設(shè)計是朋友也是敵人

7.速度慢會給用戶帶來挫敗-載入內(nèi)容的選擇

8.移動應(yīng)用更需要可學(xué)習(xí)、記憶（Asketch手勢問題）

9.移動測試：錄屏和屏幕共享軟件（蘋果的AirPlay）。

Part 11 可用性是基本禮貌

1.產(chǎn)品三觀——做正確的事，為用戶考慮周到?！拔业漠a(chǎn)品值得尊敬嗎？”

（你的產(chǎn)品里有你的三觀，我為在sinaLJ做的與自己產(chǎn)品三觀相悖的事情而shame）

2.好感存儲器——NPS凈推薦值。

3.減分的方式：隱藏我想要的信息、因為我沒有按照你們的方式行事而懲罰我、詢問我不必要的私密信息、敷衍欺騙、給我設(shè)置障礙、網(wǎng)站看上去不專業(yè)。

4.加分的方式：知道人們想要什么，并明白簡易地提供；告訴我我想知道的；盡量減少步驟；花點心思；知道為毛有哪些疑問并解答；協(xié)助；容錯；如果崩了記得道歉。

Part 12?可訪問性和你

1.最大限度地向下兼容——老人、孩子、殘障人士。

2.如何做：改正所有人容易混淆的可用性問題、看兩本可訪問性書籍、小成本提升（合適的標(biāo)題、閱讀器、鍵盤訪問、明顯對比）。

3.創(chuàng)建一份可訪問性良好的模版。

Part 13?指點迷津

1.發(fā)現(xiàn)自己獨立無援，沒人支持可用性設(shè)計，你能做些什么？

2.首先清楚你的領(lǐng)地：以用戶為中心的設(shè)計和用戶體驗設(shè)計的異同點（一個是對產(chǎn)品，一個是對用戶全周期）

3.如何說服管理層：演示ROI、用他們的語言說話、讓老板觀看可用性測試。

在你的個人時間進行測試。理解管理層。弄清楚自己在公司中的位置。抱著分享知識而不是宣揚真理的心態(tài)。

版權(quán)歸（ID：老盧產(chǎn)品私房話）個人所有，轉(zhuǎn)載請注明出處，違者必究

歡迎關(guān)注公眾號【老盧產(chǎn)品私房話】看更多干貨，也歡迎微信我切磋溝通 ：）