《Don`t make me think》- 訪客至上的 Web 和移動可用性設計秘訣#
讓我們來面對現實，它已經是一本老書了。
如前言所述，這本在 2000 年首次發行的書如今看來已經很老了，當 “互聯網時代” 不再是一個新詞的時候，書中的一些範例看起來的確覺得老土，但這絕不代表在此書中我們獲取不到任何可用的信息，隨著技術的進一步發展，網絡本身也在不斷改善，網站的易用性、可用性成了當下人人關注的焦點。對書中一些至今仍有巨大影響的觀點記在筆記中以供隨時查看，是寫此篇筆記的主要目的。
別讓我思考，可用性的第一定律#
這意味著，設計者應該盡量做到，當看到一個頁面時，它應該是一目了然，至少能 “明白它”，而不是在看到的時候，先在腦子裡浮現一個問號。頁面上很多內容都迫使我們停下來，進行不必要的思考，如不能直接引導的命名，如一些看起來並不明顯的鏈接和按鈕。每個問號都會加重認知負擔，把注意力轉移，這些輕微的干擾累積起來，就非常影響體驗。
瀏覽網頁時可能產生的疑問
1.我在什麼位置?
2.我該從哪裡開始?
3.他們把XX放在什麼地方了？
4.這個頁面最重要的是什麼？
5.為什麼他們要它叫這個？
6.這是廣告還是網站的內容？
做到一個頁面對不言而喻，就算不能，也至少應該讓它自我解釋。
我們實際上是如何使用 Web 的#
第一個事實：我們不是閱讀，而是掃描。 實際上，大部分訪問時在每個頁面上瞥一眼，頁面上的很多內容，他們看都不看。我們不是在閱讀，而是掃描。因為我們訪問 Web 是要完成某項任務，通常要盡快完成，因此不必閱讀所有內容。第二個事實：我們不作最佳選擇，而是滿意即可。我們總是處於忙碌中，如果犯錯了，也可以進行回退。第三個事實：我們不是追根究底，而是勉強應對。無論面對哪種技術，很少有人會花時間閱讀說明書，相反會貿然前進，勉強應付。甚至很多人連瀏覽器是什麼都不知道，因為這些對我們來說並不重要，如果發現某個東西能用，我們就會一直使用它。如果訪問者的表現讓你覺得你似乎在設計廣告牌，那就設計出不起的廣告牌吧。
廣告牌設計 101 法則#
如果用戶只是粗略的看你的网站，盡可能讓他們看到並理解你的网站。
- 儘量利用習慣用戶
- 建立有效的視覺層次
- 把頁面劃分成明確定義的區域
- 明顯標識可以點擊的地方
- 最小化干擾
- 為內容創建清楚的格式，以便掃描
習慣用法 最好的方法是遵循習慣和慣例，即那些廣為採納和標準化的設計模式，如公路上的警告牌設計，車內的控制裝置，頁面上的基本內容在什麼位置（如閱讀方向從左到右的國家，網站的 Logo 都在左上角），服務如何運作（購物網站的購買流程)，分享，搜索這類的標準化外觀。但這類標準化的東西與設計師的靈感可能會起衝突，如果準備創新，那麼必須理解想要取代的設計的價值，清楚自己有一個更好的想法時再進行創新，如若不然，應當儘量使用習慣用法。另外，關於一致性，如果能通過在某種程度上打破一致性，而得到調試簡潔清楚的效果，那麼果斷選擇簡潔。
建立有效的視覺層次 視覺層次清楚的頁面有三個特點
- 越重要的部分越突出；
- 邏輯上相關的部分也在視覺上相關；
- 邏輯上包含的部分在視覺上進行嵌套。 沒有一個清楚的視覺層次，會降低掃描頁面的速度。
把頁面劃分成明確定義的區域
這可以讓用戶很快決定關注頁面的哪些區域，放心的跳過哪些區域。
明顯標識可以點擊的地方 人們在使用網絡時大多數事情就是找一個地方點擊。如果能堅持只用一種字體顏色來表示文字鏈接，或者能確定它們的外觀和位置可以識別是可以點擊的，就沒事，不應該犯使用同一種顏色表示文字鏈接和不可擊的標題。
降低視覺噪聲 有三類視覺噪聲
- 眼花繚亂 頁面信息太亂，每一部分都在強調自己的重要，反而會顯得都不重要。
- 組織不當 某些頁面看起來亂七八糟，應當使用網格來排列頁面元素
- 太過密集 如 hao123.com 這類的網頁，內容太多，太密集。
設計頁面的時候，有一個好辦法，就是假定所有的內容都是視覺噪聲，把無謂的部分通通去掉。
為文本設置格式，以便掃描 充分使用標題，且使用正確的標題，有兩點準則，1，不同標題之前有明顯的視覺差異，不會混淆；2，標題要靠近與之相關的內容。保持段落的簡潔，沒人喜歡看臭長臭長的一整段 使用符號列表，如使用無序列表之類的，能夠優化可讀性，在列表的不同項目之間，孵出一點額外的空白。突出關鍵詞語，關鍵詞加粗，高亮等方式，讓它盡快被找到。