可用性原則（重點）

1.可用性第一原則：別讓我思考。

2.可用性第二原則：點擊多少次都沒有太多關系，只要每次點擊都是無需思考、明確無誤的選擇。

3.可用性第三原則：省略多余的文字，去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半。

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

5.我們實際上是如何使用Web的：我們不是閱讀，而是瀏覽、我們不作最佳選擇，而是滿意即可、我們不是追根究底，而是勉強應付。

6.為瀏覽設計，不為閱讀設計。

7.某個東西越需要投入大量時間，或者看起來會這樣，它將來就會用得越少。

8.可用性的定義：讓一個有著平均能力和經驗的人（甚至稍低于平均水平）能明白如何使用它——不必付出過度的努力，或者遇到不必要的麻煩。

9.可用性的定義可分為：有用，可學習，可記憶，有效，合乎期望。

10.最小化干擾：即降低視覺噪點。

11.用戶喜歡無需思考的選擇。

12.必要的幫助和支持：簡短、及時、不會錯過。

13.主要省去歡迎文字和精簡指示文字.

14.好的促銷文案：不會一個勁地說自己有多好，而是描述什么東西讓我們感覺更好。

第一章 別讓我思考

1、別讓用戶思考，讓每一個頁面不言而喻。用戶處于忙碌之，知道自己不必閱讀所有內容。

2、善于掃描（注意力在自己感興趣的部分），用戶只要看它一眼就知道是什么內容，知道怎么用它。如果不能，至少也應該一目了然。

第二章 我們實際上是如何使用web

1、用戶不是閱讀，而是瀏覽。

? ①第一個事實：我們不是閱讀，而是掃描——人們總是處于忙碌中；

? 知道自己不需要閱讀所有內容；善于掃描（瀏覽）。

? ②第二個事實：我們不做最佳選擇，而是滿意即可——忙碌；猜錯了，

? 后果也不嚴重；對選擇進行權衡不會改善我們的機會；猜測更有意思。

? ③第三個事實：我們不是追根究底，而是勉強應付——根源對我們來說

? 不重要；若發現某個事物能用，就會一直用它。

2、抓住用戶內心需求，用戶不做最佳選擇（難、時間長）而是滿意即可（效率更高）；我們不會是追根揭底，而是勉強應付。

第三章 廣告牌設計101法則

1、在每個頁面上建立清楚的視覺層次：越重要的部分月突出；邏輯上相關的部分在視覺上也相關，邏輯上包含的部分在視覺上進行嵌套。

2、 盡量利用習慣用法：習慣用法非常有用，設計師為了新穎通常不愿意利用習慣用法。

3、把頁面劃分成明確定義的區域。

4、明確標識可以點擊的區域。

5、最大限度降低干擾：眼花繚亂；背景噪聲（間隔線盡量虛化）

第四章 動物、植物、無機物

“三次無需思考明確無誤點擊相當于一次需要思考的點擊”

1、點擊次數不是重點，用戶在使用網頁中如果頁面上信息過于繁瑣，那么用戶就要產生一個思考的過程，因此給用戶點擊（選擇）體驗盡可能直白。

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

3、如果我們需要一直在網絡上進行選擇，那么讓這些選擇變得無須思考是讓一個網站容易使用的主要因素。

第五章 省略多余的文字

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

有力的文字都很簡練。句子里不應該有多余的文字，段落里不應該有多余的句子。

去掉沒人會看的文字的好處：可以降低頁面噪音;讓有用的內容更突出;讓界面更簡短，讓用戶在每個頁面一眼就能看到更多內容。

實際上必需去掉的兩種特別的文字：歡迎詞和指示說明。

第六章 街頭指示牌和面包屑

記住：如果在網站上找不到方向，人們不會使用你的網站。

Web上的體驗缺少空間感：感覺不到大小、方向、位置。

若我們想再次訪問網站的某個內容，我們記住的是它在概念層次上的位置，而不是依靠它在哪里的物理感覺，讓后順著以往的鏈接過去，這是書簽重要的原因，也是后退按鈕點擊率極高的原因。

導航有兩個顯而易見的用途：幫助我們找到任何東西以及告訴我們現在身在何處。

導航的其他功能：它給了我們一個固定的感覺；告訴我們當前的位置；告訴我們如何使用網站；給了我們對網站建造者的信心。

設計得當的持久導航應該是平靜,令人舒服的。

讓導航部分每一頁以一致的外觀出現在同樣的位置，會讓你立即確認自己仍然在這個網站上——這比你想象中更加重要同時意味著你只需要了解它一次。? ? （Microsoft軟件導航欄基礎部分一樣只有顏色的區別）

持久導航應該包括5個元素：站點ID(LOGO);回主頁的方式；探索的方式；實用工具；欄目。

提供搜索——由于搜索的潛在威力和喜歡搜索的用戶比喜歡瀏覽的用戶更多，因此每個頁面都應該有一個搜索框或一個搜索頁面的連接，除非你的網站真的不太需要搜索。

大多數用戶登錄新站點，第一件事是掃描頁面，看看有沒有搜索。

搜索框要堅持簡約原則：一個輸入框、一個按鈕、還有搜索字樣，切記復雜。

要抵消網絡固有的空間迷失感，其中的一種導航方式是告訴我當前在什么位置。在Web中，可以用突出當前位置來實現，不管是在頁面的導航條、列表還是菜單上。

面包屑導航不會占用太多空間，提供一種方便的方式讓你：退回上一個層次或去主頁，它用來補充固定導航機制最有價值。

標簽是極少幾個將物理隱喻有效應用到用戶界面的例子之一。將原來的物體分成了不同的部分，打開不同的部分很容易，通過突出的標簽可以翻到對應位置。

標簽是大型網站導航的上佳選擇：它們不言而喻；它們很難錯過；他們很靈活；它們暗示了一個物理空間。

如果想要使用標簽，認真參考Amazon經典的標簽設計，并且務必模仿其中的三個要點：正確繪制：激活的標簽頁位于其他標簽頁之前——這是讓他和標簽相像的最大要點——比與眾不同的標簽外形更重要。——想營造出這樣的效果，激活的標簽頁必須有一種不同的顏色或外形做對比，并且必須與它下面的空間在物理上鏈接起來，這是把激活的標簽頁“彈到”最前方的方法。

顏色編碼：為網站的每個欄目使用不同的標簽顏色。并把這種顏色用在頁面其他導航元素上，讓他們渾然一體。——運用顏色對比，飽和與中性對比

當你進入網站時，有一個標簽已經選中。

進入網站一般會遵循的流程：

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

你會決定先詢問還是先瀏覽

如果選擇瀏覽，你將通過標識的引導在層次結構中穿行

最后，如果找不到想要的東西，就會離開。

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

主頁要完成的任務：站點的標識和使命：是什么網站，是做什么的，為什么我應該在這里而不是其他網站站點層次：主頁要給出網站提供服務的概貌，既有內容，又有功能還有這些服務是如何組織的——通常由持久導航來處理。搜索：大多數網站需要在主頁上設置一個突出顯示的搜索框導讀：用暗示吸引用戶——內容推薦應突出最新、最好、最流行的內容片段：功能推薦部分應邀請訪問或試用一些個性化功能內容片段：功能推薦部分應邀請訪問或試用一些個性化功能內容更新：主頁要經常更新內容友情鏈接：預留空間放置廣告、交叉推廣、合作品牌的鏈接快捷方式：最常訪問的內容片段（如軟件升級）值得在主頁上放置鏈接注冊：登錄注冊鏈接，并讓用戶知道已經登錄了（歡迎回到……）

設計主頁不可避免的要做一些折中。

設計網頁必要傳達整體形象——當進入新的網頁時，主頁應該盡可能快速清晰的回答四個問題：這是什么網站？我能在這里做什么？網站上有些什么？為什么我應該在這里而不是在別的地方？

網頁設計中整體形象如何傳達？口號：最有價值的位置之一是靠近LOGO的地方歡迎廣告：是網站的簡要描述，在主頁的首要位置顯示，不需要滾動屏幕就能看到。

信息傳達的指導原則需要多大空間就用多大空間，但也不要使用過多空間不要把使命陳述當作歡迎廣告最重要的是進行測試沒有什么比得上一個好口號

口號是一條精煉的短句，刻畫了整個企業，總結它是什么，什么讓它如此卓越。它是用戶最希望能找到關于網站目標具體描述的地方。

選擇口號時要考慮的幾點：好的口號要清晰、言之有物不好的口號含混不清好的口號長度適中，6-8個英文單詞足以表達思想，而且容易讓人領會好的口號能表達出網站的特點和顯而易見的好處不好的口號聽起來太籠統好的口號應該有個性、生動、有時候還很調皮

當進入一個新網站，快速掃描主頁之后，我應該能明白無誤的知道：如果我想要搜索、掃描及掃描網站最精彩的內容，都可以從這里開始

在那些針對包含一系列步驟的過程所建立的網站上，過程的起點應該很顯眼；在需要新用戶注冊的／老用戶登錄的網站，應該突出顯示注冊和登錄的位置

主頁導航可以不一樣。由于主頁獨特的職責，通常不必使用持久導航，常見差別包括：欄目描述：由于主頁要盡可能多的表現網站內容，因此可能想為每個欄目名稱增加一些描述性短語，甚至列出下一級欄目——這些內容不可能放置在每個頁面上。不同的方向：主頁可能有必要使用垂直導航欄而不是水平導航欄不同的方向：主頁可能有必要使用垂直導航欄而不是水平導航欄最重要的是，讓欄目的名稱保持不變：同樣的順序、文字、分組；盡可能多的保持相同的視覺提示也很有用：同樣的字體、顏色和大小。

下拉框可以節約空間，但它存在幾個問題：你必須把他們找出來：列表中但項目掃描頁面時看不到他們難以掃描：標準但HTML下拉菜單，他們無法控制字體、間隔和列表格式他們不好控制：列表顯示和收縮很快，會影響查看效果

下拉框對于組織按字母順序排列但項目最有效，例如國家，省份或產品 。但當不知道自己在找什么名稱時，下拉框的效率就很低了，特別是下拉清單不是按字母順序或者清單長到需要滾動的情況。

任何共享的資源都會因為過度使用而遭到破壞，避免在首頁過度推銷過多項目

第八章 農場主和牧牛人應該是朋友

為什么Web設計團隊討論可用性實在浪費時間，如何避免這種情況。

1、Web團隊的成員對于好的網站設計由什么組成有著不同的看法，但其實所有的Web用戶都是獨一無二的，所有的Web使用都是不一樣的。好的設計會把這種復雜性考慮進去。

2、爭論，浪費時間，消耗團隊精力。

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

讓測試簡單——這樣你能進行充分的測試

1、爭論的解藥——測試。（盡早測試）

? ? ①在項目中，早一點測試以為用戶好過最后測試50位用戶。

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

? ? ③測試的關鍵不是要證明什么或反駁什么，而是了解你的判斷力。

? ? ④測試是一個迭代的過程。

? ? ⑤沒有什么比現場用戶的反應更重要。

2、跳樓大減價的建議可用性測試，3-4位用戶，招募方式比較隨便地點比較隨意，主導人具有相對耐心的人即可，成本低。

3、應該測試多少用戶，很多情況下每輪測試的理想用戶數量應該是3-4個。

4、寬松招募，曲線上升，利用你能夠尋找到的任何人（滿足最低要求——懂網上的基本知識），然后曲線上升。

5、在哪里測試XXXXX（感覺沒用），通過視頻電纜把攝像機的信號傳到附近的另一個辦公室以便團隊的每個人都能觀察而不干擾測試用戶。

6、應道測試的人，冷靜、耐心、由同理心、善于傾聽、天性公正的人。不要選完全不是人類的人或者辦公室狂人。

7、立刻回顧測試結果，給問題分類、解決問題。

8、常見問題，用戶不清楚概念、他們找不到自己要找的字眼、內容太多

9、解決辦法，忽略“Kayak”（劃皮艇）問題、抵制添加的沖動、不要太看重人們對新功能的要求、抓住夠得著的果子。

10、別把孩子也潑出去了，和任何好的設計一樣，成功的網頁往往要進行巧妙的平衡，哪怕是一個微小的改動也會帶來不曉得影響。

11、每個月一個上午的測試。

第十章 可用性是基本禮貌

為什么你的網站應該讓人尊敬

1.好感儲存器是什么

好感儲存器是用戶對該網站用戶體驗的感知，以及用戶體驗的好壞程度的一個反饋。

2.影響用戶的好感儲存期的因素

? ①每個用戶的特質，用戶的性格，個性，耐心程度

? ②用戶在使用該網站時的環境以及用戶當時的心情

? ③網站是否真正關心用戶的利益等因素

3.降低好感度的方式

? ①為提供用戶應該知道，了解的比較信息。例如產品價格，客服聯系方式等信息

? ②不符合用戶的行為習慣

? ③獲取過多用戶不必要的個人信息

? ④過多虛偽的真誠，例如上一章講到的歡迎語不宜過多

? ⑤設置一些不必要的信息障礙使用戶的用戶體驗不自由，浪費時間

網站設計凌亂不專業給用戶一種你并沒有認真做網站的態度

4.提高好感度的方法

? ①了解使用該網站的用戶的需求并簡單明了的呈現給用戶

? ②讓用戶盡可能的了解他想要的信息即便這個星期并不是用戶的期望

? ③盡量使網站的操作簡單，以此來提升用戶體驗

? ④盡最大能力為用戶解決一切疑問

? ⑤為用戶提供更加方便，簡捷優質的服務

? ⑥解決不可避免的bug,及時優化網站的不足

? ⑦如果不能為用戶解決問題但必須讓用戶了解,坦誠面對用戶

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

將可訪問性做到更好,即用戶體驗更好才會讓殘疾人士用著更方便

測試是改進網站的可訪問性的方法

只有將網站操作步驟做到更簡單才能更好的改進網站的可訪問性

級聯樣式就是將每一層級的頁面同上下層級的邏輯關系以文件夾同文件的形式梳理清晰，也可認為同一頁面中的各個元素的主次關系，使其更有邏輯形成一種可循的規律，同時也是其更加智能化更加靈活是用戶體驗更加美好

很多網站都沒有通過三秒可問性測試——增大字體

第十二章 救命，老板我想要······

當好人遇到不好的設計決策

詢問不必要的用戶信息會令用戶感到不安，減少用戶對該網站的信任感。并且會得不到真實的數據信息，并且網站形象會有所下降以及得到完整的信息表更少。

制作網站的原則

? ? 只讓用戶提供此次操作所必需的信息

? ? 不要過多要求填寫可選信息

? ? 明確告訴用戶注冊后會得到什么

制作網站不需要視覺很炫酷，但要有表現力，專業，吸引人，在不妨礙網站正常運行的情況下，來做網站的視覺來吸引用戶，但要適度。

三米工作室—WE團隊