@圍脖上的嘟嘟王子 ：《Don’t Make Me Think》作為設(shè)計(jì)師的必備讀物，如果你還沒(méi)看過(guò)，不妨看一下這篇總結(jié)筆記。這本書(shū)有13章，我選取了9個(gè)比較重要的點(diǎn)來(lái)記錄，附上國(guó)內(nèi)的相關(guān)案例，方便大家學(xué)習(xí)理解。

作者是Steve krug，他是一名可用性咨詢(xún)師。他平時(shí)的工作內(nèi)容和流程可以供大家了解和參考：

• 客戶(hù)發(fā)來(lái)新產(chǎn)品的網(wǎng)站地址或者設(shè)計(jì)原型
• 他進(jìn)行試用，向用戶(hù)一樣執(zhí)行任務(wù)，然后把問(wèn)題記錄下來(lái)
• 他安排客戶(hù)會(huì)議，描述這些問(wèn)題，幫助用戶(hù)決定哪些是最急于修復(fù)的，并確定最佳修復(fù)方案
• 客戶(hù)支付報(bào)酬

作者對(duì)可用性的定義：

• 有用：能否幫助人們完成一些必須的事務(wù)？
• 可學(xué)習(xí)：人們能否快速明白如何使用它？
• 可記憶：人們每次使用的時(shí)候，是否都需要重新學(xué)習(xí)？
• 有效：它們能完成任務(wù)嗎？
• 高效：它們是否只需要花費(fèi)適當(dāng)?shù)臅r(shí)間和努力就能完成任務(wù)？
• 合乎期望：是人們想要的嗎？
• 令人愉悅：人們使用它的時(shí)候覺(jué)得有意思甚至好玩嗎？

接下來(lái)就是文章里的一些重點(diǎn)了。

一、可用性第一定律 - 別讓我思考

讓用戶(hù)第一眼看到你的網(wǎng)站就能明白，一目了然，不用思考。

假如用戶(hù)需要思考，哪怕很短暫，也要消除這些問(wèn)號(hào)。

二、關(guān)于用戶(hù)是如何使用Web 的三個(gè)事實(shí)

我們并不是閱讀，而是掃描

我們總是任務(wù)在身，，我們知道自己不必閱讀所有內(nèi)容，我們善于掃描。

我們不會(huì)執(zhí)著于最佳選擇，而是滿(mǎn)意即可

用戶(hù)總是處于忙碌之中，如果猜錯(cuò)了也不會(huì)產(chǎn)生什么嚴(yán)重后果，花費(fèi)精力做最佳選擇也并沒(méi)有太大改善，猜測(cè)更有趣。

用戶(hù)不是追根究底，而是勉強(qiáng)應(yīng)付

這對(duì)用戶(hù)來(lái)說(shuō)并不重要，用戶(hù)不會(huì)花費(fèi)太多精力試用新產(chǎn)品，如果發(fā)現(xiàn)這個(gè)東西能用，用戶(hù)就會(huì)一直用下去

三、做設(shè)計(jì)時(shí)需要注意的重要方面

盡量利用習(xí)慣用法

如果你準(zhǔn)備創(chuàng)新，最好暫時(shí)保留人們的習(xí)慣性用法，再慢慢替換。

QQ的抽屜欄更多的是要適應(yīng)大屏?xí)r代的手勢(shì)操作，即抽屜欄向右滑出，但也保留了人們點(diǎn)擊右上角頭像的習(xí)慣性做法

建立有效的視覺(jué)層次；

把頁(yè)面劃分成明確定義的區(qū)域；

明顯標(biāo)識(shí)可以點(diǎn)擊的地方；

最小化干擾；

為內(nèi)容創(chuàng)建清楚的格式，以便掃描；

四、網(wǎng)頁(yè)或APP中的提示/指示該怎么做？

簡(jiǎn)短：只需要提供最少的信息來(lái)幫助用戶(hù)
及時(shí)：放在用戶(hù)正好需要它的地方
不會(huì)錯(cuò)過(guò)：設(shè)置合適的格式，保證我一定會(huì)注意到它。

有的提示一閃而過(guò)，比如保存成功、修改成功、支付成功等等；有的提示卻需要用戶(hù)手動(dòng)關(guān)閉，例如下圖的兩個(gè)例子，天貓為了讓用戶(hù)感知到經(jīng)驗(yàn)值發(fā)放成功，在消息位置給出了提示，即使你打開(kāi)新的天貓頁(yè)面，這個(gè)提示依舊存在，直到你注意到并關(guān)閉它；還有微信公眾平臺(tái)的編輯器，如果未輸入標(biāo)題便進(jìn)行發(fā)布，提示也會(huì)一直存在標(biāo)題上方。因此在做設(shè)計(jì)時(shí)，提示的位置、出現(xiàn)的時(shí)間、是需要用戶(hù)重視還是忽略，都需要我們認(rèn)真考慮。

五、省略多余的文字

消滅歡迎詞，消滅冗長(zhǎng)的引導(dǎo)、指示文字。

如下圖的閃屏頁(yè)面，都做得非常簡(jiǎn)潔，一個(gè)logo或者一張極具產(chǎn)品思想的圖片即可讓人記住

很多APP喜歡把引導(dǎo)頁(yè)做的很精美，一般用來(lái)告訴用戶(hù)新的功能，但你有沒(méi)有 發(fā)現(xiàn)，微信從未做過(guò)任何引導(dǎo)頁(yè)面，因?yàn)槲⑿胖来蟛糠钟脩?hù)都會(huì)之直接忽略?？聪聢D的引導(dǎo)頁(yè)，你真的會(huì)閱讀這些引導(dǎo)文字嗎？

當(dāng)然，如果你能把引導(dǎo)頁(yè)面做的很有趣，例如用動(dòng)畫(huà)，或者演示來(lái)吸引用戶(hù)，會(huì)讓用戶(hù)對(duì)產(chǎn)品好感滿(mǎn)滿(mǎn)。如果沒(méi)那個(gè)自信，還是不要了。

六、如何設(shè)計(jì)導(dǎo)航

用戶(hù)來(lái)到網(wǎng)站通常會(huì)做兩件事：瀏覽或者搜索，盡管你的網(wǎng)站側(cè)重不同，但最好同時(shí)提供給用戶(hù)。

如下圖：騰訊新聞?dòng)脩?hù)雖然多以瀏覽為主，但也在抽屜欄里提供了搜索入口。用戶(hù)的搜索的需求頻率雖然低，但卻并不是多此一舉，試想當(dāng)你看過(guò)某個(gè)新聞時(shí)想分享給朋友看的時(shí)候，卻發(fā)現(xiàn)早就被淹沒(méi)難以尋找，這個(gè)時(shí)候如果沒(méi)有搜索入口解決用戶(hù)燃眉之急，用戶(hù)對(duì)APP的評(píng)價(jià)將會(huì)大打折扣。

百度當(dāng)然主打：百度一下。但用戶(hù)也時(shí)常不知道搜索些什么，這時(shí)候?yàn)g覽頁(yè)面上的時(shí)事熱點(diǎn)也是非常好的選擇。

始終都能讓用戶(hù)返回主頁(yè)

如下圖：在小米商城，無(wú)論你在哪個(gè)頁(yè)面瀏覽，鼠標(biāo)hover上左上角的小米logo，logo就會(huì)變?yōu)橹黜?yè)icon，指引你回家。

每個(gè)頁(yè)面都需要一個(gè)名稱(chēng)，這個(gè)名稱(chēng)需要出現(xiàn)在合適的位置，并且和鏈接一致

對(duì)于大型網(wǎng)站來(lái)說(shuō)，面包屑指示非常重要，注意將它們的放在頂層，用 >號(hào)做間隔，并加粗最后一個(gè)元素。

如下圖：淘寶里的面包屑指示想必大家最為熟悉，他們便捷不言而喻。

附上面包屑導(dǎo)航小故事來(lái)幫助大家記憶：很久很久以前，在大森林的邊上住著一個(gè)貧窮的樵夫，他與妻子和兩個(gè)孩子相依為命。他的兒子名叫漢塞爾，女兒名叫格萊特。后來(lái)樵夫的妻子去世了，他又給孩子們?nèi)⒘艘粋€(gè)后母。后母計(jì)劃把兩個(gè)孩子帶到森林的深處，然后趁他們睡著的時(shí)候跑掉。漢賽爾無(wú)意中知道了后母的計(jì)劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時(shí)地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時(shí)候溜掉了，漢賽爾和格萊特醒來(lái)已是一片漆黑。漢賽爾安慰他的妹妹說(shuō)：“等太陽(yáng)一出來(lái)，我們就看得見(jiàn)我撒在地上的面包屑了，它一定會(huì)指給我們回家的路?！边@是一個(gè)悲慘的故事，我并沒(méi)有講完。只希望童話里的兄妹兩個(gè)順利回家了。

七、如何設(shè)計(jì)網(wǎng)站的主頁(yè)

傳達(dá)整體形象，?當(dāng)用戶(hù)進(jìn)入一個(gè)新的網(wǎng)站，主頁(yè)一定要能回答以下四個(gè)問(wèn)題：

• 這是什么網(wǎng)站？
• 網(wǎng)站上有些什么？
• 我能在這里做什么？
• 為什么我要在這個(gè)網(wǎng)站，而不是別的？

八、不要做那些浪費(fèi)時(shí)間的爭(zhēng)論了，聽(tīng)聽(tīng)用戶(hù)的想想法吧

市場(chǎng)、產(chǎn)品、開(kāi)發(fā)、設(shè)計(jì)由于專(zhuān)業(yè)不同而觀點(diǎn)不同，反復(fù)的爭(zhēng)辯既浪費(fèi)時(shí)間又消耗團(tuán)隊(duì)經(jīng)歷

九、如何做可用性測(cè)試

• 每個(gè)開(kāi)發(fā)團(tuán)隊(duì)?wèi)?yīng)該每個(gè)月安排一個(gè)上午進(jìn)行一次可用性測(cè)試
• 作者認(rèn)為每輪測(cè)試3個(gè)用戶(hù)即可，選取接近你目標(biāo)用戶(hù)的新手用戶(hù)。
• 鼓勵(lì)利益相關(guān)者-團(tuán)隊(duì)成員、市場(chǎng)、產(chǎn)品、開(kāi)發(fā)人員等觀看測(cè)試。

測(cè)試流程：

• 簡(jiǎn)單介紹測(cè)試如何進(jìn)行（約4分鐘）
• 了解測(cè)試者，比如他們是不是計(jì)算機(jī)高手，有沒(méi)有玩過(guò)類(lèi)似網(wǎng)站（約2分鐘）
• 主頁(yè)觀光，觀察用戶(hù)在主頁(yè)看到了什么，如何操作（約3分鐘）
• 任務(wù)測(cè)試，這是測(cè)試的核心部分，讓測(cè)試者執(zhí)行一些列任務(wù)，并觀察他們遇到的問(wèn)題（約35分鐘）
• 和團(tuán)隊(duì)開(kāi)展總結(jié)會(huì)，決定修復(fù)哪些問(wèn)題
• 收集一份問(wèn)題列表
• 選擇10個(gè)最嚴(yán)重的問(wèn)題
• 問(wèn)題評(píng)級(jí)
• 建立一份排序列表
• 將小問(wèn)題建立另一份清單（這些問(wèn)題不需要評(píng)審就能完成）
• 抑制添加的沖動(dòng)，多用刪除法，少用加法
• 不要太看重人們對(duì)新功能的要求
• 忽略“kayak”問(wèn)題，用戶(hù)出現(xiàn)暫時(shí)性錯(cuò)誤，但能很快自我恢復(fù)，也稱(chēng)皮劃艇問(wèn)題，只要及時(shí)恢復(fù)正常，就是一種樂(lè)趣而已。

九、可用性是基本禮貌

降低用戶(hù)好感的幾種方式，請(qǐng)避免

• 隱藏我想要的信息
• 因?yàn)闆](méi)有按照你們的方式操作而懲罰我
• 向我詢(xún)問(wèn)太多不必要的信息，比如私人信息
• 敷衍我、欺騙我
• 給我設(shè)置障礙
• 你的網(wǎng)站看上去似乎不那么專(zhuān)業(yè)，例如布局、顏色等

提高好感的幾種方式，多使用

• 知道人們想要在你的網(wǎng)站上做什么，并讓網(wǎng)站簡(jiǎn)單易懂
• 告訴我我想知道的
• 盡量減少步驟
• 知道我可能有哪些疑問(wèn)，并給與解答
• 為我提供協(xié)助，例如客服
• 容易從錯(cuò)誤中恢復(fù)
• 如有不確定，記得道歉

這本書(shū)的讀書(shū)筆記到這里就結(jié)束了，當(dāng)然，筆記只能幫助我們快速回憶書(shū)里的內(nèi)容，還是建議大家去購(gòu)買(mǎi)這本書(shū)詳細(xì)閱讀。

寫(xiě)在最后：在和產(chǎn)品經(jīng)理發(fā)生激烈交鋒的時(shí)候，理論知識(shí)是襯托你專(zhuān)業(yè)性的強(qiáng)大依據(jù)，設(shè)計(jì)不單純是你能做到，更是你能說(shuō)出為什么這么做，共勉。

最后，歡迎大家關(guān)注我的我的微信號(hào)：交互筆記，不定期更新。

【了解偉大企業(yè)的歷史變遷】

“不作惡”企業(yè)谷歌的首頁(yè)變遷史
《生日快樂(lè)！那些年我們用過(guò)的谷歌首頁(yè)》

設(shè)計(jì)的趨勢(shì)從此可見(jiàn)一斑！
《漲姿勢(shì)！從蘋(píng)果官網(wǎng)細(xì)看20年設(shè)計(jì)變遷史》

連邀請(qǐng)函都有濃濃的設(shè)計(jì)范兒！
《向經(jīng)典致敬！帶你看十年來(lái)蘋(píng)果發(fā)布會(huì)的邀請(qǐng)函》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量112萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com