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

譯者序
序言
前言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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