Web可用性三大定律：

1. 別讓我（訪問者）思考
2. 點擊多次都沒關系，只要每次點擊都是無需思考、明確無誤的選擇
3. 去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半

網站界面的設計：

1. 盡量利用習慣用法
2. 建立有效的視覺層次
3. 把頁面劃分成明確定義的區域
4. 明顯標識可以點擊的地方
5. 最小干擾化
6. 為內容創建清楚的格式

省略多余的文字：

1. 歡迎詞必須消滅
2. 指示文字必須消滅

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

1. 降低頁面的噪音
2. 讓有用的內容更加突出
3. 讓頁面更簡潔，讓用戶在每個頁面上一眼就能看見更多的內容，而不必滾動屏幕

導航兩個顯而易見的用途：

幫助我們找到想要的任何東西和告訴我們現在身在何處

導航包括持久導航和全局導航

持久導航應該包括4個元素：

1. 站點ID（應包含一個返回主頁的按鈕或鏈接）
2. 欄目
3. 實用工具
4. 搜索

面包屑導航：

1. 把它們放在最頂層
2. 使用“>”對層級進行間隔
3. 加粗最后一個元素

一個設計良好的頁面，應該很清晰的反映出一下幾點：

1. 這是什么網站？（站點ID）
2. 我在哪個頁面上？（網頁名稱）
3. 這個網站的主要欄目是什么？（欄目清單）
4. 在這個層次上我有哪些選著？（本頁導航）
5. 我在導航系統的什么位置?（“你在這里”的指示器）
6. 我怎么搜索？

測試：

如果想建立一個優秀的網站，一定要測試

測試一位用戶比不做測試好一倍

在項目中，早點測試一位用戶好過最后測試50位用戶

每個web開發團隊至少應該每個月安排一個上午進行一次可用性測試；

1. 這樣能保持測試簡單
2. 這樣能滿足開發者的需求。通過觀察測試參與者，可以找到足夠多的問題
3. 這樣就不需要決定什么時候測試。選定一個月的某一天，讓它成為開發者的可用性測試日
4. 這樣人們更可能參與進來

提高網站好感的集中方式：

1. 指導人們在你網站上想做什么，并讓它們明白簡單
2. 告訴我我想知道的
3. 盡量減少步驟
4. 花點心思
5. 知道我可能有哪些疑問，并且給予解答
6. 為我提供協助，例如打印好友頁面
7. 容易從錯誤中恢復
8. 如有不確定，記得道歉

網頁可用性問題：

1. 不要使用小而對比不強的字體
2. 不要把標簽放到表單的字段里面
3. 保留訪問過的鏈接和未訪問的鏈接之間的區別
4. 不要讓標題漂浮在段落之間

二、瞬間之美

如果希望用戶做某件事情，比如希望更多的用戶注冊，那么就應該將注冊按鈕放在最醒目的地方，而不是更隱蔽的小的角落。

如何引導用戶的視線：

1.應用古騰堡圖表

古騰堡圖表中，左上角是第一視覺落點區（POA），右下角是最終視覺落點區（TA）。遵循這個原則，我們可以看到首頁左上角基本都是放的LOGO和重要提示，而右下角則是為了讓用戶做出動作的內容，比方說購買、操作、注冊等。

? 2.使用合適的顏色來吸引注意

網站想要凸顯個性，需要統一設計風格，形成積極的印象

導航的設計：

導航是用戶瀏覽網站最重要的向導，設計的合理與否直接決定這用戶對網站的印象。導航設計遵循幾個原則：合理布局、清晰展示、主動引導。

標簽云：

標簽云，很帥的一個東西，一大堆標簽按照它的權重（包括點擊量、時間、關注度等）顯示出不同的大小、顏色等，是標簽列表的升級版。

搜索（自動完成）：

在搜索引擎中，當用戶輸入一個詞后，系統會推薦相關的搜索詞供用戶選擇，這個瞬間，很爽，這是一種Poka-yoke機制。它能提高用戶的搜索效率，使用戶更加的信任這個網站，提高用戶體驗。

縱然你的搜索中帶有高級搜索，也不要讓繁復的高級搜索框讓用戶望而卻步，最好作成可以讓用戶選擇增加搜索條件的搜索頁面

遞進式的增加用戶的資料，除了他本身填寫的那些之外，他的評論、心情、文章都是別人了解他的好資料

盡量讓時間新的鏈接和時間久遠的鏈接，通過顏色、大小或別的什么一眼就可以看出來。

視頻播放器的標準化：

進度條滑塊按鈕要足夠大；視頻左上角要說明視頻名稱；打開網頁時不會自動播放，而是顯示第一幀的畫面和播放按鈕。

簡化長表單：

并不是所有的交互都能夠簡化，但要嘗試讓交互看起來更容易。為用戶建立清晰的預期，把復雜的過程分解成能一口口干掉的小塊，這樣復雜的交互也便于控制了。

編輯：

在正確的時間顯示正確的工具。

我們平時會接觸到很多具有編輯功能的軟件產品，試想無論我們做什么操作，所有的工具都顯示出來讓你自行選擇是件多么可怕的事情，而對工具進行適當的分類，在用戶做不同操作的時候只顯示相匹配的工具，能為用戶減輕很多的負擔，讓交互體驗更良好。

自定義標簽：

標簽的缺陷是：用戶會對同一個標簽定義多個版本。

兩種解決方法：自動輸入詞建議；用戶創建標簽后，彈出窗口讓用戶選擇更合適的標簽。

用簡單的文字向用戶描述什么是標簽。

除了標簽搜索，也得提供自然語言搜索。

用系統通知來管理中斷：

提前通知用戶即將做出的改變，一是以郵件形式告知，二是在原有設計上提供新變化的鏈接或者說明。而作者推薦了以類似原有歡迎頁面的形式提供新變化的說明。

當網站更新時，以公告的形式提前通知用戶，可以讓積極用戶討論更新，并通過郵件提醒讓沉睡用戶訪問網站。

退出：

在用戶退出的時候，設置回到起初的登錄頁面，并且在此頁中提供相應的新功能的介紹，以此吸引用戶再次登錄。

用戶退出后，要返回到登錄頁面，同時列出網站特點作為營銷。

對于用戶注銷賬號，要表現得優雅，應該讓用戶很輕松的就能注銷賬戶。用最后一個機會給用戶留下好印象。

整本書從布局到操作，圍繞著用戶的體驗做講解。其中最主要的幾點如下：

一、?布局

布局是一塊很重要的東西，擁有良好的布局能夠更好幫助用戶去閱讀網站的內容。

根據古騰堡圖表理論，左上角為用戶的第一視覺落點區，右下角是最終視覺落點區，因此左上角基本都是放一些LOGO和重要提示，右下角則更多的是一些操作

二、?導航

導航欄很重要，這將會告訴用戶現在在哪里，可以到哪去，合理清晰的導航結構能夠大大提升用戶的操作效率。導航的結構最好為第一層為動詞，第二次為XX東西的欄目，這樣能夠讓用戶更加清晰自己的操作。

?

三、?鏈接

鏈接生來不平等，不同重要程度的信息，需要用不同的方式展示，可以用字體大小顏色等做區分，但要注意不要濫用。

四、?化繁為簡

不要讓界面看上去過于的復雜，要盡可能的節簡，用戶大多數時候只是會一覽而過，并不會過多的去做停留，所以文字描述需要盡可能的節簡提高用戶的查看的效率。

五、?表單操作

表單布局要合理，要減少用戶自己去對其標簽和輸入框的時間，慎用彈出警告框，用的越多越沒有效果。在發生錯誤時，要清晰的提醒用戶發生錯誤的內容和位置。一些表單我們可以提示或者預先幫助用戶填好，這都可以幫助用戶更加快捷的使用。

《點石成金》讀書筆記

整本書圍繞著如何從用戶的角度去做思考與設計做講解，其中最主要的內容如下：

一、?別讓我思考

所有的網站或者是app這一點都可以是第一法則，要減少用戶的思考成本，讓用戶能夠快速精準的明白網站各個功能的操作及用途。一個好的頁面，應該是能夠讓用戶一目了然的，用戶并不需要做過多的思考也能夠明白如何去使用。

二、?滿意即可

用戶大多數時候只是一掃而過，不會做仔細的瀏覽，用戶不做閱讀，只是掃描，用戶不會做出最佳選擇，而是滿意即可，用戶不會追根究底，而是勉強應付。

三、?盡量符合用戶習慣

盡量符合用戶的使用習慣，減少用戶的學習成本。用戶更喜歡無需思考的操作，符合用戶的習慣能夠減少的思考。

四、?省略不必要的文字

去掉不必要的文字能夠減少頁面的噪音，更加突出頁面的重要內容，能夠更多的讓用戶看到他們希望看到的東西，也節省了用戶瀏覽的時間。

五、?主頁的內容

首先要承認主頁不由你控制，網站的主頁必須要讓用戶知道，這是什么網站，網站有些什么，網站能做些什么，

六、?提高用戶友好度

了解清楚你的用戶想要在網站上獲取什么，讓他能夠更簡潔明白，盡可能的減少他操作的步驟，讓他能夠更高效的完成自己的操作。

七、?測試的重要

要想做出一個真正優秀的網站，就必須要測試，只有不停的測試才能夠發現問題所在。越完善的測試，越能夠發現問題的所在，越能夠提升網站的可用性。

《瞬間之美 Web界面設計如何讓用戶心動》?[美] Robert Hoekman, Jr. 著 向怡寧 譯

《點石成金 訪客至上的Web和移動可用性設計秘笈》?[美] Steve Krug 著 蔣芳 譯

網絡使用情況的三個事實：

1、我們瀏覽頁面時，不是閱讀，而是掃描

?除了極少數如新聞故事、報告，或產品描述等頁面，我們極少會花時間來閱讀大部分的頁面，相反，只是掃描一下，尋找能引起注意力的文字或詞語。

因為我們總是有任務在身的。大部分情況下，我們使用Web都是想完成某項任務，而且希望能盡快完成。也知道，在絕大多數頁面里，只有小部分內容是與當前任務相關的，或是自己感興趣的。同時，比之閱讀，我們更愿意和擅長通過掃描來找尋相關內容完成任務。

2、我們不做最佳選擇，而是滿意即可

對于完成某個任務，我們并不會遍尋所有可能，找出最佳解決方案，而是快速地判斷、選擇某種可能完成任務的方法。因為我們總是處于忙碌中，而尋找最佳策略，需要時間。且對選擇進行權衡并不一定會改善我們的機會，花費時間不一定能找到更優的選擇。同時就算猜錯了，也不會產生什么嚴重的后果，還可以輕易推到重來。

3、不求追根究底，只要勉強應付

我們并不關心程序的運行原理，網站或頁面的方方面面，只關心能不能更便捷高效地完成工作。

基于以上網絡使用情況，網站應該具備一定的可用性：讓一個有著平均能力和經驗的人（甚至稍低于平均水平）能明白如何使用它——不必付出過度的努力，或者遇到不必要的麻煩。

當用戶看到一個頁面時，它應該是不言而喻、一目了然、自我解釋的。用戶應該能明白它是什么，能干什么，怎樣用它，而不需要進行額外的思考。

從而讓用戶能更快、更有效地獲取信息或完成任務。良好的體驗，讓用戶感覺自己聰慧、備受尊重、做事有成效。

而要讓頁面能一目了然，用戶無需進行額外的努力就能使用，需要頁面盡量避免出現強迫用戶思考的元素，如混亂不堪的布局、表意不明的文字等。

以下方法有助于構建高可用性的網站：

1、盡量利用習慣用法，遵循習慣和慣例——已廣為采納或標準化了的設計模式。

如頁面上的什么內容在什么位置、服務將如何運作、視覺元素的外觀等依據長久使用習慣演化出的網頁設計的習慣用法。

2、建立有效的視覺層次

利用形狀、顏色、字體大小等方式突出重要部分。視覺效果體現內在邏輯關系。如邏輯上相關的部分在視覺上也相關，邏輯上包含的部分在視覺上進行嵌套。

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

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

5、最小化干擾，降低視覺噪聲

避免內容無層次感，無突出重點信息，使人眼花繚亂。通過組織布局，以有罪推論，去除頁面中對完成任務無效的無謂部分，使頁面簡介高效。

6、為內容創建清楚的格式，以便掃描識別

充分使用標題、保持段落簡短、使用符號列表、突出關鍵詞語，使內容層次分明，易于辨識，快速掃描抓取重點信息。