勝于言傳：Web內(nèi)容創(chuàng)作與設(shè)計(jì)的藝術(shù)（原書(shū)第2版）

譯者序
序言
前言

第1章　內(nèi)容！內(nèi)容！內(nèi)容！
1.1 人們?yōu)榱藘?nèi)容而來(lái)
1.2 內(nèi)容=對(duì)話(huà)
1.3 Web=電話(huà)，而不是文件柜
1.4 用戶(hù)在網(wǎng)上通?？焖贋g覽
1.5 用戶(hù)偶爾也會(huì)閱讀
1.6 用戶(hù)不會(huì)閱讀太多內(nèi)容
1.7 編寫(xiě)好的內(nèi)容=建立成功的對(duì)話(huà)
回答用戶(hù)的問(wèn)題
允許用戶(hù)汲取信息，不斷前進(jìn)
鼓勵(lì)繼續(xù)使用
面對(duì)用戶(hù)做好營(yíng)銷(xiāo)
提升搜索引擎優(yōu)化
優(yōu)化站內(nèi)搜索
對(duì)所有人都可達(dá)
1.8 案例分析1-1 成功的文字對(duì)話(huà)
1.9 案例分析1-2 成功的非文對(duì)話(huà)
1.10 案例分析1-3 修訂網(wǎng)頁(yè)的文字
1.11 小結(jié)

第2章 規(guī)劃：目標(biāo)、用戶(hù)、對(duì)話(huà)
2.1 了解你要達(dá)成的目標(biāo)
聚焦在你希望用戶(hù)做的事情上
具體明確
考慮SEO
考慮普遍的可用性
了解你設(shè)計(jì)的每個(gè)內(nèi)容的目標(biāo)
2.2 誰(shuí)是你的用戶(hù)，對(duì)話(huà)是什么
用戶(hù)會(huì)按自己的經(jīng)驗(yàn)來(lái)理解讀到的內(nèi)容
如何深入了解用戶(hù)
收集用戶(hù)信息
列出用戶(hù)類(lèi)型
對(duì)每類(lèi)用戶(hù)列出主要特征
理解用戶(hù)希望進(jìn)行的對(duì)話(huà)
2.3 用人物角色給數(shù)據(jù)帶來(lái)生命活力
什么是人物角色
人物角色包括什么
需要多少人物角色
人物角色如何幫助設(shè)計(jì)團(tuán)隊(duì)
2.4 用場(chǎng)景給數(shù)據(jù)帶來(lái)生命活力
場(chǎng)景要多長(zhǎng)，多少個(gè)場(chǎng)景
誰(shuí)的場(chǎng)景
場(chǎng)景如何與內(nèi)容聯(lián)系
2.5 小結(jié)
插文1 內(nèi)容戰(zhàn)略
為什么內(nèi)容戰(zhàn)略如此重要
什么是內(nèi)容戰(zhàn)略
內(nèi)容戰(zhàn)略包括什么
誰(shuí)來(lái)制定內(nèi)容戰(zhàn)略
制定內(nèi)容戰(zhàn)略的7個(gè)步驟

第3章 為易用而設(shè)計(jì)
3.1 誰(shuí)應(yīng)該閱讀本章
3.2 在設(shè)計(jì)之初，就整合內(nèi)容與設(shè)計(jì)
同時(shí)回答內(nèi)容與設(shè)計(jì)兩方面的問(wèn)題
在設(shè)計(jì)過(guò)程中使用實(shí)際內(nèi)容
3.3 建構(gòu)靈活性以達(dá)成普遍可用性
突顯文本大小調(diào)節(jié)功能
讓所有的文字都可調(diào)整
允許其他調(diào)整-對(duì)比度、鍵盤(pán)、聲音等
在檢查色彩使用時(shí)考慮色盲用戶(hù)
考慮顏色的文化含意
3.4 配色
與品牌配色一致
在深色背景中使用淺色文字時(shí)要謹(jǐn)慎
保持背景干凈
使用高對(duì)比度的背景和文字
3.5 留白
建立一致的模式
按照網(wǎng)格對(duì)齊內(nèi)容
在內(nèi)容中使用專(zhuān)門(mén)的留白
不要造成“頁(yè)面已到底”的假象
不要讓標(biāo)題“漂浮”在兩段文字之間
文本內(nèi)容不要居中對(duì)齊
3.6 排版
選擇一種易讀的無(wú)襯線(xiàn)字體作為默認(rèn)字體
默認(rèn)字號(hào)要夠大
行的默認(rèn)長(zhǎng)度要適中
不要用全大寫(xiě)的方式編寫(xiě)內(nèi)容
除了鏈接，不要在其他文字中使用下劃線(xiàn)
謹(jǐn)慎使用斜體
3.7 案例分析3-1 修改某一設(shè)計(jì)不當(dāng)?shù)木W(wǎng)頁(yè)
3.8 小結(jié)

第4章 好的開(kāi)始：主頁(yè)
4.1 主頁(yè)-內(nèi)容豐富，文字簡(jiǎn)潔
4.2 可以通過(guò)搜索引擎被找到
你的關(guān)鍵詞必須與用戶(hù)搜索用的關(guān)鍵詞匹配
重要的是要有精彩內(nèi)容
4.3 明確網(wǎng)站的標(biāo)識(shí)
4.4 設(shè)定網(wǎng)站的基調(diào)和個(gè)性
4.5 幫助人們了解網(wǎng)站的主題
4.6 快速進(jìn)行對(duì)話(huà)
4.7 案例分析4-1 關(guān)注人物角色和任務(wù)
讓用戶(hù)在主頁(yè)上就開(kāi)始主要任務(wù)
表單一定要位于頁(yè)面上方
不要把不必要的表單放在最前面
4.8 為每個(gè)用戶(hù)指明正確的路徑
把搜索框放在上方
在鏈接中使用用戶(hù)的語(yǔ)言
在移動(dòng)網(wǎng)頁(yè)中，直接切入要害
4.9 小結(jié)

第5章 向目標(biāo)行進(jìn)：瀏覽路徑頁(yè)面
5.1 網(wǎng)站用戶(hù)只是“獵取”-查找信息
5.2 用戶(hù)不希望在查找過(guò)程中閱讀
5.3 案例分析5-1 路徑頁(yè)面上的鏈接要清晰
人們?cè)谠擁?yè)面上都做了些什么
我們?cè)撊绾涡薷倪@個(gè)頁(yè)面
修改后的樣子
我們從案例中學(xué)到了什么
5.4 路徑頁(yè)面就像是書(shū)的目錄
5.5 案例分析5-2 讓用戶(hù)快速找到鏈接
5.6 有時(shí)，簡(jiǎn)短的描述很有幫助
謹(jǐn)慎使用術(shù)語(yǔ)
不要假設(shè)有圖片就夠了
使用文字片段
5.7 “只需三次點(diǎn)擊”是個(gè)神話(huà)
不要讓用戶(hù)思考
讓用戶(hù)不需要后退按鈕
5.8 很多用戶(hù)會(huì)選擇第一個(gè)選項(xiàng)
5.9 小結(jié)

第6章 劃分和組織內(nèi)容
6.1 思考“信息”而不是“文檔”
需求：適當(dāng)信息，適當(dāng)?shù)牧?br /> 困境：小紙片很容易丟失
解決方案：在網(wǎng)站上，“索引卡片”很有效
6.2 劃分內(nèi)容之前考慮周全
按用戶(hù)提出的問(wèn)題劃分
按任務(wù)或主題劃分
按產(chǎn)品類(lèi)型劃分
按信息類(lèi)型劃分
按用戶(hù)劃分
按生活事件劃分
按時(shí)間或先后順序劃分
6.3 考慮一個(gè)頁(yè)面中應(yīng)放多少內(nèi)容
用戶(hù)想要什么
這個(gè)頁(yè)面有多長(zhǎng)
頁(yè)面加載的時(shí)間是多長(zhǎng)
用戶(hù)想打印多少內(nèi)容
針對(duì)小屏幕和社交媒體應(yīng)該怎么處理
6.4 謹(jǐn)慎使用PDF文檔，如果要用，一定要有充分的理由
絕不說(shuō)“絕不”
什么時(shí)候應(yīng)該使用PDF文檔
有時(shí)候，最好同時(shí)使用PDF和HTML
什么時(shí)候不應(yīng)該使用PDF文檔
如何不使用PDF文檔
6.5 小結(jié)

第7章 聚焦對(duì)話(huà)和關(guān)鍵信息
7.1 聚焦對(duì)話(huà)和關(guān)鍵信息的7條原則
7.2 只提供用戶(hù)需要的內(nèi)容
修訂已有的內(nèi)容
撰寫(xiě)新的內(nèi)容
7.3 案例分析7-1 使用人物角色和對(duì)話(huà)來(lái)規(guī)劃內(nèi)容
7.4 我刪！我刪！我刪刪刪！
7.5 “小酌、快餐、大餐”
7.6 從關(guān)鍵信息開(kāi)始
從關(guān)鍵信息開(kāi)始＝“倒金字塔模式”
眼動(dòng)跟蹤研究說(shuō)明需要從關(guān)鍵信息開(kāi)始
7.7 對(duì)信息分層
用層疊窗口的方式分層
逐步展開(kāi)的方式分層
7.8 案例分析7-2 在同一網(wǎng)頁(yè)中展開(kāi)內(nèi)容層
目標(biāo)、人物角色、對(duì)話(huà)
限制條件
解決方案
7.9 拆分“文字墻”
7.10 案例分析7-3 拆分文字墻令網(wǎng)站大有改觀
他們做了哪些嘗試
他們做了哪些度量
他們發(fā)現(xiàn)了什么
7.11 計(jì)劃通過(guò)社交媒體分享和吸引用戶(hù)
7.12 小結(jié)
插文2 把握推銷(xiāo)時(shí)機(jī)
網(wǎng)絡(luò)營(yíng)銷(xiāo)不同于傳統(tǒng)營(yíng)銷(xiāo)：是“拉”不是“推”
參與用戶(hù)的對(duì)話(huà)
抓住正確的推銷(xiāo)時(shí)機(jī)
不要錯(cuò)過(guò)好的推銷(xiāo)時(shí)機(jī)
不要停止對(duì)話(huà)

第8章 用清晰的標(biāo)題欄明示主題
8.1 設(shè)計(jì)有效標(biāo)題欄的7條原則
8.2 使用用戶(hù)的語(yǔ)言
8.3 要清晰，不要賣(mài)萌
8.4 考慮全球的用戶(hù)
8.5 長(zhǎng)度適當(dāng)（8個(gè)單詞左右）
8.6 使用陳述句、疑問(wèn)句或者祈使句
8.7 使用組合標(biāo)簽（名詞），可以包含更多信息
8.8 必要時(shí)，加上簡(jiǎn)短的描述
8.9 小結(jié)

第9章 使用有效的標(biāo)題
9.1 好的標(biāo)題從很多方面幫助用戶(hù)
9.2 構(gòu)思標(biāo)題的過(guò)程對(duì)作者也有所幫助
9.3 幫助你編寫(xiě)有用標(biāo)題的11條原則
9.4 不要用標(biāo)題來(lái)遷就原有的內(nèi)容
9.5 從列出大綱開(kāi)始
9.6 選擇好的標(biāo)題風(fēng)格：?jiǎn)栴}式、陳述式、動(dòng)詞短語(yǔ)
問(wèn)題式的標(biāo)題
9.7 案例分析9-1 回答用戶(hù)的問(wèn)題
陳述式的標(biāo)題
動(dòng)詞短語(yǔ)作為標(biāo)題
9.8 謹(jǐn)慎使用名詞和名詞短語(yǔ)
有時(shí)候，用主題詞（名詞）就夠了
名詞經(jīng)常表達(dá)不明確
9.9 案例分析9-2 把名詞標(biāo)題改為更好的形式
9.10 在標(biāo)題中使用用戶(hù)的語(yǔ)言
9.11 充分利用排比的效果
9.12 只使用少量的層級(jí)
9.13 清晰區(qū)分標(biāo)題和內(nèi)容
9.14 每級(jí)標(biāo)題都要清晰
9.15 幫助用戶(hù)在同一網(wǎng)頁(yè)中跳轉(zhuǎn)內(nèi)容
把同頁(yè)鏈接放在標(biāo)題欄下方第一位
不要把頁(yè)間鏈接放在標(biāo)題欄下方第一位
不要把同頁(yè)鏈接放在左側(cè)導(dǎo)航欄
9.16 評(píng)估標(biāo)題
9.17 小結(jié)
插文3 新聞稿的新生
古老的新聞稿形式
如今的新聞稿
人們?nèi)绾卧诰W(wǎng)絡(luò)中使用新聞稿
我們?cè)撛趺醋?br /> 是否會(huì)帶來(lái)變化

第10章 調(diào)整語(yǔ)句
10.1 調(diào)整語(yǔ)句的十大原則
10.2 與網(wǎng)站用戶(hù)對(duì)話(huà)-使用“你”
用祈使語(yǔ)句來(lái)編寫(xiě)操作指南
始終使用“你”
10.3 案例分析10-1 直接稱(chēng)呼讀者
考慮環(huán)境
挑剔原版設(shè)計(jì)
修改后的效果
使用“你”保持性別中立
對(duì)特定人群使用恰當(dāng)?shù)男詣e指稱(chēng)
即使對(duì)嚴(yán)肅的話(huà)題也可采用直接的對(duì)話(huà)形式
10.4 使用“我”或者“我們”
在使用“我”、“你”和“我們”的時(shí)候保持一致
在博客和社會(huì)媒體中可以使用“我”
對(duì)于你自己的作品可以使用“我”
作為公司，可以使用“我們”
10.5 盡量使用主動(dòng)語(yǔ)態(tài)
10.6 案例分析10-2 使用主動(dòng)語(yǔ)態(tài)
10.7 用簡(jiǎn)單、短小的語(yǔ)句
非常短的句子也可以
不完整語(yǔ)句也可能很有效
忙碌的用戶(hù)需要清晰的內(nèi)容
10.8 去掉不必要的詞語(yǔ)
10.9 將句子中多余的信息放到合適的位置
10.10 案例10-3 理清一個(gè)復(fù)雜的語(yǔ)句
找出潛在的句子
改寫(xiě)句子
考慮人物角色、對(duì)話(huà)
從本案例分析中學(xué)到的
10.11 保持段落簡(jiǎn)短
可以一句話(huà)作為一段
列表和表格的形式可能更好
10.12 從上下文背景信息開(kāi)始
10.13 案例分析10-4 先介紹背景信息-主題
調(diào)整順序
進(jìn)一步簡(jiǎn)化
從此案例分析中學(xué)到的
10.14 用動(dòng)詞來(lái)表達(dá)行為
10.15 使用網(wǎng)站用戶(hù)的語(yǔ)言
為你的用戶(hù)編寫(xiě)內(nèi)容
了解用戶(hù)
盡量使用通俗的語(yǔ)言
10.16 小結(jié)

第11章 使用列表和表格
11.1 編寫(xiě)出有用列表的6條原則
11.2 對(duì)于條目或者選項(xiàng)等內(nèi)容使用項(xiàng)目符號(hào)列表
11.3 列表應(yīng)匹配網(wǎng)站風(fēng)格
11.4 使用編號(hào)列表來(lái)呈現(xiàn)操作指南
把段落轉(zhuǎn)換成列表
使用表格來(lái)呈現(xiàn)分支步驟
不僅要敘述，還要展示
在操作指南之外謹(jǐn)慎使用編號(hào)列表
11.5 案例分析11-1 使用項(xiàng)目符號(hào)列表和編號(hào)列表
11.6 確保大多數(shù)列表簡(jiǎn)短
對(duì)于不熟悉的列表，最好保持簡(jiǎn)短（5～10項(xiàng)）
對(duì)于熟悉的列表，長(zhǎng)一點(diǎn)也可以
11.7 盡量讓列表項(xiàng)有相同的開(kāi)頭
11.8 將列表排列整齊
減少介紹與列表之間的留白
在較長(zhǎng)的列表項(xiàng)之間留白
換行要以文字的起始位置為準(zhǔn)，而不是以項(xiàng)目符號(hào)為準(zhǔn)
如果需要說(shuō)明結(jié)果，就讓結(jié)果獨(dú)立成行
11.9 列表和表格的區(qū)別是什么
11.10 編寫(xiě)出有用表格的6條原則
11.11 用表格來(lái)表達(dá)一系列的“如果……那么……”句式
11.12 用表格來(lái)對(duì)比數(shù)字
11.13 考慮：表格＝回答問(wèn)題
11.14 仔細(xì)考慮
第一列的內(nèi)容
11.15 案例分析11-2 了解什么時(shí)候使用表格
11.16 保持表格簡(jiǎn)潔
多少列？
多少行？
11.17 將表格排列整齊
減少線(xiàn)條：幫助用戶(hù)關(guān)注信息
按列對(duì)齊：不要將表格中的文字居中對(duì)齊
11.18 小結(jié)
插文4　法律法規(guī)信息可以很清晰
準(zhǔn)確、充分、清晰-你可以一石三鳥(niǎo)
避免使用陳舊的法律語(yǔ)言
避免使用專(zhuān)業(yè)術(shù)語(yǔ)
在標(biāo)題中使用用戶(hù)的語(yǔ)言
參照本書(shū)的其他原則
案例分析 匯總

第12章 編寫(xiě)有意義的鏈接
12.1 幫助你編寫(xiě)有意義鏈接的7條原則
12.2 不要把新項(xiàng)目或者新產(chǎn)品的名字單獨(dú)作為鏈接
12.3 預(yù)先想好：讓鏈接的名稱(chēng)與其指向的頁(yè)面標(biāo)題一致
12.4 用動(dòng)詞作為動(dòng)作型鏈接的開(kāi)頭
12.5 讓鏈接有意義，不要只用“點(diǎn)擊這里”或者“更多”這樣的鏈接
“點(diǎn)擊這里”沒(méi)有必要
只是“更多”和“了解更多”不夠清楚
說(shuō)出“更多”是什么
12.6 大多數(shù)內(nèi)容中不要嵌入鏈接
如果用戶(hù)是在瀏覽，嵌入鏈接也可以
把鏈接放在文章的結(jié)尾處、底部或者旁邊
12.7 把列表變成鏈接
12.8 明確區(qū)分已點(diǎn)擊的鏈接和未點(diǎn)擊的鏈接
鏈接要使用單獨(dú)的顏色
點(diǎn)擊過(guò)的鏈接要改變顏色
12.9 小結(jié)

第13章 有效利用圖示
13.1 圖示的5個(gè)作用
具體物品展示：用戶(hù)希望看到什么
自助服務(wù)：怎樣幫助用戶(hù)自助操作
流程：圖示是否讓文字容易記憶
圖表、圖解、地圖：是否幫助用戶(hù)理解我的信息
情緒：哪張圖片支持對(duì)話(huà)
13.2 有效使用圖示的7條原則
13.3 不要讓人們猜測(cè)圖示的內(nèi)容以及呈現(xiàn)的原因
13.4 選擇合適的尺寸
不要讓大圖片把內(nèi)容擠到網(wǎng)頁(yè)底部
小圖片一定要清晰
13.5 保持多樣性
考慮網(wǎng)站用戶(hù)的廣泛性
展示用戶(hù)的多樣性，但要真實(shí)
測(cè)試！測(cè)試！測(cè)試！
13.6 不要讓內(nèi)容看上去像廣告
13.7 不要使用閃爍的、滾動(dòng)的、飄動(dòng)的、游走的文字或者圖片干擾用戶(hù)
13.8 只在需要的地方使用動(dòng)畫(huà)
13.9 讓圖示有良好的可達(dá)性
替換文字要有意義
13.10 小結(jié)

第14章 從草稿到終版
14.1 閱讀、編輯、修訂、校對(duì)你自己的內(nèi)容
把寫(xiě)作過(guò)程當(dāng)作修訂過(guò)程
閱讀自己寫(xiě)作的內(nèi)容
檢查你的鏈接
檢查內(nèi)容的準(zhǔn)確性
暫停一段時(shí)間
大聲朗讀
使用詞典、手冊(cè)和風(fēng)格指南
使用拼寫(xiě)檢查，但不能只依靠拼寫(xiě)檢查
校對(duì)
14.2 與同事分享草稿
接受并在過(guò)程中學(xué)習(xí)
與同事合作來(lái)配合內(nèi)容戰(zhàn)略
分享局部的草稿
請(qǐng)人大聲朗讀
詢(xún)問(wèn)你的關(guān)鍵信息是什么
關(guān)注評(píng)論
愉快地收斂你的“個(gè)性”
14.3 帶著人物角色來(lái)檢查對(duì)話(huà)
14.4 讓編輯幫忙
在微觀上得到幫助
在宏觀上得到幫助
14.5 與審核者（和編輯）成功協(xié)商
設(shè)置有效的審核
從審核者那里得到有用的信息
用好審核
14.6 小結(jié)
插文5 創(chuàng)建有機(jī)的風(fēng)格指南
用風(fēng)格指南來(lái)達(dá)成一致性
用風(fēng)格指南來(lái)提醒人們
不要重新創(chuàng)建風(fēng)格指南
指定一個(gè)負(fù)責(zé)人
獲得管理支持
風(fēng)格指南要易于創(chuàng)建、查找和使用

第15章 測(cè)試！測(cè)試！測(cè)試！
15.1 為什么需要可用性測(cè)試
15.2 可用性測(cè)試需要什么
15.3 可用性測(cè)試不需要什么
15.4 可用性測(cè)試做什么
大多數(shù)人怎么做
更快的做法“每月一晨”
15.5 我們可以采用哪些變式
有主持人的遠(yuǎn)程測(cè)試
無(wú)主持人的遠(yuǎn)程測(cè)試
全球測(cè)試
小組測(cè)試
實(shí)際方案對(duì)比測(cè)試（A/B組測(cè)試）
15.6 為什么不能僅用焦點(diǎn)小組
焦點(diǎn)小組需要什么
為什么焦點(diǎn)小組不是最好的辦法
是否可以整合可用性測(cè)試和焦點(diǎn)小組
15.7 測(cè)試內(nèi)容
參考資源