這是一本講互聯(lián)網(wǎng)產(chǎn)品可用性的書暂筝！
本書分為13個(gè)章節(jié)，為了便于記憶硬贯，我將其總結(jié)為3大塊：
一.指導(dǎo)原則
二.設(shè)計(jì)與方法
三.爭取他人重視可用性
一焕襟。指導(dǎo)原則
三大可用性定律：
1.別讓我思考
2.確保每次點(diǎn)擊無需思考，選擇明確無誤
3.去掉頁面上一半的文字
1.別讓我思考
標(biāo)準(zhǔn)：不言而喻饭豹，一目了然>自我解釋
不言而喻：當(dāng)人看見一個(gè)網(wǎng)頁的時(shí)候鸵赖，就能知道這是_,那是_,我要找的東西在這里。
注意點(diǎn)：
1.使用用戶語言：避免使用專業(yè)的名稱
2.符合用戶心理模型：有明顯的視覺線索（是什么就是什么）拄衰，合理的操作流程
原因：符合用戶的的行為習(xí)慣—三個(gè)用戶事實(shí)
1.我們不是閱讀而是掃描：只看與任務(wù)相關(guān)的它褪，個(gè)人興趣，根深蒂固的詞—免費(fèi),大減價(jià),美女等
2.我們不做最佳選擇翘悉，而是滿意即可：我們很忙碌茫打，猜錯(cuò)了也不會(huì)有嚴(yán)重后果，猜測更有意思
3.我們不是追根問底妖混，而是勉強(qiáng)應(yīng)付：理解原因不重要老赤，發(fā)現(xiàn)某個(gè)能用的東西會(huì)一直用它（除非偶然發(fā)現(xiàn)另一個(gè)）
設(shè)計(jì)：未掃描而設(shè)計(jì)，不為閱讀而設(shè)計(jì)
1.盡量使用習(xí)慣用法：遵循用戶習(xí)慣和設(shè)計(jì)標(biāo)準(zhǔn)（一致性：簡潔>一致性）制市，除非你的創(chuàng)新同樣不言而喻抬旺，或者有很大的價(jià)值
2.建立有效的視覺層次：越重要的部分越突出，邏輯上相關(guān)的部分視覺上也相關(guān)息堂，邏輯上相關(guān)的部分視覺上嵌套
3.把頁面劃分成明確定義的區(qū)域：接近原則
4.明顯標(biāo)識(shí)可以點(diǎn)擊的地方：視覺線索（顏色嚷狞，下劃線，指示器等）
5.降低視覺噪:眼花繚亂（信息沒有區(qū)分）荣堰，組織不當(dāng)（信息的排序）床未，太過密集（信息過于密集）—可以先假定所有信息都是噪音并去除沒用的信息。
6.為文本設(shè)置格式振坚，便于掃描：使用標(biāo)題薇搁，保持段落簡短，使用符號(hào)列表（注意段落間距）渡八，突出關(guān)鍵詞（加粗啃洋，顏色）
2.確保每次點(diǎn)擊無需思考传货，選擇明確無誤
普遍觀點(diǎn)：到達(dá)網(wǎng)站的任何頁面不應(yīng)該超過（3次，4次或者5次）宏娄。
現(xiàn)實(shí)：三次無需思考问裕、明確無誤的點(diǎn)擊相當(dāng)于一次需要思考的點(diǎn)擊。
注意：選擇意思應(yīng)該明確（非此即彼）孵坚，選項(xiàng)的狀態(tài)應(yīng)該明顯（可點(diǎn)擊不可點(diǎn)擊粮宛，已選未選）
必要的幫助和支持（困難選擇）：簡短（最少的信息），及時(shí)（在需要的時(shí)候出現(xiàn)在合適的地方）卖宠，不會(huì)錯(cuò)過（合適的格式巍杈，確保能引起注意）
3.?去掉頁面一半文字
好處：減低噪音，突出重要信息扛伍，頁面更加簡短（減少了滾動(dòng)）
行為：歡迎詞必須消滅（一些廢話筷畦，沒有實(shí)質(zhì)的幫助，描述我們有多么的好刺洒，而不是什么東西讓我們更好）鳖宾，指示文字必須消滅（盡量簡短，只留下有用的信息）
二作媚。設(shè)計(jì)與方法
設(shè)計(jì)與方法攘滩，總共分為四部分：
1.導(dǎo)航與面包屑
2.主頁
3.移動(dòng)設(shè)計(jì)
4.可用性測試與影響因素
1.導(dǎo)航與面包屑
網(wǎng)絡(luò)導(dǎo)航和你逛商場是一樣的，主要的行為有兩種：瀏覽和詢問（搜索—互聯(lián)網(wǎng)）纸泡。
網(wǎng)絡(luò)導(dǎo)航特點(diǎn)：
1.沒有方向
2.感覺不到大小
3.感覺不到位置
結(jié)果就導(dǎo)致了漂问，書簽和后退按鈕的頻繁使用。當(dāng)然女揭，沒有物理的空間感蚤假，容易讓人迷失，同時(shí)也容易忘記時(shí)間的流逝吧兔。
網(wǎng)絡(luò)導(dǎo)航要做的兩件事：
1.告訴我我在哪（這里有什么）
2.告訴我去往那里的路怎么走（怎么使用）
網(wǎng)站導(dǎo)航結(jié)構(gòu)：
使用標(biāo)準(zhǔn)的網(wǎng)站導(dǎo)航結(jié)構(gòu)磷仰，可以減輕用戶的認(rèn)識(shí)負(fù)擔(dān)。比如：
網(wǎng)站導(dǎo)航：
1.持久導(dǎo)航（全局導(dǎo)航）：包括站點(diǎn)ID境蔼，主導(dǎo)航灶平，實(shí)用工具，搜索
2.標(biāo)識(shí)（表明我在哪里）：頁面名稱箍土，視覺線索逢享，面包屑
1.持久導(dǎo)航
讓導(dǎo)航在每一頁以相同的位置出現(xiàn)，表明你還在這個(gè)網(wǎng)站吴藻。（除表單外）
站點(diǎn)ID：一般出現(xiàn)在頁面的左上角瞒爬，點(diǎn)擊可以回到主頁
主導(dǎo)航（欄目）：有時(shí)欄目下會(huì)有次級(jí)欄目，標(biāo)簽的形式是一種不錯(cuò)的選擇（不言而喻，很難錯(cuò)過侧但，很靈活）
實(shí)用工具（不屬于內(nèi)容層次的重要元素鏈接）：注冊矢空，登錄，幫助禀横，站點(diǎn)地圖屁药，購物車，我的賬戶燕侠，幫助者祖，論壇等
搜索：避免使用花哨的詞（使用‘搜索’即可），指示說明（只在必要的時(shí)候加入—輸入訂單號(hào)）绢彤，選項(xiàng)（謹(jǐn)慎使用，縮小搜索范圍—商家or商品）
2.標(biāo)識(shí)
頁面名稱：每個(gè)頁面需要一個(gè)名稱,名稱出現(xiàn)在合適的位置蜓耻，名稱要引人注目茫舶，名稱要盡量與點(diǎn)擊的鏈接一樣。
視覺線索：在點(diǎn)擊過后刹淌，點(diǎn)擊處應(yīng)該和別的地方有區(qū)分—指示器饶氏，顏色，粗細(xì)有勾，反向
面包屑：把它們放在最頂層（內(nèi)容上疹启，主導(dǎo)航下），使用>進(jìn)行間隔蔼卡，加粗最后一個(gè)元素
3.測試
讓用戶處于一個(gè)隨機(jī)頁面喊崖，讓他們回答：
這是什么網(wǎng)站（ID）
我在哪個(gè)頁面（頁面名稱）
這個(gè)網(wǎng)站的主欄目是什么？（欄目清單）
在這個(gè)頁面我可以去往哪里雇逞？（導(dǎo)航）
我在網(wǎng)站的什么位置荤懂？（標(biāo)識(shí)）
我怎么搜索？
2.主頁
主頁要完成的任務(wù)：
站點(diǎn)標(biāo)識(shí)和使命：告訴我們他是什么網(wǎng)站塘砸，能干什么节仿，最好能告訴我，為什么我在這里不是在別的網(wǎng)站（口號(hào)）
站點(diǎn)層次：給出網(wǎng)站的概貌—包括內(nèi)容掉蔬，功能廊宪，以及組織方式
搜索：大多數(shù)網(wǎng)站在主頁有一個(gè)明顯的搜索框
導(dǎo)讀：主頁應(yīng)該項(xiàng)雜志一樣，有精彩的額內(nèi)容吸引我
內(nèi)容推介：突出最好的女轿，最人們的內(nèi)容
功能推介：探索網(wǎng)站更多的欄目或者試用一些個(gè)性化功能
適時(shí)更新內(nèi)容：告訴用戶這不是一個(gè)沒人管的網(wǎng)站
交換鏈接：主頁的預(yù)留空間—廣告箭启，交叉推廣，合作品牌
快捷方式：最常訪問的內(nèi)容片斷
注冊：表明用戶的登錄狀態(tài)谈喳，以及提供登錄入口
讓我看到自己正在尋找的東西：智能推薦（大數(shù)據(jù)思維）
還有我沒有尋找的：潛在的需求（大數(shù)據(jù)分析）
告訴我從哪里開始：有明顯的的推薦入口?
建立可信度和信任感：主頁（pv最多的頁面）的好壞直接影響用戶的去留
兵家必爭之地
主頁使用戶訪問最多的頁面册烈，一般也是用戶對網(wǎng)站的第一印象，它占據(jù)了網(wǎng)站最多的流量，誰都想要分一杯羹赏僧。滿足所有人的需要時(shí)不切實(shí)際的大猛，在這種情況下我們要保證網(wǎng)站的整體形象。
緩解方法：
從其他熱門頁面進(jìn)行推介
輪流使用主頁的同一空間
整體形象測試方式：
在進(jìn)入網(wǎng)站的一瞬間（50ms）淀零，回答一下問題：
這是什么網(wǎng)站
我能在這里干什么
網(wǎng)站上有什么
為什么我應(yīng)該在這里而不是在別的網(wǎng)站
或者
它看起來怎么樣
內(nèi)容多嗎
頁面分區(qū)明確嗎
哪些部分對我有吸引力
如何傳達(dá)網(wǎng)站信息
主頁上每個(gè)東西都有助于理解網(wǎng)站是做什么的挽绩，但是有兩個(gè)重要的位置更能幫助我們：
口號(hào)：它是什么，什么讓它卓越驾中。6-8個(gè)詞唉堪，代表網(wǎng)站的特點(diǎn)和顯而易見的好處（對用戶），個(gè)性生動(dòng)俏皮肩民。
歡迎廣告：對網(wǎng)站簡要的描述唠亚，一般位于頁面上端的左邊或者中間
了解更多：別使用長段文字，用戶沒有耐心看下去持痰，可以使用短視頻灶搜。
指導(dǎo)原則（傳達(dá)信息）
需要多大空間就使用多大空間
但是不要使用過多的空間：精簡文字
不要把使命陳述當(dāng)做歡迎廣告：歡迎廣告應(yīng)該是傳達(dá)公司是做什么的。
最重要的是進(jìn)行測試
從哪里開始—布局
我想要搜索工窍，可以從這里開始
我想要瀏覽割卖，可以從這里開始
我想要看他們最精彩的內(nèi)容顽腾，可以從這里開始
3.移動(dòng)設(shè)計(jì)
在小屏幕上氢架，人們移動(dòng)的更快了，閱讀量變小了太抓。
設(shè)計(jì)的本質(zhì)：處理約束（必須遵循和不能做的地方）和妥協(xié)（服從約束而不得已做的事情）淹仑。
確定約束有助于設(shè)計(jì)丙挽，而嚴(yán)重的可用性一般出現(xiàn)在對某個(gè)妥協(xié)的糟糕決定。
小空間的約束：可以先設(shè)計(jì)移動(dòng)端（考慮最核心的功能和內(nèi)容）攻人，然后將次要的內(nèi)容和功能添加進(jìn)去取试。
對于設(shè)計(jì)，我們應(yīng)該進(jìn)行優(yōu)先級(jí)排序怀吻，最重要的和需要馬上做的應(yīng)該有最少的點(diǎn)擊和最明顯的視覺線索瞬浓。次要的信息可以輕點(diǎn)幾下，或者顯示相對明顯的線索到達(dá)蓬坡。
可伸縮設(shè)計(jì)（響應(yīng)式猿棉，動(dòng)態(tài)布局，流式設(shè)計(jì)屑咳，自適應(yīng)設(shè)計(jì)）：允許縮放萨赁，不要讓我站在門口（直接帶用戶去目的地，而不是首頁）兆龙，記得提供一個(gè)到“全內(nèi)容”網(wǎng)站的鏈接杖爽。
在小屏幕上，不要隱藏提示。但是提示只要足夠引起用戶注意就可以了（但是不要把所有的提示都堆在頁面上慰安，這會(huì)很嘈雜）腋寨。
手機(jī)屏幕，沒有光標(biāo)化焕，沒有懸停萄窜，沒有線索。操作的方式變了撒桨。
移動(dòng)應(yīng)用的可用性屬性：
讓一個(gè)有著平均能力或者經(jīng)驗(yàn)（或者稍低于平均水平）的人能夠明白如何使用（可學(xué)習(xí)）去完成某個(gè)任務(wù)（有效）查刻，而不會(huì)遇到不必要的麻煩（高效）。
應(yīng)用需要可以學(xué)習(xí)：學(xué)會(huì)如何使用（提示凤类，操作試驗(yàn)）
應(yīng)用需要可以記憶：再次使用時(shí)是否需要可以再次學(xué)習(xí)
4.可用性測試與影響因素
焦點(diǎn)小組不是可用性測試穗泵。
焦點(diǎn)小組（用于產(chǎn)品設(shè)計(jì)初期）：一組人（5-10）一起侃侃而談，彈對產(chǎn)品的看法谜疤，產(chǎn)品的過往使用經(jīng)驗(yàn)火欧，對新概念的反應(yīng)。
可用性測試（全過程—產(chǎn)品的運(yùn)行情況和改進(jìn)）：一次一個(gè)用戶觀察他們的使用情況茎截，并對于他們的行為作出分析和修改。
幾個(gè)事實(shí)
如果想建立一個(gè)優(yōu)秀的網(wǎng)站赶盔，一定要測試：不是每個(gè)人想的都和你一樣的
測試一個(gè)用戶比不測試好一倍
早一點(diǎn)測試用戶好過最后測試50位用戶
簡易可用性測試
測試什么企锌，什么時(shí)候測試
在設(shè)計(jì)網(wǎng)站之前就應(yīng)該開始測試，測試競爭對手于未，測試應(yīng)該貫徹整個(gè)項(xiàng)目撕攒，從草圖，到線框圖烘浦，頁面排版抖坪，界面原型，到最后的實(shí)際網(wǎng)頁闷叉。
測試什么取決于你現(xiàn)在需要測試什么擦俐，在測試前，應(yīng)該進(jìn)行任務(wù)描述（包含他們需要但是不具備的信息—用戶名握侧，密碼等）蚯瞧。
在測試中允許用戶自己決定一部分細(xì)節(jié)，比如“找一件你喜歡的衣服”而不是“找一件100元以下的衣服”品擎。
測試流程
歡迎部分（4分鐘）：介紹如何進(jìn)行埋合，讓用戶有心理準(zhǔn)備
提問部分（2分鐘）：可以問參與者幾個(gè)和他們相關(guān)的問題，可以幫助他們放松
主頁觀光（3分鐘）：參考主頁測試
任務(wù)測試（35分鐘）：不要提示用戶萄传，在用戶迷惑想你詢問時(shí)甚颂，你可以重復(fù)他們的話或者問他們你在想什么，做什么等
問題探查（5分鐘）：可以想?yún)⑴c者提問
結(jié)束部分（5分鐘）：感謝用戶
典型問題
用戶不明白概念：不知道頁面在說什么
他們找不到自己要找的字眼：1.詞匯理解不一致 ?2.預(yù)測錯(cuò)誤
內(nèi)容太多：看不到要找的內(nèi)容，減少干擾振诬，突出內(nèi)容蹭睡。
總結(jié)會(huì)
收集一份問題列表：讓大家說出最嚴(yán)重的3個(gè)問題，把問題列出來
選擇最嚴(yán)重的10個(gè)問題：對列出的問題可以進(jìn)行非正式投票
問題評(píng)級(jí)：最嚴(yán)重的問題置頂
建立排序列表：從最上面的問題開始贷揽，對每個(gè)問題在下個(gè)月該怎么修復(fù)寫下一些粗略的想法（誰負(fù)責(zé)棠笑，需要什么資源）。
對于容易修復(fù)的問題禽绪，建立另一份清單：一個(gè)人可以在一個(gè)小時(shí)完成的
抵制添加的沖動(dòng)：
不要太看重人們對于新功能的要求
忽略皮劃艇問題：用戶遇到問題蓖救，但是很快就解決了
其他測試方式
遠(yuǎn)程測試，無人主持的遠(yuǎn)程測試
移動(dòng)設(shè)備的可用性測試
與pc端應(yīng)用或者網(wǎng)頁的可用性測試不同印屁，移動(dòng)端的場景更加的復(fù)雜（操作方式循捺，環(huán)境等）。
因?yàn)闇y試最好盡可能的基于用戶的真實(shí)的場景進(jìn)行雄人，所以移動(dòng)端會(huì)有以下一些問題：
1.用戶是自然的拿著設(shè)備還是設(shè)備固定在桌面上从橘？
2.觀察者需要看到什么？（是設(shè)備的屏幕础钠，還是同時(shí)看到屏幕和用戶的手和表情）
3.怎么錄像恰力？
krug的推薦：
1.使用指向屏幕的攝像頭而不是鏡像技術(shù)（類似屏幕共享技術(shù)），同時(shí)看到屏幕和用戶的操作更有利于分析用戶的行為意圖
2.把攝像頭連接到移動(dòng)設(shè)備上旗吁，讓用戶能自然的拿著它踩萎。
3.不要用攝像頭指向測試參與者。
解決方案：
一個(gè)輕量級(jí)攝像頭很钓，一條固定可彎曲的線香府，一個(gè)夾板（感覺固定在手機(jī)殼后面也是不錯(cuò)的選擇），一條連接電腦的usb連接線码倦。
1.用USB將攝像頭連接到電腦上
2.在電腦上觀看畫面企孩，并通過屏幕錄制工具分享給觀察者看。
影響因素
最后袁稽，主要講一下影響可用性的外界因素和產(chǎn)品的可訪問性對可用性的影響勿璃。
外界因素
krug在書中引入了好感儲(chǔ)存器這一概念。簡單的講就是我對于產(chǎn)品（網(wǎng)頁运提，應(yīng)用）的印象蝗柔。
好感儲(chǔ)存器受很多因素的影響，不僅受產(chǎn)品影響民泵，同時(shí)也受用戶的情況而定癣丧。
1.受個(gè)人的特質(zhì)的影響。有些人的好感值很高栈妆，有些人的好感值很低胁编。
2.受用戶使用時(shí)的外部情況而定厢钧。情景時(shí)急迫的還是輕松的等等。
3.好感值是可以重新填滿的嬉橙。比如更好的用戶體驗(yàn)等早直。
4.有時(shí)候一個(gè)簡單的錯(cuò)誤就能清空它。
降低好感度的幾種方式：
1.隱藏我想要的信息（服務(wù)電話市框，運(yùn)費(fèi)霞扬，價(jià)格），欺騙敷衍枫振。暢途購票隱藏保險(xiǎn)費(fèi)用喻圃，不明確標(biāo)注服務(wù)費(fèi)用，最后的車費(fèi)總是讓我很費(fèi)解粪滤。
2.強(qiáng)制用戶按照他們的方式行事斧拍。最常見的就是一些信息的輸入格式問題。
3.向我詢問不必要的信息杖小。私密的個(gè)人信息在不觸及產(chǎn)品的使用時(shí)最好別問用戶索要肆汹。
4.設(shè)置障礙以及網(wǎng)站看上去不專業(yè)。廣告是用戶最大的敵人予权。
提升好感度的幾種方式：
1.知道用戶在你的網(wǎng)站上想做什么昂勉，并讓它明白簡易
2.告訴我我想知道的（和我利益相關(guān)的）。運(yùn)費(fèi)扫腺，咨詢等硼啤。
3.減少步驟，優(yōu)化流程斧账，優(yōu)化操作方式（點(diǎn)擊代替輸入等），優(yōu)化信息呈現(xiàn)方式等煞肾。
4.知道我的疑問咧织，并能在我需要的時(shí)候給予解答。（在合適的時(shí)候籍救，合適的地方习绢，呈現(xiàn)合適的信息）FAQ.
5.為我提供協(xié)助（人性化），友好的打印頁面（去廣告）蝙昙。
6.容易從錯(cuò)誤中恢復(fù)闪萄。
7.如果不確定，記得道歉奇颠。技術(shù)或者設(shè)計(jì)上做不到用戶想要的败去，至少讓他們明白你知道你給他們造成了不便。
可訪問性
可訪問性是web內(nèi)容對殘障人士的可閱讀和可理解性烈拒。65%的人口是殘障人士圆裕。
簡單的3秒可訪問性測試广鳍，增大網(wǎng)頁字體。（wcag準(zhǔn)則可供了解）
幾個(gè)簡單的容易實(shí)現(xiàn)的方案：
為每張照片增加合適的alt文本吓妆；使用合適的標(biāo)題赊时；表單配合屏幕閱讀器；在每一頁的最前面增加一個(gè)跳轉(zhuǎn)到主要內(nèi)容的鏈接行拢；讓所有的內(nèi)容就可以通過鍵盤訪問祖秒；在文本和他們的背景之間設(shè)置明顯的對比；采用一份可訪問性良好的模板舟奠。
三竭缝。爭取他人重視可用性
如何說服管理層為可用性工作提供支持
1.演示ROI（比較困難）。
2.用他們的語言說話鸭栖。不在討論用戶歌馍，了解公司內(nèi)部難題，陳述我們的方法可以有力的解決這些問題晕鹊。
3.讓你的老板來觀看可用性測試
4.在個(gè)人時(shí)間進(jìn)行第一次測試松却。
5.對競爭對手進(jìn)行測試
6.弄清楚自己在公司大局中的位置。
最后溅话，進(jìn)行一些小總結(jié)晓锻。
不要使用小而對比度不強(qiáng)的字體。
不要把標(biāo)簽放到表單字段里飞几。除非表單超級(jí)簡單砚哆，標(biāo)簽隨著文本的輸入上浮到輸入框上方。
保留訪問過的和未訪問過的鏈接之間的區(qū)別屑墨。
不要讓段落漂浮在段落之間躁锁。標(biāo)題和相關(guān)段落有更小的距離。
