可用性原則
1.可用性第一原則：別讓我思考。
2.可用性第二原則：點(diǎn)擊多少次都沒有太多關(guān)系，只要每次點(diǎn)擊都是無需思考、明確無誤的選擇。
3.可用性第三原則：省略多余的文字，去掉每個(gè)頁面上一半的文字，然后把剩下的文字再去掉一半。
4.如果你不能做到讓一個(gè)頁面不言而喻，那么至少應(yīng)該讓它自我解釋。
5.我們實(shí)際上是如何使用Web的：我們不是閱讀，而是瀏覽、我們不作最佳選擇，而是滿意即可、我們不是追根究底，而是勉強(qiáng)應(yīng)付。
6.為瀏覽設(shè)計(jì)，不為閱讀設(shè)計(jì)。
7.某個(gè)東西越需要投入大量時(shí)間，或者看起來會(huì)這樣，它將來就會(huì)用得越少。
8.可用性的定義：讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人（甚至稍低于平均水平）能明白如何使用它——不必付出過度的努力，或者遇到不必要的麻煩。
9.可用性的定義可分為：有用，可學(xué)習(xí)，可記憶，有效，合乎期望。
10.最小化干擾：即降低視覺噪點(diǎn)。
11.用戶喜歡無需思考的選擇。
12.必要的幫助和支持：簡(jiǎn)短、及時(shí)、不會(huì)錯(cuò)過。
13.主要省去歡迎文字和精簡(jiǎn)指示文字.
14.好的促銷文案：不會(huì)一個(gè)勁地說自己有多好，而是描述什么東西讓我們感覺更好。
第一章?別讓我思考
1.別讓用戶思考，讓每一個(gè)頁面不言而喻。用戶處于忙碌之，知道自己不必閱讀所有內(nèi)容。
2.善于掃描（注意力在自己感興趣的部分），用戶只要看它一眼就知道是什么內(nèi)容，知道怎么用它。如果不能，至少也應(yīng)該一目了然。
第二章?我們實(shí)際上是如何使用web
1.用戶不是閱讀，而是瀏覽。
①第一個(gè)事實(shí)：我們不是閱讀，而是掃描——人們總是處于忙碌中；
知道自己不需要閱讀所有內(nèi)容；善于掃描（瀏覽）。
②第二個(gè)事實(shí)：我們不做最佳選擇，而是滿意即可——忙碌；猜錯(cuò)了，
后果也不嚴(yán)重；對(duì)選擇進(jìn)行權(quán)衡不會(huì)改善我們的機(jī)會(huì)；猜測(cè)更有意思。
③第三個(gè)事實(shí)：我們不是追根究底，而是勉強(qiáng)應(yīng)付——根源對(duì)我們來說
不重要；若發(fā)現(xiàn)某個(gè)事物能用，就會(huì)一直用它。
2.抓住用戶內(nèi)心需求，用戶不做最佳選擇（難、時(shí)間長(zhǎng)）而是滿意即可（效率更高）；我們不會(huì)是追根揭底，而是勉強(qiáng)應(yīng)付。
第三章?廣告牌設(shè)計(jì)101法則
1.在每個(gè)頁面上建立清楚的視覺層次：越重要的部分月突出；邏輯上相關(guān)的部分在視覺上也相關(guān)，邏輯上包含的部分在視覺上進(jìn)行嵌套。
2.?盡量利用習(xí)慣用法：習(xí)慣用法非常有用，設(shè)計(jì)師為了新穎通常不愿意利用習(xí)慣用法。
3.把頁面劃分成明確定義的區(qū)域。
4.明確標(biāo)識(shí)可以點(diǎn)擊的區(qū)域。
5.最大限度降低干擾：眼花繚亂；背景噪聲（間隔線盡量虛化）
第四章 動(dòng)物、植物、無機(jī)物
“三次無需思考明確無誤點(diǎn)擊相當(dāng)于一次需要思考的點(diǎn)擊”
1.點(diǎn)擊次數(shù)不是重點(diǎn)，用戶在使用網(wǎng)頁中如果頁面上信息過于繁瑣，那么用戶就要產(chǎn)生一個(gè)思考的過程，因此給用戶點(diǎn)擊（選擇）體驗(yàn)盡可能直白。
2.點(diǎn)擊多少次都沒關(guān)系，只要每次點(diǎn)擊都是無須思考，明確無誤的選擇——可用性第二定律。
3.如果我們需要一直在網(wǎng)絡(luò)上進(jìn)行選擇，那么讓這些選擇變得無須思考是讓一個(gè)網(wǎng)站容易使用的主要因素。
第五章 省略多余的文字
去掉頁面上一半的文字，然后把剩下的的文字再去掉一半。——可用性第三定律
有力的文字都很簡(jiǎn)練。句子里不應(yīng)該有多余的文字，段落里不應(yīng)該有多余的句子。
去掉沒人會(huì)看的文字的好處：可以降低頁面噪音;讓有用的內(nèi)容更突出;讓界面更簡(jiǎn)短，讓用戶在每個(gè)頁面一眼就能看到更多內(nèi)容。
實(shí)際上必需去掉的兩種特別的文字：歡迎詞和指示說明。
第六章 街頭指示牌和面包屑
記?。?b>如果在網(wǎng)站上找不到方向，人們不會(huì)使用你的網(wǎng)站。
Web上的體驗(yàn)缺少空間感：感覺不到大小、方向、位置。
若我們想再次訪問網(wǎng)站的某個(gè)內(nèi)容，我們記住的是它在概念層次上的位置，而不是依靠它在哪里的物理感覺，讓后順著以往的鏈接過去，這是書簽重要的原因，也是后退按鈕點(diǎn)擊率極高的原因。
導(dǎo)航有兩個(gè)顯而易見的用途：幫助我們找到任何東西以及告訴我們現(xiàn)在身在何處。
導(dǎo)航的其他功能：它給了我們一個(gè)固定的感覺；告訴我們當(dāng)前的位置；告訴我們?nèi)绾问褂镁W(wǎng)站；給了我們對(duì)網(wǎng)站建造者的信心。
設(shè)計(jì)得當(dāng)?shù)某志脤?dǎo)航應(yīng)該是平靜,令人舒服的。
讓導(dǎo)航部分每一頁以一致的外觀出現(xiàn)在同樣的位置，會(huì)讓你立即確認(rèn)自己仍然在這個(gè)網(wǎng)站上——這比你想象中更加重要同時(shí)意味著你只需要了解它一次。
（Microsoft軟件導(dǎo)航欄基礎(chǔ)部分一樣只有顏色的區(qū)別）
持久導(dǎo)航應(yīng)該包括5個(gè)元素：站點(diǎn)ID(LOGO);回主頁的方式；探索的方式；實(shí)用工具；欄目。
提供搜索——由于搜索的潛在威力和喜歡搜索的用戶比喜歡瀏覽的用戶更多，因此每個(gè)頁面都應(yīng)該有一個(gè)搜索框或一個(gè)搜索頁面的連接，除非你的網(wǎng)站真的不太需要搜索。
大多數(shù)用戶登錄新站點(diǎn)，第一件事是掃描頁面，看看有沒有搜索。
搜索框要堅(jiān)持簡(jiǎn)約原則：一個(gè)輸入框、一個(gè)按鈕、還有搜索字樣，切記復(fù)雜。
要抵消網(wǎng)絡(luò)固有的空間迷失感，其中的一種導(dǎo)航方式是告訴我當(dāng)前在什么位置。在Web中，可以用突出當(dāng)前位置來實(shí)現(xiàn)，不管是在頁面的導(dǎo)航條、列表還是菜單上。
面包屑導(dǎo)航不會(huì)占用太多空間，提供一種方便的方式讓你：退回上一個(gè)層次或去主頁，它用來補(bǔ)充固定導(dǎo)航機(jī)制最有價(jià)值。
標(biāo)簽是極少幾個(gè)將物理隱喻有效應(yīng)用到用戶界面的例子之一。將原來的物體分成了不同的部分，打開不同的部分很容易，通過突出的標(biāo)簽可以翻到對(duì)應(yīng)位置。
標(biāo)簽是大型網(wǎng)站導(dǎo)航的上佳選擇：它們不言而喻；它們很難錯(cuò)過；他們很靈活；它們暗示了一個(gè)物理空間。
如果想要使用標(biāo)簽，認(rèn)真參考Amazon經(jīng)典的標(biāo)簽設(shè)計(jì)，并且務(wù)必模仿其中的三個(gè)要點(diǎn)：?
正確繪制：激活的標(biāo)簽頁位于其他標(biāo)簽頁之前——這是讓他和標(biāo)簽相像的最大要點(diǎn)——比與眾不同的標(biāo)簽外形更重要?！霠I(yíng)造出這樣的效果，激活的標(biāo)簽頁必須有一種不同的顏色或外形做對(duì)比，并且必須與它下面的空間在物理上鏈接起來，這是把激活的標(biāo)簽頁“彈到”最前方的方法。
顏色編碼：為網(wǎng)站的每個(gè)欄目使用不同的標(biāo)簽顏色。并把這種顏色用在頁面其他導(dǎo)航元素上，讓他們渾然一體?！\(yùn)用顏色對(duì)比，飽和與中性對(duì)比
當(dāng)你進(jìn)入網(wǎng)站時(shí)，有一個(gè)標(biāo)簽已經(jīng)選中。
進(jìn)入網(wǎng)站一般會(huì)遵循的流程：
你通常是為了尋找某個(gè)目標(biāo)
你會(huì)決定先詢問還是先瀏覽
如果選擇瀏覽，你將通過標(biāo)識(shí)的引導(dǎo)在層次結(jié)構(gòu)中穿行
最后，如果找不到想要的東西，就會(huì)離開。?
第七章 首先要承認(rèn)，主頁不由你控制
主頁要完成的任務(wù)：?
站點(diǎn)的標(biāo)識(shí)和使命：是什么網(wǎng)站，是做什么的，為什么我應(yīng)該在這里而不是其他網(wǎng)站?
站點(diǎn)層次：主頁要給出網(wǎng)站提供服務(wù)的概貌，既有內(nèi)容，又有功能還有這些服務(wù)是如何組織的——通常由持久導(dǎo)航來處理。?
搜索：大多數(shù)網(wǎng)站需要在主頁上設(shè)置一個(gè)突出顯示的搜索框?
導(dǎo)讀：用暗示吸引用戶——內(nèi)容推薦應(yīng)突出最新、最好、最流行的內(nèi)容片段：功能推薦部分應(yīng)邀請(qǐng)?jiān)L問或試用一些個(gè)性化功能?
內(nèi)容片段：功能推薦部分應(yīng)邀請(qǐng)?jiān)L問或試用一些個(gè)性化功能?
內(nèi)容更新：主頁要經(jīng)常更新內(nèi)容?
友情鏈接：預(yù)留空間放置廣告、交叉推廣、合作品牌的鏈接?
快捷方式：最常訪問的內(nèi)容片段（如軟件升級(jí)）值得在主頁上放置鏈接?
注冊(cè)：登錄注冊(cè)鏈接，并讓用戶知道已經(jīng)登錄了（歡迎回到……）
設(shè)計(jì)主頁不可避免的要做一些折中。
設(shè)計(jì)網(wǎng)頁必要傳達(dá)整體形象——當(dāng)進(jìn)入新的網(wǎng)頁時(shí)，主頁應(yīng)該盡可能快速清晰的回答四個(gè)問題：這是什么網(wǎng)站？我能在這里做什么？網(wǎng)站上有些什么？為什么我應(yīng)該在這里而不是在別的地方？
網(wǎng)頁設(shè)計(jì)中整體形象如何傳達(dá)？?
口號(hào)：最有價(jià)值的位置之一是靠近LOGO的地方?
歡迎廣告：是網(wǎng)站的簡(jiǎn)要描述，在主頁的首要位置顯示，不需要滾動(dòng)屏幕就能看到。
信息傳達(dá)的指導(dǎo)原則
需要多大空間就用多大空間，但也不要使用過多空間?
不要把使命陳述當(dāng)作歡迎廣告?
最重要的是進(jìn)行測(cè)試?
沒有什么比得上一個(gè)好口號(hào)
口號(hào)是一條精煉的短句，刻畫了整個(gè)企業(yè)，總結(jié)它是什么，什么讓它如此卓越。它是用戶最希望能找到關(guān)于網(wǎng)站目標(biāo)具體描述的地方。
選擇口號(hào)時(shí)要考慮的幾點(diǎn)：
好的口號(hào)要清晰、言之有物?
不好的口號(hào)含混不清?
好的口號(hào)長(zhǎng)度適中，6-8個(gè)英文單詞足以表達(dá)思想，而且容易讓人領(lǐng)會(huì)?
好的口號(hào)能表達(dá)出網(wǎng)站的特點(diǎn)和顯而易見的好處?
不好的口號(hào)聽起來太籠統(tǒng)?
好的口號(hào)應(yīng)該有個(gè)性、生動(dòng)、有時(shí)候還很調(diào)皮
當(dāng)進(jìn)入一個(gè)新網(wǎng)站，快速掃描主頁之后，我應(yīng)該能明白無誤的知道：如果我想要搜索、掃描及掃描網(wǎng)站最精彩的內(nèi)容，都可以從這里開始
在那些針對(duì)包含一系列步驟的過程所建立的網(wǎng)站上，過程的起點(diǎn)應(yīng)該很顯眼；在需要新用戶注冊(cè)的／老用戶登錄的網(wǎng)站，應(yīng)該突出顯示注冊(cè)和登錄的位置
主頁導(dǎo)航可以不一樣。由于主頁獨(dú)特的職責(zé)，通常不必使用持久導(dǎo)航，常見差別包括：?
欄目描述：由于主頁要盡可能多的表現(xiàn)網(wǎng)站內(nèi)容，因此可能想為每個(gè)欄目名稱增加一些描述性短語，甚至列出下一級(jí)欄目——這些內(nèi)容不可能放置在每個(gè)頁面上。?
不同的方向：主頁可能有必要使用垂直導(dǎo)航欄而不是水平導(dǎo)航欄?
不同的方向：主頁可能有必要使用垂直導(dǎo)航欄而不是水平導(dǎo)航欄?
最重要的是，讓欄目的名稱保持不變：同樣的順序、文字、分組；盡可能多的保持相同的視覺提示也很有用：同樣的字體、顏色和大小。
下拉框可以節(jié)約空間，但它存在幾個(gè)問題：
你必須把他們找出來：列表中但項(xiàng)目掃描頁面時(shí)看不到?
他們難以掃描：標(biāo)準(zhǔn)但HTML下拉菜單，他們無法控制字體、間隔和列表格式?
他們不好控制：列表顯示和收縮很快，會(huì)影響查看效果
下拉框?qū)τ诮M織按字母順序排列但項(xiàng)目最有效，例如國(guó)家，省份或產(chǎn)品 。但當(dāng)不知道自己在找什么名稱時(shí)，下拉框的效率就很低了，特別是下拉清單不是按字母順序或者清單長(zhǎng)到需要滾動(dòng)的情況。
任何共享的資源都會(huì)因?yàn)檫^度使用而遭到破壞，避免在首頁過度推銷過多項(xiàng)目
第八章?農(nóng)場(chǎng)主和牧牛人應(yīng)該是朋友
為什么Web設(shè)計(jì)團(tuán)隊(duì)討論可用性實(shí)在浪費(fèi)時(shí)間，如何避免這種情況。
1.Web團(tuán)隊(duì)的成員對(duì)于好的網(wǎng)站設(shè)計(jì)由什么組成有著不同的看法，但其實(shí)所有的Web用戶都是獨(dú)一無二的，所有的Web使用都是不一樣的。好的設(shè)計(jì)會(huì)把這種復(fù)雜性考慮進(jìn)去。
2.爭(zhēng)論，浪費(fèi)時(shí)間，消耗團(tuán)隊(duì)精力。
第九章?一天10美分的可用性測(cè)試
讓測(cè)試簡(jiǎn)單——這樣你能進(jìn)行充分的測(cè)試
1.爭(zhēng)論的解藥——測(cè)試。（盡早測(cè)試）
①在項(xiàng)目中，早一點(diǎn)測(cè)試以為用戶好過最后測(cè)試50位用戶。
②人們對(duì)招募用戶代表的重要性估計(jì)過高。
③測(cè)試的關(guān)鍵不是要證明什么或反駁什么，而是了解你的判斷力。
④測(cè)試是一個(gè)迭代的過程。
⑤沒有什么比現(xiàn)場(chǎng)用戶的反應(yīng)更重要。
2.跳樓大減價(jià)的建議可用性測(cè)試，3-4位用戶，招募方式比較隨便地點(diǎn)比較隨意，主導(dǎo)人具有相對(duì)耐心的人即可，成本低。
3.應(yīng)該測(cè)試多少用戶，很多情況下每輪測(cè)試的理想用戶數(shù)量應(yīng)該是3-4個(gè)。
4.寬松招募，曲線上升，利用你能夠?qū)ふ业降娜魏稳耍M足最低要求——懂網(wǎng)上的基本知識(shí)），然后曲線上升。
5.在哪里測(cè)試XXXXX（感覺沒用），通過視頻電纜把攝像機(jī)的信號(hào)傳到附近的另一個(gè)辦公室以便團(tuán)隊(duì)的每個(gè)人都能觀察而不干擾測(cè)試用戶。
6.應(yīng)道測(cè)試的人，冷靜、耐心、由同理心、善于傾聽、天性公正的人。不要選完全不是人類的人或者辦公室狂人。
7.立刻回顧測(cè)試結(jié)果，給問題分類、解決問題。
8.常見問題，用戶不清楚概念、他們找不到自己要找的字眼、內(nèi)容太多
9.解決辦法，忽略“Kayak”（劃皮艇）問題、抵制添加的沖動(dòng)、不要太看重人們對(duì)新功能的要求、抓住夠得著的果子。
10.別把孩子也潑出去了，和任何好的設(shè)計(jì)一樣，成功的網(wǎng)頁往往要進(jìn)行巧妙的平衡，哪怕是一個(gè)微小的改動(dòng)也會(huì)帶來不曉得影響。
11.每個(gè)月一個(gè)上午的測(cè)試。
第十章?可用性是基本禮貌
為什么你的網(wǎng)站應(yīng)該讓人尊敬
1.好感儲(chǔ)存器是什么
好感儲(chǔ)存器是用戶對(duì)該網(wǎng)站用戶體驗(yàn)的感知，以及用戶體驗(yàn)的好壞程度的一個(gè)反饋。
2.影響用戶的好感儲(chǔ)存期的因素
①每個(gè)用戶的特質(zhì)，用戶的性格，個(gè)性，耐心程度
②用戶在使用該網(wǎng)站時(shí)的環(huán)境以及用戶當(dāng)時(shí)的心情
③網(wǎng)站是否真正關(guān)心用戶的利益等因素
3.降低好感度的方式
①為提供用戶應(yīng)該知道，了解的比較信息。例如產(chǎn)品價(jià)格，客服聯(lián)系方式等信息
②不符合用戶的行為習(xí)慣
③獲取過多用戶不必要的個(gè)人信息
④過多虛偽的真誠(chéng)，例如上一章講到的歡迎語不宜過多
⑤設(shè)置一些不必要的信息障礙使用戶的用戶體驗(yàn)不自由，浪費(fèi)時(shí)間
網(wǎng)站設(shè)計(jì)凌亂不專業(yè)給用戶一種你并沒有認(rèn)真做網(wǎng)站的態(tài)度
4.提高好感度的方法
①了解使用該網(wǎng)站的用戶的需求并簡(jiǎn)單明了的呈現(xiàn)給用戶
②讓用戶盡可能的了解他想要的信息即便這個(gè)星期并不是用戶的期望
③盡量使網(wǎng)站的操作簡(jiǎn)單，以此來提升用戶體驗(yàn)
④盡最大能力為用戶解決一切疑問
⑤為用戶提供更加方便，簡(jiǎn)捷優(yōu)質(zhì)的服務(wù)
⑥解決不可避免的bug,及時(shí)優(yōu)化網(wǎng)站的不足
⑦如果不能為用戶解決問題但必須讓用戶了解,坦誠(chéng)面對(duì)用戶
第十一章?可訪問性級(jí)聯(lián)樣式表和你
將可訪問性做到更好,即用戶體驗(yàn)更好才會(huì)讓殘疾人士用著更方便
測(cè)試是改進(jìn)網(wǎng)站的可訪問性的方法
只有將網(wǎng)站操作步驟做到更簡(jiǎn)單才能更好的改進(jìn)網(wǎng)站的可訪問性
級(jí)聯(lián)樣式就是將每一層級(jí)的頁面同上下層級(jí)的邏輯關(guān)系以文件夾同文件的形式梳理清晰，也可認(rèn)為同一頁面中的各個(gè)元素的主次關(guān)系，使其更有邏輯形成一種可循的規(guī)律，同時(shí)也是其更加智能化更加靈活是用戶體驗(yàn)更加美好
很多網(wǎng)站都沒有通過三秒可問性測(cè)試——增大字體
第十二章?救命，老板我想要······
當(dāng)好人遇到不好的設(shè)計(jì)決策
詢問不必要的用戶信息會(huì)令用戶感到不安，減少用戶對(duì)該網(wǎng)站的信任感。并且會(huì)得不到真實(shí)的數(shù)據(jù)信息，并且網(wǎng)站形象會(huì)有所下降以及得到完整的信息表更少。?
制作網(wǎng)站的原則
只讓用戶提供此次操作所必需的信息
不要過多要求填寫可選信息
明確告訴用戶注冊(cè)后會(huì)得到什么
制作網(wǎng)站不需要視覺很炫酷，但要有表現(xiàn)力，專業(yè)，吸引人，在不妨礙網(wǎng)站正常運(yùn)行的情況下，來做網(wǎng)站的視覺來吸引用戶，但要適度。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 三米工作室WE團(tuán)隊(duì)
