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

譯者序
序言
前言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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