第1章 別讓我思考

首先，別讓我思考。它意味著，設(shè)計(jì)者應(yīng)該盡量做到，當(dāng)我看一個(gè)頁(yè)面時(shí)，它應(yīng)該是不言而喻、一目了然、自我解釋的。

再者，在瀏覽網(wǎng)頁(yè)中，面對(duì)一個(gè)復(fù)雜而又嶄新的頁(yè)面，我們?nèi)绾螐闹幸荒苛巳豢吹接杏玫男畔?，這個(gè)叫“自我解釋”。

在一個(gè)自我解釋的頁(yè)面，需要花一點(diǎn)點(diǎn)時(shí)間去理解——但只需要一點(diǎn)點(diǎn)時(shí)間。頁(yè)面元素的外觀（例如尺寸、顏色和布局），精心選擇的命名，少量仔細(xì)斟酌的文字，它們綜合在一起將創(chuàng)造出

一種接近瞬間的識(shí)別效果。

最后，要讓網(wǎng)頁(yè)變得“不言而喻”。讓我們?yōu)g覽網(wǎng)頁(yè)時(shí)，可以毫不費(fèi)勁，充分知道我們?cè)谧鍪裁?，需要什么?/p>

第2章 我們實(shí)際上是如何使用

在網(wǎng)頁(yè)中，我們精心準(zhǔn)備的文字，在用戶看來可能更像在時(shí)速100公里的速度駛過的廣告牌果想要設(shè)計(jì)有效的網(wǎng)頁(yè)，必須接受網(wǎng)絡(luò)使用的三個(gè)事實(shí)。

１、我們不是閱讀，是掃描。

大多數(shù)人花極少的時(shí)間，瀏覽最多的信息頁(yè)面。

２、不做最佳選擇，滿意即可

用戶掃描整個(gè)網(wǎng)頁(yè)，考慮的不是最好的選項(xiàng)，而是最合適的選項(xiàng)。這是滿意策略。一旦發(fā)現(xiàn)將可能跳轉(zhuǎn)到下一個(gè)界面。使?jié)M意策略變得更有效率，而不是最佳策略。

２、不追究到底，而是勉強(qiáng)應(yīng)付

生活中很多東西，我們對(duì)它們的運(yùn)作并不了解，甚至有完全錯(cuò)誤的理解。但是，這并不影響我們

來使用它。就像很少有人會(huì)花時(shí)間去閱讀說明書，但是依然模棱兩可的使用。借用雅虎搜索的例子，盡管它的操作不是很便捷，但是用習(xí)慣了，發(fā)現(xiàn)能用，我們就會(huì)一直用它。

第3章 廣告牌設(shè)計(jì)101法

１、建立清楚的視覺層次

讓頁(yè)面最重要的部分凸顯出來。

２、建立習(xí)慣用法

大多數(shù)習(xí)慣用法都是從報(bào)紙和雜志中延續(xù)過來，然后涌現(xiàn)新的方法。借用”購(gòu)物車“圖標(biāo)代替文字就能說明用法的重要性。

３、把頁(yè)面劃分成明確定義的區(qū)域

讓用戶很快決定關(guān)注的頁(yè)面，或者放心跳過無用的區(qū)域。

明顯標(biāo)識(shí)可以點(diǎn)擊的地方

讓用戶一眼看到，我可以點(diǎn)哪里。

４、降低視覺噪聲

避免眼花繚亂，注意背景噪聲。

第4章 動(dòng)物，植物，無機(jī)物

１、為什么用戶喜歡無須思考的選擇

動(dòng)物，植物，無機(jī)物

２、用戶在達(dá)到目標(biāo)之前點(diǎn)擊4或5次不會(huì)有挫敗感。

３、每次點(diǎn)擊有多艱難，需要多少思考，還有多大的不確定性來判斷是否進(jìn)行正確選擇。

４、主要真正的問題不是到達(dá)目標(biāo)之前要耗費(fèi)的點(diǎn)擊次數(shù)，而是需要思考多長(zhǎng)時(shí)間。

５、法則“三次無須思考，明確無誤的點(diǎn)擊相當(dāng)于一次需要思考的點(diǎn)擊”

６、必要的支持和幫助

簡(jiǎn)短：只需要提供最少的信息來幫助我。

及時(shí)：放在我正好需要它的地方。

不會(huì)錯(cuò)過：設(shè)置合適的格式，保證我一定會(huì)注意到它。

第5章省略多余的文字

１、省略多余的文字不要在web上寫作的藝術(shù)

去掉多余的文字

有力的文字都很簡(jiǎn)短

去掉沒有用的文字的好處

降低頁(yè)面的噪聲

讓有用的文字更加突出

讓頁(yè)面更簡(jiǎn)短

讓用戶在每個(gè)頁(yè)面上一眼就能看更多的內(nèi)容，而不必滾動(dòng)屏幕。

２、歡迎次必須消滅

歡迎詞就像那些小冊(cè)子蹩腳的促銷文案一樣，沒有包括有用的信息，只在那一個(gè)勁地說自己有多好，而不是描述什么東西能讓我們感覺更好。所以你應(yīng)該盡量減少歡迎詞，能減多少就減多少。

３、指示文字必須消滅

多余文字的另一個(gè)主要來源就是指示說明。如果指示說明非常冗長(zhǎng)，用戶能發(fā)現(xiàn)他們所需信息的機(jī)會(huì)也很小。

第6章 街頭指示牌和面包屑

1、如果在網(wǎng)站上找不到方向，人們不會(huì)使用你的網(wǎng)站。

2、Web習(xí)慣導(dǎo)航用法

導(dǎo)航元素要做到的是可以讓我們快速定位，不必費(fèi)力、將它們的外觀標(biāo)準(zhǔn)化讓我們更容易把它們與別的東西區(qū)分開來。

3、持久導(dǎo)航

是指無論你處在網(wǎng)頁(yè)的什么位置，它可能會(huì)有所變化，但它一直都會(huì)在哪里幫你指引方向，為你服務(wù)。

主要包含5個(gè)元素：

（1）站點(diǎn)ID

（2）欄目：主導(dǎo)航條

（3）實(shí)用工具：是到達(dá)網(wǎng)站中不屬于內(nèi)容層次的重要元素的鏈接、只能放置4-5個(gè)用戶常用工具。

（4）主頁(yè)：是幫助我們送回主頁(yè)的按鈕或鏈接。

（5）提供搜索：用詞簡(jiǎn)單、輸入關(guān)鍵詞、選項(xiàng)

4、面包屑

（1）把它們放在最頂端

（2）使用>對(duì)層級(jí)進(jìn)行分離。

（3）使用小字體。

（4）將最后一個(gè)元素加粗

5、標(biāo)簽

（1）不言而喻

（2）很難錯(cuò)過

（3）靈活

（4）物理空間

第7章 首先承認(rèn)，主頁(yè)不由你控制

1.主頁(yè)要完成的任務(wù)

（1）站點(diǎn)的標(biāo)識(shí)和使命

（2）層次

（3）導(dǎo)讀

（4）內(nèi)容更新

（5）友情鏈接

（6）快捷方式

（7）注冊(cè)

（8）目標(biāo)要明顯

（9）入口

（10）建立可信度和信任感

2.如何傳達(dá)

（1）口號(hào)

（2）歡迎廣告

（3）需要多大空間就使用多大空間。

（4）但也不要使用過多空間

（5）但也不要使用過多空間。

（6）不要把使命陳述當(dāng)做歡迎廣告。

（7）最重要的是進(jìn)行測(cè)試。

3.主頁(yè)導(dǎo)航可以不一樣，主頁(yè)可以不使用持久導(dǎo)航，通常也不使用

常見的差別

(1)欄目描述

(2)不同的方向

(3)用于識(shí)別的空間更多

4.下拉框的問題

（1） 必須把它找出來

（2）它們難以掃描

（3）它們不好控制

第8章? 農(nóng)場(chǎng)主和牧牛人應(yīng)該是朋友

1、關(guān)于可用性的爭(zhēng)論是在浪費(fèi)時(shí)間，如何避免這種情況？

不要做重復(fù)無意義的

不要以自己的主觀角度思考解決問題，需多維度思考

團(tuán)隊(duì)中不同職位，應(yīng)團(tuán)結(jié)，互相尊重，協(xié)商解決問題

所有Web用戶都是獨(dú)一無二的

所有的Web使都是不一樣的

第9章? 一天10美分的可用性測(cè)試

１、關(guān)于測(cè)試的事實(shí)

用戶調(diào)研人數(shù)要多，焦點(diǎn)小組不是可用性測(cè)試

如果想建立一個(gè)優(yōu)秀的網(wǎng)站，一定要測(cè)試

測(cè)試一位用戶比不做測(cè)試好一倍

在項(xiàng)目中，早點(diǎn)測(cè)試一位用戶好過最后測(cè)試５０位用戶

３、應(yīng)該多久進(jìn)行一次測(cè)試

每個(gè)月安排一上午為好

每次理想測(cè)試應(yīng)該３個(gè)以上

４、怎樣選擇測(cè)試參與者

寬松招募，曲線上升

５、怎么找到測(cè)試參與者

用戶組里

展覽會(huì)

分類信息網(wǎng)站

各社交平臺(tái)等

６、在哪里測(cè)試和由誰來測(cè)試、觀察

安靜不被打擾的空間

各參與者一起

人越多越好

７、測(cè)試中遇到的問題

用戶不清楚概念

他們找到自己要的字眼

內(nèi)容太多了

８、決定修復(fù)哪些問題

最嚴(yán)復(fù)的問題最先修復(fù)

收集一份問題列表

選擇１０個(gè)最嚴(yán)重的問題

問題評(píng)級(jí)

建立 一份排序列表

對(duì)那些“夠得著的果”，建立另一份清單

抵制添加的沖動(dòng)

不要太看重人們對(duì)新功能的要求

忽略“Ｋａｙａｋ（皮劃艇）問題

９、其他選擇

遠(yuǎn)程測(cè)試

無人主持的遠(yuǎn)程測(cè)試

第10章 大的方面和外界影響

１、移動(dòng)設(shè)計(jì)的內(nèi)容

移動(dòng)設(shè)備上進(jìn)行設(shè)計(jì)的可用性的區(qū)別

良好的移動(dòng)可用性最好設(shè)計(jì)是妥協(xié)

管理屏幕空間的挑戰(zhàn)不應(yīng)該以犧牲可用性為代價(jià)

２、關(guān)于可伸縮的設(shè)計(jì)

動(dòng)態(tài)布局、流式設(shè)計(jì)、自適應(yīng)設(shè)計(jì)、響應(yīng)式設(shè)計(jì)

要點(diǎn)非常煩瑣

難以完善

允許綻放

不要讓我站門口

永遠(yuǎn)記得提供一個(gè)到“全內(nèi)容”網(wǎng)站的鏈接

３、不要把你的提示藏在后面

４、沒有光標(biāo)＝?jīng)]有懸停＝?jīng)]有線索

５、扁平化設(shè)計(jì)：朋友還是敵人

６、實(shí)際上，可能會(huì)太過富余，或者嚴(yán)復(fù)不足

７、移動(dòng)應(yīng)用需要可學(xué)習(xí)、可記憶

第11章 可用性是基本禮貌

1、好感存儲(chǔ)器

這個(gè)存儲(chǔ)器是用戶對(duì)網(wǎng)站體驗(yàn)的感知和反饋，它的容量是有限的，它會(huì)因個(gè)人特質(zhì)的不同而不同，也會(huì)因情況而定，你可以重新填滿它，但是有時(shí)候一個(gè)簡(jiǎn)單的錯(cuò)誤就能清空它。

2、降低好感的方式

隱藏我想要的信息，給用戶的信息提供不足。

繁瑣的用戶體驗(yàn)。

向用戶詢問不必要的信息。

欺騙用戶，敷衍用戶，虛偽的真誠(chéng)。

設(shè)置一些不必要的障礙。

網(wǎng)站看上去不專業(yè)，布局凌亂，不專業(yè)，給用戶的體驗(yàn)感覺差。

3、提高好感的方式

讓用戶知道你的網(wǎng)站在做什么，讓使用變得簡(jiǎn)潔明了。

告訴用戶一些信息，即使有些是他不想知道的。

減少操作步驟，提高用戶體驗(yàn)。

花心思在用戶體驗(yàn)上，并為用戶盡可能的解決疑問，并且保持坦率。

為用戶提供協(xié)助，及時(shí)解決錯(cuò)誤，并且當(dāng)遇到不能解決的問題時(shí)，要坦然面對(duì)用戶并對(duì)用戶致以歉意。

第12章 可訪問性和你

讓每位用戶都可以有最好的體驗(yàn)

要改進(jìn)網(wǎng)站的可訪問性，最好的方法是經(jīng)常測(cè)試，站在用戶的角度考慮問題，并且觀察人們實(shí)際上是如何使用他的。

第13章 指點(diǎn)迷津

讓老板觀看可用性測(cè)試，或者制作不超過3分鐘的視頻，并且配上有意思的解說，這樣對(duì)于有些老板更易接受。

在個(gè)人時(shí)間里進(jìn)行一次測(cè)試，然后進(jìn)行問題修復(fù)。

對(duì)競(jìng)爭(zhēng)對(duì)手進(jìn)行測(cè)試，了解對(duì)手。

理解管理層，并且富有同理心。

弄清楚自己在公司中的位置，愿于去分享知識(shí)，而不是告訴別人應(yīng)該怎么做。

抵制黑暗力量，不要越過界限。