本書簡介
這本書的全名是《點(diǎn)石成金:訪客至上的Web和移動可用性設(shè)計(jì)秘笈(原書第3版)》楞捂。本書是作者Steve Krug關(guān)于可用性設(shè)計(jì)的一本著作僵蛛。于2000年完成第一版，06年修訂第二版，13年修訂第三版檐蚜。這篇讀書筆記針對的是第三版書。在這里指出這個(gè)問題是因?yàn)榧词故亲钚掳娴臅爻蓿@本書離現(xiàn)在也有些年頭了闯第。如果要計(jì)算離第一版的時(shí)間，已經(jīng)過去了17年缀拭。在這十幾年之間咳短，我們使用計(jì)算機(jī)和互聯(lián)網(wǎng)的方式已經(jīng)發(fā)生了許多變化：技術(shù)發(fā)生了改變、網(wǎng)絡(luò)本身在改變以及本書所關(guān)注的可用性已經(jīng)成為了設(shè)計(jì)主流蛛淋。尤其是現(xiàn)在應(yīng)用都在向移動端偏移咙好，這本書的局限性就比較明顯。
書中作者引用Jakob Nielsen的話來說明這本書現(xiàn)在的價(jià)值：“人類大腦的容量不會馬上發(fā)生變化褐荷，所以這些人類行為研究所得到的成果在很長時(shí)間之內(nèi)都不會失效勾效。對于用戶來說，20年前他們遇到的困難叛甫，現(xiàn)在同樣也是如此”层宫，雖然這句話我并不是特別認(rèn)同，但是這本書中確實(shí)有很多值得我們借鑒的地方其监。故此摘抄出來萌腿。
本書結(jié)構(gòu)
因?yàn)樽髡叩恼Z言風(fēng)格比較幽默，所以很多標(biāo)題都比較有趣味和藝術(shù)感抖苦，但這里我還是依照主要的內(nèi)容來整理了這本書的結(jié)構(gòu)毁菱，方便以后回顧溫習(xí)。
重點(diǎn)梳理
導(dǎo)讀
Steve Krug 對可用性的定義
1. 有用：能否幫助人們完成一些必須的事務(wù)锌历？
2. 可學(xué)習(xí)： 人們能否明白如何使用它鼎俘？
3. 可記憶： 人們每次使用的時(shí)候，是否都需要重新學(xué)習(xí)?
4. 有效： 他們能完成任務(wù)嗎辩涝？
5. 高效： 他們是否只需花費(fèi)適當(dāng)?shù)臅r(shí)間和努力就能完成任務(wù)贸伐？
7. 合乎期望： 是人們想要的嗎？
8. 令人愉悅： 人們使用的時(shí)候覺得有意思甚至很好玩嗎怔揩？
指導(dǎo)原則
別讓我思考-可用性第一定律
最重要的原則捉邢。它意味著設(shè)計(jì)者應(yīng)當(dāng)盡量做到脯丝，當(dāng)我看一個(gè)頁面的時(shí)候，它應(yīng)該是不言而喻伏伐、一目了然宠进、自我解釋的。
我們是如何使用Web的
事實(shí)一： 我們不是閱讀藐翎，而是掃描
原因：
(1) 我們總是有任務(wù)在身
(2) 我們知道自己不必閱讀所有內(nèi)容
(3) 我們善于掃描
事實(shí)二： 我們不做最佳選擇材蹬，而是滿意即可
絕大多數(shù)時(shí)間離我們會選擇第一個(gè)過得去的，而不是最好的吝镣，這是滿意策略堤器。
原因：
(1) 我們總是處于忙碌中
(2) 如果猜錯(cuò)了，也不會產(chǎn)生什么嚴(yán)重的后果
(3) 對選擇進(jìn)行權(quán)衡并不會改善我們的機(jī)會
(4) 猜測更有意思
事實(shí)三：我們不是追根究底末贾，而是勉強(qiáng)應(yīng)付
無論什么技術(shù)闸溃，很少有人會花時(shí)間閱讀說明書。相反拱撵，我們貿(mào)然前進(jìn)辉川，勉強(qiáng)應(yīng)付，編造出我們自己模棱兩可的故事拴测，來解釋我們的所作所為乓旗，以及為什么這樣能行得通。
原因：
(1) 這對我們來說只要能正常使用集索，其余的并不重要
(2) 如果發(fā)現(xiàn)某個(gè)東西能用寸齐，我們就會一直使用它。
為掃描設(shè)計(jì)網(wǎng)站抄谐，而不為閱讀設(shè)計(jì)
作者的建議：
(1) 盡量利用習(xí)慣用法
(2) 建立有效的視覺層次
(3) 把頁面劃分成明確定義的區(qū)域
(4) 明顯表示可以點(diǎn)擊的地方
(5) 最小化干擾
(6) 為內(nèi)容創(chuàng)建清楚的格式渺鹦，便于掃描
可用性第二定律
點(diǎn)擊多少次都沒關(guān)系，只要每次點(diǎn)擊都是無需思考蛹含、明確無誤的選擇毅厚。
同時(shí)在引導(dǎo)用戶做選擇的時(shí)候，保證提示的簡短浦箱、及時(shí)以及不會錯(cuò)過吸耿，這樣的效果最好
省略多余的文字
好處：
(1) 降低頁面的噪聲
(2) 讓有用的內(nèi)容更加突出
(3) 讓頁面更簡短抠蚣，減少滾屏次數(shù)
需要消滅的文字：
(1) 歡迎詞
(2) 指示文字(如問卷前面的說明文字)
必須正確處理的幾個(gè)方面
導(dǎo)航設(shè)計(jì)
重要性是因?yàn)樵诰W(wǎng)站上如果找不到方向番舆，人們不會使用你的網(wǎng)站。
1. 用戶進(jìn)入站點(diǎn)的流程
(1) 你通常是為了尋找某個(gè)目標(biāo)
(2) 你會決定先詢問還是先瀏覽
(3) 如果選擇瀏覽衔掸，你會通過標(biāo)志的引導(dǎo)在層次結(jié)構(gòu)中穿行
(4) 最后如果找不到你想要的東西蓬推，你會離開
2. 當(dāng)前瀏覽容易遇到的問題
感受不到網(wǎng)站的大小/方向/位置是最容易遇到的問題妆棒。
書簽就是幫助用戶快速訪問某個(gè)重要內(nèi)容的方式，而網(wǎng)頁首頁十分重要也是因?yàn)樗拖癖睒O星，點(diǎn)擊回到“主頁”給了你一個(gè)重新開始的機(jī)會
3. 被忽略的導(dǎo)航用途
(1) 它告訴我們這里有什么
(2) 它告訴我們?nèi)绾问褂镁W(wǎng)站
(3) 它給了我們對網(wǎng)站建造者的信心
4. 持久導(dǎo)航
持久導(dǎo)航（全局導(dǎo)航）一共包含以下幾個(gè)元素：站點(diǎn)ID糕珊、欄目动分、實(shí)用工具、搜索
站點(diǎn)ID就是代表了整個(gè)網(wǎng)站红选，就像建筑物的名稱澜公。
欄目也叫主導(dǎo)航條，是到達(dá)該站點(diǎn)狐妖欄目的鏈接喇肋，即站點(diǎn)層次結(jié)構(gòu)的最頂層坟乾，還可以包括二級導(dǎo)航。
實(shí)用工具是到達(dá)網(wǎng)站中不屬于內(nèi)容層級的重要元素的鏈接蝶防。（比如登錄注冊甚侣、幫助等）
搜索框就是用于搜索站內(nèi)內(nèi)容的入口。
5. 頁面
每個(gè)頁面需要一個(gè)引入注目的名稱慧脱，每個(gè)頁面名稱需要出現(xiàn)在合適的位置，且名稱要和點(diǎn)擊的鏈接一致贺喝。
6. 標(biāo)明當(dāng)前所在位置
用面包屑(層級菜單) 來標(biāo)注當(dāng)前位置菱鸥。使用的時(shí)候注意把他們放在最頂層，使用“>”來對層級進(jìn)行間隔以及家畜最后一個(gè)元素躏鱼。
與此同時(shí)氮采，作者還推薦用標(biāo)簽來區(qū)分頁面
用戶如何開始-主頁應(yīng)該做什么？
1. 主頁需要完成的任務(wù)
具體的需要：站點(diǎn)標(biāo)識和使命染苛，站點(diǎn)層次鹊漠，搜索，導(dǎo)讀茶行，功能推介躯概，適時(shí)更新的內(nèi)容，交換鏈接畔师，快捷方式娶靡，注冊
抽象的目標(biāo)： 讓我自己看到自己正在尋找的東西，看到自己還沒尋找的東西看锉，告訴我從哪兒開始姿锭，建立可信度和信任感
2. 首頁必須要傳達(dá)網(wǎng)頁的整體形象
可以讓用戶一眼能夠回答以下四個(gè)問題：
(1)這是什么網(wǎng)站？
(2)我能在這里做什么伯铣？
(3)網(wǎng)站上有些什么呻此？
(4)為什么我應(yīng)該在這里，而不是別的什么地方腔寡？
如何傳達(dá)整體形象：
(1) 口號 ?
口號要個(gè)性焚鲜、生動，長度合適，表述網(wǎng)站的特點(diǎn)和顯而易見的好處
?(2) 歡迎廣告?
? (3) 了解更多
傳達(dá)原則：
(1) 需要多大空間就用多大空間恃泪，但是不要占用太多空間
(2) 不要把使命陳述當(dāng)做歡迎廣告
(3) 及時(shí)做用戶測試
3. 網(wǎng)站需要確定用戶從哪里開始
看到網(wǎng)站后需要準(zhǔn)確無誤的知道如果我想搜索/瀏覽/看熱門內(nèi)容郑兴，我可以從哪里開始
確定你沒有做錯(cuò)的事情
不要把大量時(shí)間浪費(fèi)在和不同的成員爭論可用性
因?yàn)楫?dāng)我們處于一個(gè)Web團(tuán)隊(duì)時(shí)，事實(shí)證明很難保證不把這些感覺牽扯進(jìn)來贝乎。由于每個(gè)人的偏好不用情连，所處的職位不同，所以審視相同時(shí)間的角度都是不同的览效。我們需要認(rèn)識到却舀，對于大部分Web設(shè)計(jì)問題來說，沒有簡單的“正確答案”锤灿。良好的挽拔、一體化的設(shè)計(jì)能滿足需要，也就是說但校，經(jīng)過仔細(xì)考慮螃诅、實(shí)現(xiàn)和測試的設(shè)計(jì)就是好的。
可用性測試重要性
1. 焦點(diǎn)小組不是可用性測試
焦點(diǎn)小組研究中状囱，一小組（通常是5-10人）圍在桌子旁邊术裸，侃侃而談，談?wù)摰氖撬麄儗τ诋a(chǎn)品的看法亭枷，產(chǎn)品的過往經(jīng)驗(yàn)袭艺，或者他們對一些新概念的反應(yīng)等。如果想要快速得到部分用戶的意見和感覺叨粘，焦點(diǎn)小組是一種不錯(cuò)的方法猾编。
可用性測試中，一次一個(gè)用戶升敲，我們觀看用戶使用一些東西答倡，去完成一些典型的任務(wù)，通過觀察用戶的行動驴党，還可以檢測到那些讓用戶混淆和倍感挫折的地方苇羡，并修復(fù)它們。
它們之間最主要的區(qū)別是鼻弧，在可用性測試離设江，你會看到人們真正的適用情形，而不是只聽到他們的說法攘轩。
2. 關(guān)于測試的幾個(gè)事實(shí)
(1) 如果想要建立一個(gè)優(yōu)秀的網(wǎng)站叉存，一定要測試
(2) 測試已為用戶也比不做測試好一倍
(3) 在項(xiàng)目中，早點(diǎn)測試已為用戶要好過最后測試50位用戶
3. 可用性測試不用太麻煩度帮，不需要很多的限制歼捏，簡易版的可用性測試就可以發(fā)揮很大的功效
簡易測試保持簡單稿存，固定時(shí)間這樣就可以有更多的人參與進(jìn)來。
這類測試的目的不是為了證明任何東西瞳秽，而是了解未知的事實(shí)瓣履；你也不用在這個(gè)測試中發(fā)現(xiàn)所有的問題，做一次測試练俐，測試的結(jié)果就足夠讓你忙一陣了袖迎。
測試用戶的選擇：去尋找能反映你目標(biāo)群體的測試用戶，但也不要限于此
測試任務(wù)一定要在之前準(zhǔn)備好腺晾，明確本次測試的目標(biāo)燕锥。
測試應(yīng)當(dāng)至少包含以下四個(gè)部分：歡迎部分、提問部分悯蝉、主頁觀光归形、任務(wù)測試
4. 測試后最先修復(fù)最嚴(yán)重的問題，作者的一些建議
(1) 單列出那些不嚴(yán)重鼻由，但是非常容易修復(fù)的問題暇榴，不要因?yàn)楹唵尉拖茸觥?/p>
(2) 抵制添加的沖動
(3) 不要太看重人們對新功能的要求
(4) 忽略“皮劃艇”問題（指哪些用戶暫時(shí)出現(xiàn)錯(cuò)誤，但后續(xù)可以正確操作的問題）
大的方面和外界影響
移動端設(shè)計(jì)
1. 移動端的設(shè)計(jì)的限制與妥協(xié)
用一種方式看待設(shè)計(jì)--任何類別的設(shè)計(jì)蕉世，那就是蔼紧，它的本質(zhì)就是處理各種約束和妥協(xié)。但是與其說他們是一種負(fù)面因素讨彼，還不如說他們實(shí)際上會讓設(shè)計(jì)變得更容易歉井，也能催生出新的創(chuàng)意柿祈。要達(dá)到良好的移動可用性哈误，絕大多數(shù)的挑戰(zhàn)最終歸結(jié)為做出良好的設(shè)計(jì)妥協(xié)。
2. 移動端主要注意的問題
(1) 在狹小的空間里注意優(yōu)先級安排躏嚎，這樣才能把全部計(jì)劃的功能放進(jìn)去蜜自。要么多點(diǎn)處，要么奪華東卢佣。只要用戶一直對他們想要的東西在屏幕下面或者鏈接/按鈕后面保持自信重荠，他們就會繼續(xù)操作。
(2) 允許縮放
(3) 跳轉(zhuǎn)鏈接必須有效
(4) 永遠(yuǎn)記得提供一個(gè)到“全內(nèi)容”網(wǎng)站的鏈接
(5) 提示信息要明顯
(6) 沒有光標(biāo) = 沒有懸停 = 沒有線索 所以要將王延段懸停提示用其他方法來替代
(7) 扁平化設(shè)計(jì)有利有弊虚茶，讓頁面更加時(shí)尚戈鲁，但可能會隱藏提示
3. 移動應(yīng)用的可用性
讓這一個(gè)有些平均能力和經(jīng)驗(yàn)的人能弄明白如何使用它去完成某個(gè)人物，而不會月倒不必要的麻煩嘹叫。
4. 移動應(yīng)用需要為用戶帶來快樂婆殿，但不要把注意力都集中在上面。
5. 移動應(yīng)用需要可學(xué)習(xí)罩扇、易于用戶學(xué)習(xí)
用戶好感度
1. 每個(gè)用戶都有一個(gè)好感存儲器婆芦，這個(gè)好感存儲器因?yàn)閭€(gè)人特質(zhì)的不同而不同怕磨，因?yàn)橛脩羲幁h(huán)境與狀態(tài)不同而不同，你可以誠信填滿它消约，但是有時(shí)候一個(gè)簡單的錯(cuò)誤就能清空它肠鲫。
2. 降低好感的幾種方式;
(1) 隱藏我想要的信息
(2) 因?yàn)闆]有按照你們的方式行事而懲罰我
(3) 向我詢問不必要的信息
(4) 敷衍我，欺騙我
(5) 給我設(shè)置障礙
(6) 看上去不專業(yè)
3. 提高好感的幾種方式
(1) 知道人們愛你網(wǎng)站上想做什么或粮，并讓他們明白簡易
(2) 盡量減少步驟
(3) 花點(diǎn)心思
(4) 知道我可能有哪些疑問导饲，并且給與解答
(5) 為我提供協(xié)助，例如打印友好頁面
(6) 容易從錯(cuò)誤中恢復(fù)
(7) 如有不確定被啼，記得道歉
可訪問性
本書中可訪問性指的是針對特殊用戶的訪問設(shè)計(jì)帜消，修正可訪問性的方法：
1. 修正讓所有人感到混淆的可用性問題
2. 讀《Guidelines for Accessible and Usable Web Sites: Observing Users Who Work with Screen Readers》
3. 讀兩本書
《A Web for Everyone: Designing Accessible User Experiences》
《Web Accessibility: Web Standards and Regulatory Compliance》
4. 去解決細(xì)節(jié)的問題，例如為圖片設(shè)置alt文本浓体，表單配合閱讀器泡挺，所有內(nèi)容都可以聽過鍵盤訪問。文本與背景之間有明顯的對比
一些提示
本文給出一些關(guān)于如何和老板溝通和字體選擇等方面的小提示命浴，這個(gè)部分《啟示錄》和《寫給大家看的設(shè)計(jì)書》這兩本闡述的更為詳盡娄猫，有興趣的小伙伴可以看看那兩篇的讀書報(bào)告。
