第 0章
前言 什麼是錶單 1
0.1 錶單牽動你和我 1
0.1.1 糟糕的錶單後果很嚴重 1
0.1.2 優良的錶單眾人皆歡喜 2
0.2 煮酒論錶單 3
0.2.1 隻談設計不談技術 3
0.2.2 隻談網頁不談紙質錶單 4
0.2.3 可用性:讓錶單更好用 4
0.2.4 製錶流程:試試你就知道 4
0.3 一些定義,兩種流程 4
0.3.1 錶單,一看便知 4
0.3.2 三個層次:關係、對話和外觀 5
0.3.3 一個混亂而典型的錶單設計流程 6
0.3.4 係統化設計流程 7
第一部分 關 係
第1 章 說服人們迴答問題 11
1.1 理解用戶纔能設計齣好錶單 11
1.1.1 人們對錶單做齣何種應答 11
1.1.2 讀者、匆忙填寫者和拒絕者 14
1.1.3 選擇恰當的提問時機 15
1.1.4 關係隨問題變化 16
1.2 影響反饋率的三條法則 18
1.2.1 規則1:建立信任 18
1.2.2 規則2:降低社交損失 19
1.2.3 規則3:增加奬勵 19
1.2.4 一份小奬勵:在必要時為用戶提供錶單 20
1.3 錶單應該有多長 22
1.4 誰來迴答問題 23
1.4.1 考慮身體差異 23
1.4.2 通過提問瞭解用戶 24
1.4.3 瞭解用戶如何理解錶單 24
1.4.4 你是否足夠瞭解自己的用戶 25
1.4.5 通過創建人物角色,反映用戶的現實情況 26
1.5 小結 27
小插麯 注冊錶單:如果不可避免應當如何應對 28
第2 章 獲得正確的信息 31
2.1 為什麼要收集信息 31
2.1.1 詢問利益相關者 32
2.1.2 詢問使用信息的人 34
2.1.3 運用問題協議研究信息使用方式 34
2.2 錶單發布機構是否已經持有信息 35
2.2.1 使用錶單發布機構已經持有的信息 35
2.2.2 避免重復 36
2.3 瞭解彆人的問題 37
2.3.1 如果沒有競爭對手該怎麼做 37
2.3.2 一個觀察競爭對手的示例 38
2.4 小結:獲得正確的信息 38
案例分析 會議預定錶:問題協議樣本 39
第二部分 對 話
第3 章 提齣容易迴答的問題 45
3.1 要保證交流順暢 45
3.2 問題要容易理解 47
3.2.1 用常見詞匯提問 47
3.2.2 一次隻問一個問題 49
3.2.3 將否定的問題轉換為肯定的問題 50
3.2.4 謹慎的分組方式有助於明確含義 51
3.2.5 不要加入決策點 52
3.2.6 要知道文化差異 53
3.3 讓人容易找到答案 54
3.3.1 插入式答案 54
3.3.2 搜集式答案 55
3.3.3 第三方答案 55
3.3.4 創造式答案 56
3.3.5 迴答策略不匹配將産生問題 56
3.3.6 瞭解用戶將在何處獲取答案 58
3.3.7 清楚誰擁有你需要的數據 58
3.3.8 幫助用戶找到答案 59
3.3.9 標簽內容要符閤用戶獲取答案的方式 61
3.4 讓答案容易判斷 61
3.5 讓錶單答案容易填寫 63
3.6 小結:提齣容易迴答的問題 65
第4 章 說明文字 67
4.1 撰寫實用的說明文字 67
4.2 5 條簡明語言法則 68
4.2.1 法則1:以常見的方式使用常見詞匯 68
4.2.2 法則2:使用簡短、肯定、主動語態的句子 70
4.2.3 法則3:推翻文字的圍牆 70
4.2.4 法則4:先選擇,後行動 71
4.2.5 法則5:使用有幫助的標題 73
4.3 刪繁就簡 75
4.4 放置適當 75
4.4.1 貼切的標題 76
4.4.2 提前告知需要搜集哪些信息 76
4.4.3 將用戶引導至不同的錶單 78
4.4.4 用問題替代說明文字 78
4.5 一個“前後對照”的例子 79
4.6 小結:說明文字 80
小插麯 提供幫助 81
第5 章 選擇錶單控件 85
5.1 選擇恰當的控件 85
5.2 符閤用戶對控件工作方式的預期 86
5.2.1 鍵入比選擇更自然嗎 87
5.2.2 答案很容易輸錯嗎 88
5.2.3 有多少選項 89
5.2.4 是否允許用戶做多重選擇 90
5.2.5 選項是否在視覺上突齣 91
5.2.6 用戶理解問題是否需要參看選項 92
5.3 清晰地描述選項 92
5.4 閤理的順序 93
5.5 慎用專門控件 93
5.5.1 日曆有助於顯示相對日期 94
5.5.2 地圖有助於顯示地理信息 94
5.6 小結:選擇錶單控件 95
第6 章 填錶過程一氣嗬成 97
6.1 讓錶單填寫過程連貫流暢 97
6.2 按話題分解長錶單 97
6.2.1 壓縮字段(較少采用) 97
6.2.2 按話題分成多頁錶單(更好的方法) 98
6.2.3 每次隻提一個話題 98
6.2.4 先提符閤預期的問題,後提意料之外的問題 99
6.2.5 少提突兀的問題 100
6.2.6 解釋多次齣現的問題之間有何差異 100
6.3 使用進度指示器 102
6.4 勿因突變而讓用戶感到意外 105
6.4.1 避免不通知就改變頁麵 105
6.4.2 按照用戶的要求改變頁麵 106
6.4.3 基於早期輸入的信息創建自定義錶單 106
6.4.4 不要將標簽用作錶單的導航方式 107
6.5 善待錯誤 108
6.5.1 驗證有時可以提供幫助 108
6.5.2 盡早驗證 109
6.6 結束對話時說“謝謝” 111
6.7 小結:填錶過程一氣嗬成 111
小插麯 和彈齣窗口說再見 113
第三部分 外 觀
第7 章 關注細節 117
7.1 外觀的細節 117
7.2 標簽位置應當容易看到 118
7.2.1 眼動跟蹤錶明用戶的視綫集中在字段和標簽上 119
7.2.2 用戶會注意到位於字段上方和左側的標簽 120
7.2.3 用戶隻會查看覺得與字段相關的標簽 120
7.2.4 把標簽放在字段上方有時奏效 121
7.2.5 右對齊插入式答案的字段標簽更有效 121
7.2.6 其他答案類型的字段慎用右對齊標簽 122
7.2.7 詢問個人資料的錶單應左對齊標簽 122
7.2.8 拿不準時最好左對齊標簽 123
7.2.9 特殊考量因素:標簽翻譯 123
7.2.10 確保每個標簽都與對應字段密切相關 124
7.3 標簽末尾要加冒號嗎 126
7.4 標簽應該句子首字母大寫還是標題首字母大寫 127
7.5 標記必填字段 128
7.5.1 標記必填字段;若要標記不強製要求的字段,則用“(可選)”標識 128
7.5.2 說明選用的標記符 129
7.5.3 示例:必填字段的睏惑 129
7.6 選擇易讀的文本:字體和詞匯 130
7.6.1 選用具有良好色彩對比度的大號字體 130
7.6.2 版式不宜多變 132
7.6.3 應用空白讓段落更容易閱讀 133
7.7 小結:關注細節 134
小插麯 用襯綫字體還是無襯綫字體 135
第8 章 構造簡約的錶單外觀 137
8.1 令錶單外形美觀的關鍵因素 137
8.2 用戶知道你是誰嗎? logo 和品牌風格 138
8.2.1 品牌信息過少妨礙建立信任 139
8.2.2 品牌風格元素應保持適量 140
8.2.3 謹慎配色 141
8.2.4 在標簽、字段和按鈕上應用少量品牌風格 143
8.2.5 用戶何時會注意品牌風格 144
8.2.6 切勿改變用戶的瀏覽器 145
8.3 網格:讓錶單整潔有序 146
8.3.1 對齊幾根垂直的粗網格綫 147
8.3.2 創建新網格綫,而不是遷就現有的網格綫 149
8.4 分組:讓錶單條理清晰 150
8.4.1 位置是錶示分組最簡單明瞭的方式 151
8.4.2 過多的綫條會破壞分組 152
8.4.3 切勿改變樣式 153
8.4.4 切勿在分組標識圖案中掩藏文字內容 154
8.5 避免兩欄錶單 156
8.6 小結:構造簡約的錶單外觀 159
案例分析 徹底改變外觀 160
第四部分 測 試
第9 章 測試 165
9.1 我們熱愛可用性測試 165
9.1.1 可用性測試方便快捷、立竿見影 165
9.1.2 我們如何對錶單做專傢評審 166
9.2 如何進行可用性測試 166
9.2.1 測試更多用戶(通常5 位就夠瞭) 166
9.2.2 設法找到“真實的”用戶 167
9.2.3 測試參與者與目標用戶有何差異 167
9.2.4 思考用戶將在哪裏找到答案 167
9.2.5 瞭解測試參與者的想法 168
9.3 最後的話 169
延伸閱讀 171
參考文獻 179
· · · · · · (
收起)
網頁錶單無處不在——從注冊錶單到聯係信息錶,從商業領域到政府部門。成功的錶單設計不僅能提高用戶滿意度,還能收集更加精確的數據並降低維護費用;而失敗的錶單設計不僅會收集到與需求相悖的冗餘信息,還極有可能導緻潛在消費者的流失。
設計具有高可用性的錶單絕非易事。兩位作者通過豐富的實例,明確闡述瞭如何從錶單的關係、對話和外觀三層模型齣發,設計齣具有高可用性的優質網頁錶單,並通過可用性測試及早發現錶單的潛在問題。通過閱讀本書,讀者能夠瞭解到如何定義需求,如何提齣與用戶期望相符且容易理解的問題,以及如何撰寫說明文字、設置進度指示器和處理齣錯信息。
經實踐檢驗的實用建議將幫助你遠離設計失誤,創建齣美觀、高效的錶單。
可貴的設計方法和技巧是贏得數據準確性和顧客滿意度的製勝法寶。
包含大量實例——從細節展現(如標簽對齊方式、必填字段)到視覺設計(如創建整齊的網格、顔色應用等)。