? ? 用了一個星期的時間，抽空把這本《Don't make me think》看完了萍肆，可能是之前這本書被炒的太熱而讓我有過高的期望袍榆，又或者是我看這本書時是帶著學(xué)習(xí)的想法而沒有一個明確的目標(biāo)，也有可能是資質(zhì)太淺還沒有體會到精髓塘揣，總之讀完這本書后蜡塌，沒有很受益匪淺的感覺。因此勿负，很有必要把這本書的內(nèi)容總結(jié)一遍，再一次回顧可能會理解的多一點劳曹。

? ? 順便吐槽一下奴愉，這本書的中文版翻譯的真的不怎么樣，很是生硬铁孵，作者并不是在理解原文后用自己的語言描述出來锭硼，讓人感覺就是照著原文翻譯的，有些些失望~~

? ? 本書主要講的是關(guān)于產(chǎn)品的一些可用性設(shè)計蜕劝，如何設(shè)計才能讓用戶的體驗夠好檀头，讓用戶不用思考就能使用我們的產(chǎn)品，就像書名一樣——Don't make me think岖沛。

指導(dǎo)原則

1.別讓我思考

? ? 被讓我思考——產(chǎn)品對于用戶來說應(yīng)該是不言而喻暑始、一目了然、自我解釋的婴削。

? ? 例如命名的時候廊镜，應(yīng)該符合用戶的習(xí)慣，對用戶應(yīng)該顯而易見而不需要額外的思考唉俗。對于按鈕的設(shè)計嗤朴，應(yīng)該明顯是可以點擊配椭，而不要讓用戶思考是否可以點擊，一秒都不行雹姊。

? ? 如果你做不到讓頁面不言而喻股缸，那么至少要讓他自我解釋

? ? 用戶往往會花比我們想象的少得多的時間來瀏覽我們的網(wǎng)頁，因此如果想讓網(wǎng)頁有效吱雏，他們必須在用戶看到的第一眼就將自己展示出來敦姻。

2.我們實際上是如何使用web的

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

????人們一般會花極少的時間來閱讀大部分的頁面坎背，因為：

1）我們總是任務(wù)在身

2）我們知道自己不必閱讀所有內(nèi)容

3）我們善于掃描

? ? 我們不做最佳選擇替劈，滿意即可

? ? 絕大多數(shù)時間里我們不會選擇最好的，而是選擇一個過得去的得滤，因為：

1）我們總是處于忙碌中

2）如果猜錯了陨献，也不會產(chǎn)生什么嚴(yán)重的后果

3）對選擇進(jìn)行權(quán)衡并不會改善我們的機(jī)會

4）猜測更有意思，猜對了速度會更快懂更，更輕松眨业，有可能發(fā)現(xiàn)其他感興趣的內(nèi)容

? ? 我們不是追根究底，而是勉強(qiáng)應(yīng)付

? ? 很多人使用一些產(chǎn)品沮协，并不知道他們的原理龄捡，甚至腦海中是錯誤的理解，但這并不妨礙他們正常使用慷暂，因為：

1）這對我們來說并不重要聘殖，對很多人來說能夠正常使用就已足夠

2）如果發(fā)現(xiàn)某個東西能用，我們會一直使用它行瑞，而不太會去主動尋找更好的方法奸腺，除非偶然發(fā)現(xiàn)更好的方法。

????但是如果人們勉強(qiáng)應(yīng)付的時候太多血久，讓用戶弄明白就會很重要突照，因為：

1）他們更容易找到自己需要的東西，無論對用戶還是對你都好氧吐。

2）他們會更容易理解網(wǎng)站的服務(wù)范圍——不只是他們自己偶然看到的那些讹蘑。

3）你更可能引導(dǎo)他們到網(wǎng)站上你更希望他們看到的地方。

4）用戶會覺得自己更聰明筑舅，更能把握全局了座慰，這會讓他們成為老用戶。

3.廣告牌設(shè)計101法則

? ? 讓用戶更容易理解你的產(chǎn)品的幾個重要方面：

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

? ? 用戶在訪問不同的網(wǎng)站時翠拣，不需要付出額外的努力來得出背后的運行原理角骤。

? ? 如果不用則必須保證兩點：a:你使用的是一種同樣清楚同樣不言而喻，沒有學(xué)習(xí)曲線的方法；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? b:你給用戶帶來很大的價值邦尊，因此值得用戶付出一點努力來學(xué)習(xí)背桐。

? ? 一致性很重要，但是簡潔勝過一致（如果某種程度上打破一致性可以得到高度簡潔清楚的效果蝉揍，那么果斷選擇簡潔）链峭。

2）建立有效的視覺層次

? ? 越重要的部分越突出

? ? 邏輯上相關(guān)的部分在視覺上也相關(guān)

? ? 邏輯上包含的東西在視覺上嵌套

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

? ? 讓用戶可以很快決定關(guān)注頁面的哪些區(qū)域，或者放心地跳過哪些區(qū)域又沾。

4）明顯識別可以點擊的地方

5）最小化干擾

? ? 讓頁面不易理解的一個最大原因就是視覺噪音

? ? 最典型的三類噪音：a.眼花繚亂：所有內(nèi)容都重要的事實就是沒有什么東西會顯得重要

????????????????????????????????????b.組織不當(dāng)：頁面元素擺放毫無邏輯

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? c.太過密集：無關(guān)的內(nèi)容過多弊仪，淹沒了真正重要的內(nèi)容

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

? ? 讓頁面掃描起來更容易：a.充分使用標(biāo)題：他會告訴你每個部分的大意杖刷，幫你決定哪些地方需要 ????????????????????????????????????????????????閱讀励饵、掃描或者直接跳過。（注意：不同級別的標(biāo)題有著明顯的視覺? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 區(qū)分滑燃；讓標(biāo)題靠近由他們引導(dǎo)的內(nèi)容）

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? b.保持段落簡潔：避免讓用戶失去閱讀或者掃描的勇氣

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? c.使用符號列表：優(yōu)化可讀性

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? d.突出關(guān)鍵詞語：讓用戶容易找到役听，但是要避免被過多的關(guān)鍵字淹沒

4.為什么用戶習(xí)慣無需思考的選擇

? ? 用戶不介意到達(dá)目標(biāo)需要多少次點擊，只要每次點擊都是毫不費力的表窘，并且能讓用戶堅信自己的選擇正確

? ? 必要的幫助和支持：當(dāng)你不可避免要給我一個困難的選擇時典予，則需要用恰當(dāng)?shù)姆绞浇o我所需要的指引和幫助，但是不要再多了乐严！

? ? 指引需注意：1）簡短：只需要提供最少的信息來幫助我

? ? ? ? ? ? ? ? ? ? ? ? ? 2）及時：放在我正好需要他的地方

? ? ? ? ? ? ? ? ? ? ? ? ? 3）不會錯過：設(shè)置合適的格式瘤袖，保證我一定會注意到它

5.省略多余的文字

? ? 去掉沒人會看的文字：降低頁面的噪音；讓有用的內(nèi)容更加突出昂验；讓頁面更簡短捂敌，讓用戶在每個頁面上一眼就能看見更多的內(nèi)容，而不必滾動屏幕既琴。

? ? 歡迎詞必須消滅：歡迎詞就像是閑聊黍匾，內(nèi)容沒所謂，但大部分的用戶沒有時間閑聊呛梆，他們希望直截了當(dāng)。

? ? 指示文字必須消滅：當(dāng)指示文字不可避免時磕诊，盡量砍掉多余的部分填物，只留下最必要的一點點。

必須正確處理的幾個方面

6.街頭指示牌和面包屑

? ? 進(jìn)入站點霎终，你的路徑是：

????????找尋某個目標(biāo)——你會決定是先詢問還是先瀏覽——如果選擇瀏覽滞磺，你將會通過標(biāo)志的引導(dǎo)在層次結(jié)構(gòu)中穿行——最后，如果找不到想要的東西莱褒，你會離開击困。

? ? web上的特點就是：感覺不到大小；感覺不到方向阅茶；感覺不到位置（所以書簽這么重要蛛枚，主頁概念這么強(qiáng)）。

? ? web上的導(dǎo)航的作用就是通過具體化網(wǎng)站的層次結(jié)構(gòu)補(bǔ)償了這種缺失的空間感脸哀，營造出某種位置的感覺蹦浦。

? ? 導(dǎo)航：1）幫助我們找到想要的任何東西；

? ? ? ? ? ? ? ?2）告訴我們現(xiàn)在身在何處撞蜂；

? ? ? ? ? ? ? ?3）告訴我們這里有什么（通過層次結(jié)構(gòu)可視化告訴我們網(wǎng)站上有些什么）邢疙；

? ? ? ? ? ? ? ?4）它告訴我們?nèi)绾问褂镁W(wǎng)站（從哪開始嗡午，可以進(jìn)行哪些選擇）；

? ? ? ? ? ? ? ?5）他給了我們對網(wǎng)站建造者的信心（清楚、規(guī)劃得當(dāng)?shù)膶?dǎo)航是網(wǎng)站給人留下好印象的最好機(jī)會）

持久導(dǎo)航（全局導(dǎo)航）：

1）站點ID：通常在左上角儒陨，代表了整個網(wǎng)站，也就是說张症，它在當(dāng)前站點結(jié)構(gòu)上層次最高能庆。因此讓它成為頁面可視層次的首要位置有兩種方法：要么成為本頁最顯眼的內(nèi)容，要么涵蓋頁面所有其他元素闽寡。并且他應(yīng)該有的特點：一種獨特的字體代兵，一個可以識別的圖形，大小從按鈕到廣告牌不等爷狈。

2）欄目（主導(dǎo)航條）：是到達(dá)戰(zhàn)點主要欄目的鏈接植影，即站點層次結(jié)構(gòu)的最頂層。大部分情況下涎永，也會包含二級導(dǎo)航的顯示位置思币。

3）實用工具：到達(dá)網(wǎng)站中不屬于內(nèi)容層次的重要元素的鏈接，比如登錄注冊羡微，幫助谷饿，站點地圖，購物車妈倔，關(guān)于我們等等博投。實用工具的列表應(yīng)該沒有欄目那么明顯。

4）提供搜索：一般情況下盯蝴，每個頁面都應(yīng)該有一個搜索框或者一個到搜索頁面的鏈接毅哗，另外，除非你的網(wǎng)站真的不需要搜索捧挺，否則他應(yīng)該是一個搜索框虑绵。

其他注意事項：

? ? 每個頁面都需要一個名稱

? ? 頁面名稱需要出現(xiàn)在合適的位置

? ? 名稱要引人注目

? ? 名稱要和點擊的連接一致或者盡可能匹配

面包屑：

? ? 告訴你從主頁到當(dāng)前位置的軌跡，并讓人容易的回到更高層次的內(nèi)容

特征：1）把它們放在最頂層闽烙，頁面頂端翅睛，高于所有內(nèi)容時最有效。

? ? ? ? ? ?2）使用“>”對層級進(jìn)行間隔。

? ? ? ? ? ?3）加粗最后一個元素捕发。

7.web設(shè)計中的大爆炸理論

主頁需要完成的任務(wù)：

1）站點標(biāo)識和使命：告訴用戶這是什么網(wǎng)站疏旨，他是做什么的，我為什么應(yīng)該在這里爬骤。

2）站點層次：主頁給出網(wǎng)站服務(wù)的概貌（我能在這里找到些什么充石，我能做什么）

3）搜索：主頁需要一個突出顯示的搜索框

4）導(dǎo)讀：主頁需要用一些“里面有精彩內(nèi)容”的暗示來吸引我

5）內(nèi)容推介：突出最新、最好霞玄、最流行的內(nèi)容片段

6）功能推介：邀請我探索網(wǎng)站更多欄目或者試用一些個性化功能

7）適時更新的內(nèi)容：主頁需要一些活躍的跡象

8）交換鏈接：預(yù)留空間放置廣告骤铃、交叉推廣、合作品牌的推廣鏈接等

9）快捷方式：最常訪問的內(nèi)容片段需要放置鏈接坷剧，方便用戶訪問

10）注冊：主頁需要為新用戶注冊和老用戶登錄提供鏈接

11）讓我看到自己正在尋找的東西：主頁應(yīng)該讓我想要的任何東西顯而易見——如果它在站內(nèi)

12）還有我沒有尋找到的：需要讓我看到一些精彩的惰爬、我可能會感興趣的內(nèi)容，即使我并沒有尋找

13）告訴我從哪里開始：對于新網(wǎng)站惫企，不要讓用戶無從下手

14）建立可信度和信任感：在主頁給用戶留下好印象

大爆炸理論：訪問一個新網(wǎng)站的最初幾秒鐘特別重要

不在主頁上給出整體形象的四大錯誤理由：

1）這是顯而易見的：用戶并沒有顯而易見

2）人們見過這些說明一次之后撕瞧，就會覺得很煩人：除非這樣的解釋占了半個版面，否則用戶不會反感

3）真正需要我們網(wǎng)站的人會知道的：難道沒有馬上明白的用戶就不是你的目標(biāo)用戶了嗎狞尔？有可能功能一直在用丛版，但是用戶并不清楚他到底是什么

4）那是廣告的任務(wù)

如何傳達(dá)：口號、歡迎廣告偏序、了解更多