譯者序
序言
前言
第1章 內容!內容!內容!
1.1 人們為瞭內容而來
1.2 內容=對話
1.3 Web=電話,而不是文件櫃
1.4 用戶在網上通常快速瀏覽
1.5 用戶偶爾也會閱讀
1.6 用戶不會閱讀太多內容
1.7 編寫好的內容=建立成功的對話
迴答用戶的問題
允許用戶汲取信息,不斷前進
鼓勵繼續使用
麵對用戶做好營銷
提升搜索引擎優化
優化站內搜索
對所有人都可達
1.8 案例分析1-1 成功的文字對話
1.9 案例分析1-2 成功的非文對話
1.10 案例分析1-3 修訂網頁的文字
1.11 小結
第2章 規劃:目標、用戶、對話
2.1 瞭解你要達成的目標
聚焦在你希望用戶做的事情上
具體明確
考慮SEO
考慮普遍的可用性
瞭解你設計的每個內容的目標
2.2 誰是你的用戶,對話是什麼
用戶會按自己的經驗來理解讀到的內容
如何深入瞭解用戶
收集用戶信息
列齣用戶類型
對每類用戶列齣主要特徵
理解用戶希望進行的對話
2.3 用人物角色給數據帶來生命活力
什麼是人物角色
人物角色包括什麼
需要多少人物角色
人物角色如何幫助設計團隊
2.4 用場景給數據帶來生命活力
場景要多長,多少個場景
誰的場景
場景如何與內容聯係
2.5 小結
插文1 內容戰略
為什麼內容戰略如此重要
什麼是內容戰略
內容戰略包括什麼
誰來製定內容戰略
製定內容戰略的7個步驟
第3章 為易用而設計
3.1 誰應該閱讀本章
3.2 在設計之初,就整閤內容與設計
同時迴答內容與設計兩方麵的問題
在設計過程中使用實際內容
3.3 建構靈活性以達成普遍可用性
突顯文本大小調節功能
讓所有的文字都可調整
允許其他調整-對比度、鍵盤、聲音等
在檢查色彩使用時考慮色盲用戶
考慮顔色的文化含意
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 使用人物角色和對話來規劃內容
7.4 我刪!我刪!我刪刪刪!
7.5 “小酌、快餐、大餐”
7.6 從關鍵信息開始
從關鍵信息開始=“倒金字塔模式”
眼動跟蹤研究說明需要從關鍵信息開始
7.7 對信息分層
用層疊窗口的方式分層
逐步展開的方式分層
7.8 案例分析7-2 在同一網頁中展開內容層
目標、人物角色、對話
限製條件
解決方案
7.9 拆分“文字牆”
7.10 案例分析7-3 拆分文字牆令網站大有改觀
他們做瞭哪些嘗試
他們做瞭哪些度量
他們發現瞭什麼
7.11 計劃通過社交媒體分享和吸引用戶
7.12 小結
插文2 把握推銷時機
網絡營銷不同於傳統營銷:是“拉”不是“推”
參與用戶的對話
抓住正確的推銷時機
不要錯過好的推銷時機
不要停止對話
第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 清晰區分標題和內容
9.14 每級標題都要清晰
9.15 幫助用戶在同一網頁中跳轉內容
把同頁鏈接放在標題欄下方第一位
不要把頁間鏈接放在標題欄下方第一位
不要把同頁鏈接放在左側導航欄
9.16 評估標題
9.17 小結
插文3 新聞稿的新生
古老的新聞稿形式
如今的新聞稿
人們如何在網絡中使用新聞稿
我們該怎麼做
是否會帶來變化
第10章 調整語句
10.1 調整語句的十大原則
10.2 與網站用戶對話-使用“你”
用祈使語句來編寫操作指南
始終使用“你”
10.3 案例分析10-1 直接稱呼讀者
考慮環境
挑剔原版設計
修改後的效果
使用“你”保持性彆中立
對特定人群使用恰當的性彆指稱
即使對嚴肅的話題也可采用直接的對話形式
10.4 使用“我”或者“我們”
在使用“我”、“你”和“我們”的時候保持一緻
在博客和社會媒體中可以使用“我”
對於你自己的作品可以使用“我”
作為公司,可以使用“我們”
10.5 盡量使用主動語態
10.6 案例分析10-2 使用主動語態
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 列錶和錶格的區彆是什麼
11.10 編寫齣有用錶格的6條原則
11.11 用錶格來錶達一係列的“如果……那麼……”句式
11.12 用錶格來對比數字
11.13 考慮:錶格=迴答問題
11.14 仔細考慮
第一列的內容
11.15 案例分析11-2 瞭解什麼時候使用錶格
11.16 保持錶格簡潔
多少列?
多少行?
11.17 將錶格排列整齊
減少綫條:幫助用戶關注信息
按列對齊:不要將錶格中的文字居中對齊
11.18 小結
插文4 法律法規信息可以很清晰
準確、充分、清晰-你可以一石三鳥
避免使用陳舊的法律語言
避免使用專業術語
在標題中使用用戶的語言
參照本書的其他原則
案例分析 匯總
第12章 編寫有意義的鏈接
12.1 幫助你編寫有意義鏈接的7條原則
12.2 不要把新項目或者新産品的名字單獨作為鏈接
12.3 預先想好:讓鏈接的名稱與其指嚮的頁麵標題一緻
12.4 用動詞作為動作型鏈接的開頭
12.5 讓鏈接有意義,不要隻用“點擊這裏”或者“更多”這樣的鏈接
“點擊這裏”沒有必要
隻是“更多”和“瞭解更多”不夠清楚
說齣“更多”是什麼
12.6 大多數內容中不要嵌入鏈接
如果用戶是在瀏覽,嵌入鏈接也可以
把鏈接放在文章的結尾處、底部或者旁邊
12.7 把列錶變成鏈接
12.8 明確區分已點擊的鏈接和未點擊的鏈接
鏈接要使用單獨的顔色
點擊過的鏈接要改變顔色
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 與同事分享草稿
接受並在過程中學習
與同事閤作來配閤內容戰略
分享局部的草稿
請人大聲朗讀
詢問你的關鍵信息是什麼
關注評論
愉快地收斂你的“個性”
14.3 帶著人物角色來檢查對話
14.4 讓編輯幫忙
在微觀上得到幫助
在宏觀上得到幫助
14.5 與審核者(和編輯)成功協商
設置有效的審核
從審核者那裏得到有用的信息
用好審核
14.6 小結
插文5 創建有機的風格指南
用風格指南來達成一緻性
用風格指南來提醒人們
不要重新創建風格指南
指定一個負責人
獲得管理支持
風格指南要易於創建、查找和使用
第15章 測試!測試!測試!
15.1 為什麼需要可用性測試
15.2 可用性測試需要什麼
15.3 可用性測試不需要什麼
15.4 可用性測試做什麼
大多數人怎麼做
更快的做法“每月一晨”
15.5 我們可以采用哪些變式
有主持人的遠程測試
無主持人的遠程測試
全球測試
小組測試
實際方案對比測試(A/B組測試)
15.6 為什麼不能僅用焦點小組
焦點小組需要什麼
為什麼焦點小組不是最好的辦法
是否可以整閤可用性測試和焦點小組
15.7 測試內容
參考資源
· · · · · · (
收起)