如果某個東西很難用，我就不會經常用它。——Steve Krug妻子

引用本書作者Steve Kru在書中提到的妻子的一句話開頭，Steve Kru說這句話一針見血地指出了可用性的本質。
　　由于沒有找到最新的第三版的電子版本，因此閱讀了比較老的第二版，本書只有短短的100來頁，作者保證本書的短小精煉，以實現本書的“可用性”也即是向讀者直接地展示了“可用性”原則。雖然本書的有些觀點和例子現如今看起來已經沒有多少參考價值，但是通篇讀下來，作者所傳達的整體思想依然為當前產品設計所要遵循的原則。

指導性原則

一、 別讓我思考

• 可用性第一定律：別讓我思考
  意味著設計者應該盡量做到，當我看到一個頁面時，它應該是不言而喻、一目了然、自我解釋的。我應該能明白它——它是什么，怎樣使用它——而不需要花費精力進行思考

• 強迫我們思考的地方

• 網頁上每項內容都有可能迫使我們停下來，進行不必要的思考。例如：名字、看起來不太明顯的鏈接和按鈕

• 當我們訪問Web的時候，每個問號都會加重我們的認知負擔，把我們的注意力從要完成的任務上拉開。這種干擾也許輕微，但它們會累積起來。有時候這樣的干擾不用太多，就足以讓我們抓狂。

• 一個簡單的圖書搜索，用戶卻經歷了大約如下5個步驟

  
  

• 如果你做不到讓一個頁面不言而喻，那么至少應該讓它自我解釋。

• 為什么“別讓我思考”這么重要

• 在因特網上，競爭有時就在于一個點擊的差別，因此如果你得罪了用戶，他們會跑到別的地方去

• 大多數人會花比我們想象中少得多的時間來瀏覽網頁。

• ** 結論**

如果要讓網頁有效，它們必須在用戶第一眼看到時將自己展現出來，而要做到這一點，最好的方法是創建不言而喻的網頁，或者至少也要做到自我解釋

二、我們實際上是如何使用Web的

• 第一個事實：我們不是閱讀，而是掃描
• 我們總是處于忙碌之中
• 我們知道自己不必閱讀所有內容
• 我們善于掃描
• 第二個事實：我們不做最佳選擇，而是滿意即可
• 第一個合理的選項（滿意策略）
• 為什么Web用戶不尋找最佳選擇呢？
  1. 我們總是處于忙碌之中
  2. 如果猜錯了，也不會產生什么嚴重的后果。
  3. 對選擇進行權衡并不會改善我們的機會

4. 猜測更有意思

• 第三個事實：我們不是追根究底，而是勉強應付
• 很多時候，用戶往往不會按照設計師設想的方式使用網絡和軟件 ，但他們用的很好
• 為什么會這樣？
  1. 這對我們來說并不重要
  2. 如果發現某個事物能用，我們會一直用它
• 然而讓用戶弄明白依然很重要，因為有時候可以勉強應付，但它通常效率不高，而且容易出錯。

三、廣告牌設計101法則

• 盡可能的讓用戶看到并理解你的網站：
• 在每個頁面上建立清楚的視覺層次

2. 盡量利用習慣用法
3. 把頁面劃分成明確定義的區域
4. 明顯標識可以點擊的地方
5. 最大限度降低干擾

• 建立清楚的視覺層次
  一個視覺層次清楚的頁面有三個特點:

1. 越重要的部分越突出
2. 邏輯上相關的部分在視覺上也相關
3. 邏輯上包含的部分在視覺上進行嵌套

• 習慣用法是你的好幫手

• 減少用戶教育時間和成本

• 當你不想使用習慣用法而想要創新設計時，你需要做到以下兩點：

  1. 同樣清楚，同樣不言而喻，沒有學習曲線的方法
  2. 帶來很大的價值，因此值得用戶付出一點努力來學習的方法

• 把頁面劃分成明確定義的區域
  把頁面劃分成明確定義的區域很重要，因為這可以讓用戶很快決定關注頁面的哪些區域，或者放心的跳過哪些區域。

• 明顯標識可以點擊的地方
  人們在網絡上所做的大多數事情就是找到下一個地方點擊，那么明確的標識哪些地方可以點擊，哪些地方不能點擊，這很重要。

• 降低視覺噪聲

• 兩類視覺噪聲

  1. 眼花繚亂，所有的內容都在希望得到用戶的注意
  2. 背景噪聲

• 當你在設計頁面的時候，這樣做可能是個好辦法：先假定所有內容都是視覺噪聲，除非得到證明它們不是

四、動物、植物、無機物

• 可用性第二定律：點擊多少次都沒關系，只要每次點擊都是無需思考，明確無誤的選擇
• 如果我們需要一直在網絡上進行選擇，那么讓這些選擇變得無須思考是讓一個網站容易使用的主要因素。

五、省略不必要的文字

• 不要在Web上寫作的藝術

• 可用性的第三定律：去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半

• 去掉沒有人看的文字有幾個好處：

  1. 可以降低頁面的噪聲
  2. 讓有用的內容更加突出
  3. 讓頁面更簡短，讓用戶在每個頁面上一樣就能看到更多的內容，而不必滾動屏幕

• 盡可能的減少歡迎詞，能減多少就減多少

• 指示說明必須消滅
  讓每項內容不言而喻而完全消除指示說明，或者盡可能做到這一點，當指示文字變得完全沒有必要時，則應把它們完全去掉。

將這些原則應用到最重要的Web設計挑戰上：設計導航和主頁

六、街頭指示牌和面包屑

• “明確”、“簡單”、“一致”的導航
• 網絡導航101法則
• 你通常是為了尋找某個目標
• 你會決定是先詢問還是先瀏覽
• 如果選擇瀏覽，你將通過標志的引導在層次結構中穿行
• 最后，如果你找不到想要的東西，你會離開

導航101法則.png

• 無法承受的瀏覽之輕
  在Web空間里：
• 感覺不到大小

2. 感覺不到方向
3. 感覺不到位置

• 被忽視了的導航用途
  導航顯而易見的用途：幫助我們找到想要的任何東西和告訴我們現在身處何處。
• 它給了我們一些固定的感覺

2. 它告訴我們當前的位置
3. 它告訴我們如何使用網站
4. 它給了我們對網站建造者的信息

• Web導航習慣用法

• 把它們放在標準的位置可以讓我們快速定位，不必費力，將他們的外觀標準化讓我們更容易把它們與別的東西區分開來。

• Web導航的基本元素

  1. 網站ID
  2. 欄目
  3. 實用工具
  4. 下一級欄目
  5. 當前位置指示器
  6. 頁面名稱
  7. 頁面導航
  8. 底端導航

• 全局導航
  全局導航（持久導航）5元素：站點ID、回主頁的方式、搜索的方式、實用工具、欄目

• 頁面名稱需要注意以下四點：
  ① 每個頁面都需要一個名稱
  ② 頁面名稱要出現在合適的位置
  ③ 名稱要引人注目
  ④ 名稱要和點擊的鏈接一致

• 在Web上可以用突出我當前的位置來抵消網絡固有的空間迷失感，不管是在頁面的導航條、列表還是菜單上。

• 面包屑

• 面包屑（層級菜單）同“你在這里”指示器（站點層級結構前后關系）一樣，也告訴你當前的位置（從主頁到當前位置的路徑）

• 面包屑導航的特點：

  1. 把他們放在頂端
  2. 使用“>”對層級進行分隔
  3. 使用小字體
  4. 使用了文字“你在這里”
  5. 將最后一個元素加粗
  6. 沒有把他們用作頁面的名稱

• 標簽導航

• 標簽是大型網站導航的上佳選擇，因為：

  1. 它們不言而喻
  2. 它們很難錯過
  3. 它們很靈活
  4. 它們暗示了一個物理的空間

• 標簽經典設計

  1. 正確繪制
  2. 顏色編碼
  3. 當你進入網站時，有一個標簽已經選中

七、首先要承認，主頁不由你控制

• 主頁要完成的任務：
• 站點的標識和使命

2. 站點層次
3. 搜索
4. 導讀
5. 內容更新
6. 友情鏈接
7. 快捷方式
8. 注冊

• 其他抽象目標
• 讓我看到自己正在尋找的東西

10. ……還有我沒有尋找的
11. 告訴我從哪里開始
12. 建立可信度和信任感

• 對于主頁的一些常見約束：
• 每個人都想占一席之地

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

• 第一個受害者：主頁

• 主頁不能忘記的一點：傳達整體形象

• 這是什么網站？

• 我能在這里做什么？

• 網站上有些什么？

• 為什么我應該在這里，而不是在別的地方？

• 如何傳達？

1. 口號，最有價值的位置之一是靠近站點ID的地方
2. 歡迎廣告，歡迎廣告是網站的簡要描述
   如

• 傳達信息的指導原則：

• 需要多大空間就使用多大空間

• 但也不要使用過多的空間

• 不要把使命陳述當作歡迎廣告

• 最重要的是進行測試

• 口號

• 口號是一句精煉的短語，刻畫了整個企業，總結它是什么，什么讓它如此卓越。

• 口號是非常有效的信息傳達方式，因為他們是用戶最希望能找到關于網站目標具體描述的地方。

• 在選擇口號時，有幾點需要注意：

  1. 好的口號要清楚、言之有物
  2. 不好的口號含混不清
  3. 好的口號長度適中
  4. 好的口號能表達出網站的特點和顯而易見的好處
  5. 不好的口號聽起來太籠統
  6. 好的口號應該有個性、生動，有時候還很俏皮

• ** 第五個問題**
  一旦知道網站是做什么的，接下來就是主頁需要回答的第五個問題：從哪里開始？

• 主頁導航可以不一樣
  主頁導航與其他頁面的導航可以不一樣，但是不要進行不必要的改動，主頁導航與全局導航保持一定程度上的一致性，有助于用戶理解這是相同導航的不能版本。

• 下拉框的問題

• 下拉框的好處：節省空間

• 下拉框存在的問題：

• 你必須把它們找出來

• 它們難以掃描

• 它們不好控制

• 引發短視行為
  在主頁上增加更多的項目所得到的和付出的并不一致，得到推薦的欄目獲得了巨大的訪問量，而由于主頁變得更混亂而造成的有效性總體損失則要由所有的欄目 一同承擔

確定你沒有做錯的幾件事

八、農場主和牧羊人應該是朋友

• 為什么？

• 主張的力量以及人的天性，自然有一種把這些喜歡或不喜歡投射到整個Web用戶身上的傾向，認為絕大部分Web用戶喜歡我們所喜歡的，通常認為絕大部分Web用戶和我們一樣。

• 在這種個人情緒的表面之上，還有另一個層次的問題：職位情緒。

• 在“大部分Web用戶和我們一樣”這種信仰的背后，還有一種隱藏的更深的信仰：相信大部分Web用戶是彈性的，可以隨意變化。——普通用戶神話

• 如何避免？
  測試，建立版本，然后仔細觀察人們對它的看法和使用的方法。

九、一天10美分的可用性測試

• 焦點小組不是可用性測試

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

• 可用性測試
  一次一個用戶展示一些內容（不管是網站，還是網站原型，或是一些單個頁面的草圖），并且要求用戶說出：1）這是什么；2）試著用它來完成一項典型的任務

• 關于測試的幾個事實

  1. 如果想建立一個優秀的網站，一定要測試。
  2. 測試一個用戶比不做測試好一倍。
  3. 在項目中，早點測試一位用戶好過最后測試50位用戶
  4. 人們對招募用戶代表的重要性估計過高
  5. 測試的關鍵不是要證明什么或者反駁什么，而是了解你的判斷力
  6. 測試是一個迭代的過程
  7. 沒有什么比現場用戶的反應更重要

• 寬松招募，曲線上升
  利用你能夠尋找到的任何人（滿足最低要求），然后曲線上升。

• ** 你的測試用戶和目標群體之間可以存在差異，理由如下：**

• 實際上，我們都是初學者

• 設計出的網站只有你的目標群體能使用，這通常并不是一個好主意

• 專家通常不會介意對初學者來說很清楚的界面

• 但也有一些例外：

  • 如果你的網站幾乎只有某一類用戶使用，而且招募這一類測試用戶并不困難
  • 如果你的目標用戶群體可以分成幾個明顯的陣營，而且這些陣營有著完全不同的興趣和需要
  • 如果使用你的網站需要專門的領域知識

• 當你在進行招募的時候，應注意以下幾個問題：

• 提供合理的激勵

• 邀請要簡單

• 避免對網站（或網站背后的組織結構）進行預先討論

• 別不好意思請朋友和鄰居幫忙

• 測試什么，什么時候測試

• “理解“”測試，顧名思義，就是讓測試用戶看到網站，然后看他們能否理解這個網站，理解網站的目標、價值主張、組織方法、運行方式等

• 關鍵任務測試，讓用戶完成一些任務，然后觀察他們是怎么做的

• ** 立刻回顧測試結果**

• 給問題分類——回顧大家看到的問題，決定哪些問題需要修正

• 解決問題——找出修正這些問題的方法

• 一些問題分類中指南
  關于決定修正什么問題（還有不要修正的地方），下面給出一些建議：

• 忽略“Kayak”（皮劃艇）問題

• 抵制添加的沖動

• 不要太看重人們對新功能的要求

• 抓住夠得著的果子

  • 恍然大悟型，當第一個用戶試著勉強應付的時候，問題和解決方法都很明顯
  • 便宜型，1）幾乎毫不費力的；2）需要費一點力氣，但效果非常明顯的

• 別把孩子也潑出去了，修正問題的同是要保證不破壞已經正常運行的部分

大的方面和外界影響

十、可用性是基本禮貌

對Web可用性而言，還有另外一個重要的組成部分：做正確的事

• 好感存儲器
  關于好感存儲器，有以下幾點值得注意：

• 它因個人特質的不同而不同

• 它依情況而定

• 你可以重新填滿它

• 有時候一個錯誤就能清空它

• 降低好感的幾種方式
  下面提到的幾件事會讓用戶覺得發布網站的人并不關心他們的利益：

• 隱藏我想要的信息

• 因為沒有按照你們的方式行事而懲罰我

• 向我詢問不必要的信息

• 敷衍我，欺騙我

• 給我設置障礙

• 你的網站看上去不專業

• 提高好感的幾種方式

• 知道人們在你網站上想做什么，并讓它們明白簡易

• 告訴我我想知道的

• 盡量減少步驟

• 花點心思

• 知道我可能有哪些疑問，并且給予解答

• 為我提供協助，例如打印友好頁面

• 容易從錯誤中恢復

• 如有不確定，記得道歉

十一、 可訪問性、級聯樣式表和你

• 增強網站的可訪問性，可注重的幾個方面：

1. 改正讓所有人感到混淆的可用性問題
2. 閱讀《網站可訪問及可用指南：屏幕閱讀器用戶觀察》
3. 閱讀關于Web可訪問性的書
4. 開始使用級聯樣式表
5. 去摘夠得著的果子

• 為每張圖片增加alt文本
• 讓你的表單配合屏幕閱讀器
• 在每頁的最前面增加一個“跳轉到主要內容”的鏈接
• 讓所有的內容都可以通過鍵盤訪問
• 如果沒有充分的理由，不要使用JavaScript
• 使用客戶端（而不是服務器）的影像地圖

十二、 救命！老板想要我……

• 要求太多個人數據的危險
• 詢問不必要的信息可能產生的嚴重后果：
  • 常常無法得到真實的數據
  • 得到的完整表單更少
  • 使網站形象下降
• 表單的三個原則：
  • 只讓用戶提供完成此次事務所需的信息
  • 不要要求填寫過多可選信息
  • 告訴用戶提供的信息將得到的回報