《DON』T MAKE ME THINK》-讀書筆記

「別讓我思考！」----------------Krug可用性第一定律

如果你做不到讓一切都不言而喻，至少讓它自我解釋。

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

1. 我們不是閱讀，而是掃描。

2. 我們不做最佳選擇，而是滿意即可。
3. 我們不是追根究底，而是勉強應付。

廣告牌設計101法則

1. 建立清楚的視覺層次（越重要的部分越突出、邏輯上相關的部分在視覺上也相關、邏輯上包含的部分在視覺上進行嵌套）

2. 習慣用法是你的好幫手（它們非常有用、設計師通常不願意利用它們）在你清楚自己有一個更好的想法時進行創新，否則請盡量利用習慣用法。
3. 把頁面劃分成明確定義的區域

4. 明顯標識可以點擊的地方

5. 降低視覺雜訊（眼花繚亂、背景雜訊）先假定所有內容都是視覺雜訊，除非得到證明它們不是。

為什麼用戶喜歡無須思考的選擇？

1. 點擊多少次都沒關係，只要每次點擊都是無須思考、明確無誤的選擇。----------------Krug可用性第二定律

2. 三次無須思考、明確無誤的點擊相當於一次需要思考的點擊。

省略不必要的文字(不要在web上寫作的藝術)

去掉每個頁面上一半的文字，然後把剩下的文字再去掉一半。----------------Krug可用性第三定律

可以降低頁面噪音、讓有用的內容更加突出、讓頁面更簡短首屏看到更多內容。

1. 歡迎詞必須消滅。

2. 指示說明必須消滅。

街頭指示牌和麵包屑-導航設計

購物商場的一幕(進入商場時，自己去找還是問別人，取決於你有多熟悉這家商場、你有多相信他的合理組織商品的能力、你當時有多忙、你的外向程度)

網路導航101法則

1. 你通常是為了尋找某個目標

2. 你會決定先詢問還是先瀏覽
3. 如果選擇瀏覽，你將通過標誌的引導在層次結構中穿行

4. 最後，如果找不到想要的東西，你會離開

無法承受的瀏覽之輕

1. 感覺不到大小
2. 感覺不到方向

3. 感覺不到位置

4. 當你在一個網站上，主頁就像北極星，可以點擊主頁給你一個重新開始的機會。

被忽視了的導航用途

1. 幫助我們找到想要的任何東西

2. 告訴我們現在身在何處
3. 它給了我們一些固定的感覺

4. 它告訴我們當前的位置

5. 它告訴我們如何使用網站

6. 它給了我們對網站建造者的信心

web導航習慣用法

持久導航Persistent Navigation---導航部分在這裡，其中一些可能會根據您所處的位置有所變化，但它總會出現在這裡，也會總是以同樣的方式為您服務。

主頁、表單不需要出現持久導航。

網站

網站的欄目

下一級欄目

下下一級欄目，依次類推

本頁

本頁的各個區域

頁面元素

持久導航最多放4-5個實用工具：

關於我們、下載、如何購買、註冊、檔案、目錄、招聘、搜索、結賬、論壇、我的**、購物車、公司信息、常見問題、新聞、登錄、站點地圖、訂單跟蹤、幫助、聯繫我們、客服服務、主頁、新聞稿、店面分布、討論板、投資者關係、隱私聲明、你的賬戶。

提供搜索

避免花哨的用詞，搜索。

如果存在任何混淆搜索範圍的可能性，一定要把它們寫出來。

在開始討論主頁的顏色方案之前，擁有顯示網站所有潛在級別的導航的樣例頁面非常重要。

• 每個頁面都需要一個名稱。

• 頁面名稱要出現在合適的位置。
• 名稱要引人注目。結合位置、字體大小、顏色和留白體現出。

• 名稱要和點擊的鏈接一致。

你在這裡

需要突出出來，否則失去作為視覺線索的價值，只是增加了頁面雜訊。

麵包屑

可以讓你做最常做的兩件事：回退一個層次或者去主頁。它作為某種平衡，用來補充固定導航機制，是最有價值的，特別是對於那些層次複雜的大型網站，或者需要綁定一堆子網站的時候更加有用。

1. 把它們放在最頂端。

2. 使用「>」對層級進行分隔。
3. 使用小字體。

4. 使用了文字「你在這裡」。

5. 將最後一個元素加粗。

6. 沒有把它們用作頁面的名稱。

標籤

1. 它們不言而喻。

2. 它們很難錯過。
3. 它們很靈活。

4. 它們暗示了一個物理的空間。

5. 正確繪製----激活的標籤頁位於其他標籤頁之前。

6. 顏色編碼----作為附加提示，不適合作為唯一提示。

來到一個網站的某頁，應可以毫不猶豫的回答以下問題：

• 這是什麼網站？

• 我在哪個頁面上？這個網站的主要欄有哪些？（欄目清單）

• 在這個層次上我有哪些選擇？（本頁導航）

• 我在導航系統的位置？（「你在這裡」的指示器）

• 我怎麼搜索？

主頁要完成的任務

1. 站點的標識和使命

2. 站點層次
3. 搜索

4. 導讀

5. 內容更新

6. 友情鏈接

7. 快捷方式

8. 註冊

9. 讓我看到自己正在尋找的東西

10. 還有我沒有尋找的

11. 告訴我從哪裡開始

12. 建立可信度和信任感

約束

1. 每個人都想佔一席之地

2. 想要參與的人太多
3. 一個尺寸要是和所有人

4. 通常沒有人來監督主頁是否將整體形象準確傳達給訪問者。

口號

1. 好的口號要清楚、言之有物。

2. 不好的口號含糊不清。
3. 好的口號長度適中。

4. 好的口號能表述出網站的特點和顯而易見的好處。

5. 不好的口號聽起來太籠統。

6. 好的口號應該有個性，生動，有時候還很俏皮。

主頁導航

1. 欄目描述---可以儘可能多的表現欄目內容，儘可能多的增加一些描述短語。

2. 不同的方向---根據布局，可調整水平導航或垂直導航。

3. 用於識別的空間更多---站點ID別其他頁大。

焦點小組

一小組人（通常是5-8人）圍坐在桌子旁邊，對展示給他們的想法和設計做出反應，這是一個小組過程，主要價值來自參與人員彼 此的反應。焦點小組是快速得到用戶的意見和感覺的一種不錯的方法。

可用性測試

一次和一個用戶展示一些內容，（不管是網站還是網站原型，或是一些單個頁面的草圖）並且要求用戶說出1.這是什麼？2.試著用它來完成一項典型的任務。

關於測試的幾個事實

1. 如果想建立一個優秀的網站，一定要測試。（最好把測試看作旅行，一種開闊視野的體驗，它能提醒你人們有多麼不一樣，又多麼相像，而且能讓你從新的視角看待事物。測試更像邀請外地的朋友來參觀，不可避免的，當你和他們在一起四處遊玩時，你會看到平時不會注意到的一些情況，因為你對它們太熟悉了，同時，你也意識到很多你認為想當然的事情，對別人來說卻並非如此。）

2. 測試一個用戶比不做測試好一倍。
3. 在項目中，早點測試一位用戶好過最後測試50位用戶。

4. 人們對招募用戶代表的重要性估計過高。

5. 測試的關鍵不是要證明什麼或者反駁什麼，而是了解你的判斷力。（測試能做的就是給你提供有價值的參考，加上你的經驗，專業判斷和嘗試能夠讓你更容易的在A和B之間做出更明智---也更自信---的選擇。）

6. 測試是一個迭代的過程。

7. 沒有什麼比現場用戶的反應更重要。

購書鏈接：《點石成金：訪客至上的Web和移動可用性設計秘笈（原書第3版）》([美]克魯格（Steve Krug）)【摘要 書評 試讀】

相關閱讀：取其精華！設計師讀書筆記連載系列之《Don』t Make Me Think》

推薦閱讀：