——不知道什么是有用的，看到的都記下，只為自己在轉型的路上越走越好。
關于《don't make me think》
關于web可用性設計的工具書，在用戶心理、使用行為模式、導航/主頁設計、可用性測試等方面提出了許多觀點和建議。但基于現有環境氛圍，本書的部分觀點已不再適用，案例比較陳舊，但仍不失為一本好書，特別是其可用性三大定律，很有學習的意義。
一、關于可用性三大定律
1、可用性第一定律：別讓我思考
? ?·讓每個頁面不言而喻，普通用戶看一眼就明白是什么內容，如何使用它；
? ?·如果不能做到讓每個頁面不言而喻，至少讓它自我解釋，減少訪問者的挫敗感。
2、可用性第二定律：點擊多少次都沒關系，只要每次點擊都是無需思考，并且是明確無誤的選擇
? ?·經驗準則：三次無須思考、明確無誤的點擊，相當于一次需要思考的點擊
3、可用性第三定律：去掉每個頁面上一半的文字，然后把剩下的文字再去掉一半
? ?·有力的文字都很簡練，如同畫上不應該有多余的線條，機器上不應該有多余的零件；
? ?·降低頁面噪聲，突出有用內容；
? ?·讓頁面更簡短，每個頁面可看見更多內容而不必滾動屏幕；
? ?·歡迎詞&指示說明必須消滅（用戶更喜歡直接了當，減少不必要的時間）。
二、用戶是如何使用web？
1、快速掃描頁面內容，選擇性閱讀
? ?Why？
? ?人們總是處于忙碌之中；在絕大多數頁面上，通常只對一小部分內容感興趣，只關心我們感興趣的內容；我們善于掃面，正如掃描報紙、雜志一般。
2、搜索頁面時，不做最佳選擇，滿意即可
? ?Why？
? ?如《source of power：how people make decisions》中指出：尋找最佳策略略艱難，需要的時間也更長，相較而言，滿意策略效率更高效；如果猜錯了，也不會產生什么嚴重的后果（如后退按鈕）；對于設計不佳的網站，選擇/進行權衡并沒有改善我們的機會；通常猜測更有意思，沒有仔細權衡辣么累。
3、不追究到底，而是勉強應付
? ?Why？
? ?對大多數人來說，對于是否明白背后的工作機制并不重要，只要夠用就好；如果發現以某個東西能用，我們會一直用它，除非偶然發現更好的。
三、實踐中需要注意的幾個方面
用戶瀏覽習慣：
1、為掃描設計，而不是為閱讀設計
? ?·建立清楚的視覺層次
? ?·越重要部分越突出
? ?·邏輯上相關的東西在視覺上也相關，邏輯上相關的部分在視覺上進行嵌套
? ?·盡量利用習慣用法
2、符合用戶習慣認知的設計
? ?·把頁面劃分成明確定義區域
? ?·明顯標識可以點擊的地方
? ?·最大限度降低干擾
? ?·降低視覺噪聲（眼花繚亂、背景噪聲）
3、導航設計
·導航作用：
? ?l給我們一些固定的感覺
? ?l告訴我們當前位置
? ?l告訴我們如何使用網站：從哪兒開始，能進行哪些選擇
·無法承受的瀏覽
? ?|感覺不到大小、感覺不到方向、感覺不到位置
·搜索框
? ?|避免花俏用詞、提供指示說明（例如搜索框內的說明，告知用戶以何種方式搜索）&選項（當存在混淆時，如下截圖）
·頁面名稱
? ?|每個頁面都需要一個引人注目的名稱，并放置在合適的位置，名稱要與點擊的鏈接一致
突出用戶當前所在位置
·面包屑（層級菜單）
? ? |告知用戶從主頁到當前頁面的路徑
? ?案例：http://fatherhood.about.com/od/workingfathers/ss/Top-Apps-and-Tech-Tools-for-Better-Work-Life-Balance.htm#step2（about.com）
·標簽
? ?|自我解釋、靈活、突出
? ?|激活的標簽必須有一種不同的顏色，并與它下面的空間在物理上連接起來
? ?|對欄目進行顏色編碼
? ?|當進入網站時，有一個標簽已經選中（否則幾秒之內用戶注意不到標簽的存在）
? ?案例：800.com、亞馬遜
4、測試是否成功
? ?如果頁面設計良好，應使能毫不猶豫回答出以下問題：
? ?l這是什么網站？---站點ID
? ?l我在那個頁面上？---網頁名稱
? ?l網站的主要欄目有哪些？---欄目清單
? ?l在這個層次上我有哪些選擇？---本頁導航
? ?l我在什么位置？---顏色編碼/位置指示器
? ?l我怎么搜索？
5、主頁
·包含內容：
? ?|站點標識&使命：解釋網站是做什么的
? ?|站點層次：我能在這兒找到什么？有哪些功能？能做什么？
? ?|搜索
? ?|導讀：功能/內容推介
? ?|內容更新
? ?|友情鏈接
? ?|快捷方式：降低用戶查找成本
? ?|注冊
? ?|告知用戶從哪兒開始
? ?|讓用戶看到正在尋找（想要的東西顯而易見）/沒有尋找的東西（用戶也許會感興趣的內容）
? ?|建立可信度&信任感
? ?|當進入新的網站是，掃描主頁后，應該讓用戶明白：如果想要搜索，可以從哪兒開始；如果想要閱讀頁面信息，可以從哪兒開始；如果想要查看網站最精彩的內容，可以從哪兒開始。
·關于主頁導航下拉框表現出的問題：
? ? |必須鼠標滑過/點擊才能看到下拉裂變。列表頁上的項目在用戶掃描頁面時看不到；
? ? |當列表很長時，效率低。
三、關于測試哪些事
·可用性：
? ?誤區：認為絕大多數用戶喜歡我們所喜歡的
? ?考慮：某個模塊某種設計是否會為用戶帶去良好的體驗，而不僅是用戶喜不喜歡。
? ?測試：什么有效、什么無效，發現用戶動機、理解、反應。
·測試中常見的問題：
? ?l用戶不清楚網站說的是什么
? ?l用戶找不到自己要的字眼---組織內容不符合用戶習慣，或分類符合但名稱不符合
? ?l內容太多，以致于看不到想要的內容---減少頁面干擾，或突出重要內容
·提高好感的幾種方式：
? ?讓用戶明白網站可以做什么
? ?告訴用戶想知道的
? ?盡量減少步驟
? ?細致：盡量準確、 清晰的幫助用戶找到所需要的信息
? ?知道用戶可能有哪兒疑問，基于解答（FQA）
? ?為用戶提供協助，如打印頁面
? ?容易從錯誤中恢復，但出現不可避免的錯誤時，提供另一種優雅、清楚的方法讓用戶從錯誤中恢復
? ?如有不確定，記得道歉
四、實例對比：
鏈家VS房天下
·鏈家主頁
包含logo（網站ID）、主導航、網站口號、搜索框
? ?特點：1、鏈家背景圖片是以家做為背景，頁面不言而喻（讓用戶瞬間就明白該網站的主題是什么）
? ?2、搜索框：兩件搜索框旁邊按鈕”開始找房”，相比icon圖標按鈕，更簡單易懂
? ? 缺點：沒有根據用戶訪問IP自動為用戶定位網站位置，默認均是武漢，需要用戶手動切換地點。對于某些用戶來說，可能會認為該網站不能查看其它城市。建議在城市部分做倒三角圖標，或提示切換城市的標語，減少用戶思考。
·房天下主頁
? ?缺點：logo放置在中央，從視覺習慣上來看，并不容易被用戶察覺，且容易被背景同化（當背景色為黑色等）
? ?特點：導航條以紅色作為背景橫跨頁面頂端，顯眼。在導航左邊“城市”模塊，附有倒三角圖標，以及中央“切換城市”，用戶很容易知道該網站包含多個城市頁面。
·鏈家內頁
? ?特點：logo旁邊附有“新房”“二手房”“在售”“樓盤”等字樣，告知用戶當前所在類目。二手房的面包屑層次描述很詳細，明確告知用戶當前所在位置和所處的層級。
? ?缺點：1、二手房搜索框下拉菜單含有成交項，搜索框內描述的是“輸入關鍵詞”，會讓用戶思考關于成交，我應該輸入什么來進行搜索。而當輸入樓盤/區縣名稱時，跳轉頁面至在售房源列表頁，而這似乎與用戶想要了解成交并沒有關系。
? ? 2、新房頁面，導航沒有為用戶所在位置做標識，頁面出現兩個“首頁”描述詞，會讓用戶思考如果我想要進入網站主頁的時候該點哪一個“首頁”才能正確跳轉。
·房天下內頁
? ?缺點：1、第一張圖，區縣等篩選區域采用下拉框的設計樣式，雖然這樣設計節約頁面空間，但是對于商圈較多的城市來說，下拉框的內容會顯得臃腫繁冗，體驗并沒有很好。在淺灰色背景區域，同時會顯得內容太多，排版混亂。
? ?2、視覺噪聲太多，眼花繚亂。
? ?優點：1、網站采用全局導航，每個頁面導航顯示樣式保持一致，再配合面包屑，能讓用戶清晰知道用戶所處位置，所處層級。
? ?2、第二張圖（紅色框標出的“樓盤首頁”部分），采用標簽樣式，且激活的標簽有不同的顏色，并與它下面的空間在物理上連接了起來。
? ? 相同部分，每個頁面都配有導航+搜索，便于滿足不同用戶的瀏覽操作習慣。但整體設計而言，鏈家干擾項較少，頁面整潔，某些細節部分好于房天下。
-----------------是在是太懶了，懶得再分析多一點啊啊啊啊-----------------------
