Web錶單設計 pdf epub mobi txt 電子書下載在線閱讀 2026

簡體網頁||繁體網頁

☆☆☆☆☆

出版者:人民郵電齣版社

作者:Caroline Jarrett

出品人:

頁數:192

译者:董淑楨

出版時間:2011-3

價格:35.00元

裝幀:平裝

isbn號碼:9787115246684

叢書系列:圖靈交互設計叢書

圖書標籤:

錶單設計
交互設計
web
設計
用戶體驗
web設計
Web開發
webdesign
Web錶單
設計
用戶體驗
前端開發
錶單驗證
HTML
CSS
交互設計
錶單布局
錶單優化
用戶界麵

下載連結在頁面底部

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 複製連結

想要找書就要到小哈圖書下載中心

qciss.net

立刻按 ctrl+D收藏本頁

你會得到大驚喜!!

具體描述

網頁錶單無處不在——從注冊錶單到聯係信息錶，從商業領域到政府部門。成功的錶單設計不僅能提高用戶滿意度，還能收集更加精確的數據並降低維護費用；而失敗的錶單設計不僅會收集到與需求相悖的冗餘信息，還極有可能導緻潛在消費者的流失。

設計具有高可用性的錶單絕非易事。兩位作者通過豐富的實例，明確闡述瞭如何從錶單的關係、對話和外觀三層模型齣發，設計齣具有高可用性的優質網頁錶單，並通過可用性測試及早發現錶單的潛在問題。通過閱讀本書，讀者能夠瞭解到如何定義需求，如何提齣與用戶期望相符且容易理解的問題，以及如何撰寫說明文字、設置進度指示器和處理齣錯信息。

經實踐檢驗的實用建議將幫助你遠離設計失誤，創建齣美觀、高效的錶單。

可貴的設計方法和技巧是贏得數據準確性和顧客滿意度的製勝法寶。

包含大量實例——從細節展現（如標簽對齊方式、必填字段）到視覺設計（如創建整齊的網格、顔色應用等）。

《Web錶單設計》這本書將帶領你踏上一段深入探索用戶體驗（UX）設計核心領域的旅程。我們並非專注於技術實現，而是將目光聚焦於那些讓數字互動變得直觀、高效且令人愉悅的原則和實踐。本書旨在為你提供一套堅實的理論基礎和實用的指導，幫助你設計齣能夠真正理解用戶需求、引導用戶順利完成任務的Web錶單。核心理念：用戶至上，目標導嚮在信息爆炸的時代，用戶的時間和注意力變得尤為寶貴。任何一個繁瑣、令人睏惑的錶單都可能導緻用戶流失，錯失寶貴的轉化機會。《Web錶單設計》從根本上顛覆瞭“錶單隻是數據錄入工具”的認知，將其提升到用戶互動和價值實現的戰略高度。我們將深入剖析用戶在填寫錶單時的心理狀態、認知過程以及潛在的痛點，並通過一係列精心設計的案例分析，揭示如何通過精妙的設計來緩解這些痛點，最終提升用戶滿意度和業務目標達成率。內容概覽：從心理學洞察到實戰策略本書的內容將涵蓋Web錶單設計的方方麵麵，每一章都圍繞提升用戶體驗和轉化率展開：理解你的用戶：在動手設計之前，我們首先要瞭解“為誰設計”。本章將引導你如何進行用戶研究，識彆目標用戶的特徵、動機、技能水平以及他們在使用錶單時可能遇到的障礙。我們將探討同理心地圖、用戶畫像等工具的應用，幫助你構建對用戶的深刻理解。信息架構與錶單結構：閤理的信息組織是錶單設計的基礎。我們將討論如何對收集的信息進行邏輯分組，如何確定最佳的錶單字段順序，以及如何通過清晰的標簽和分組來減少用戶的認知負荷。你將學習到如何將復雜的任務分解為易於管理的步驟，從而構建齣清晰、流暢的錶單流程。視覺設計與布局：錶單的視覺呈現直接影響用戶的感知。本章將深入探討如何運用視覺層次、留白、對齊等設計原則，創建齣既美觀又實用的錶單布局。我們將分析不同輸入控件（如文本框、下拉菜單、單選/復選框、日期選擇器等）的最佳實踐，以及如何利用它們來優化用戶輸入體驗。標簽、提示與錯誤處理：清晰的標簽是用戶理解字段含義的關鍵，而有效的提示則能預先指導用戶。本章將重點講解如何撰寫簡潔、明確、具有指導意義的標簽和提示文本。更重要的是，我們將深入探討如何設計智能、友好的錯誤提示信息，幫助用戶快速定位並糾正問題，而非簡單粗暴地指齣“錯誤”。交互設計與反饋機製：錶單不僅僅是靜態的界麵，更是用戶與係統互動的載體。我們將探索如何通過漸進式加載、實時驗證、自動完成等交互設計技巧，提升錶單的響應速度和用戶體驗。同時，理解及時、清晰的用戶反饋機製對於建立信任和引導用戶至關重要。可訪問性與包容性設計：一個真正優秀的設計應該服務於所有人。本章將聚焦於Web錶單的可訪問性設計，包括如何確保殘障人士能夠順暢地使用錶單，以及如何遵循WCAG等行業標準。我們將強調包容性設計的理念，確保錶單對所有用戶都是友好和易於使用的。移動端錶單設計：隨著移動設備的普及，移動端錶單設計已成為設計的重中之重。本章將探討移動設備屏幕尺寸、觸摸交互等特性對錶單設計的影響，以及如何優化移動端錶單的布局、控件和交互流程，確保在小屏幕上也能獲得卓越的用戶體驗。 A/B測試與迭代優化：設計是一個持續優化的過程。本書將介紹如何運用A/B測試等數據驅動的方法，來驗證不同的錶單設計方案，並根據用戶行為數據進行迭代改進，不斷提升錶單的轉化率和用戶滿意度。特定場景下的錶單設計：從注冊登錄到産品購買，不同的場景需要不同的錶單策略。本章將通過分析常見的Web應用場景，提供針對性的錶單設計建議和解決方案，幫助你應對各種復雜的錶單設計挑戰。本書的價值：《Web錶單設計》並非一本枯燥的技術手冊，而是一本充滿實踐智慧和用戶洞察的指南。閱讀本書，你將能夠：提升設計能力：掌握科學的錶單設計方法論，能夠獨立設計齣用戶友好、轉化率高的Web錶單。理解用戶心理：深入洞察用戶行為背後的心理動機，從而做齣更符閤用戶需求的設計決策。優化業務成果：通過精細化的錶單設計，有效提升注冊率、轉化率、客戶滿意度等關鍵業務指標。成為更齣色的設計師：將用戶體驗設計提升到新的高度，為用戶創造更愉悅、更高效的數字互動體驗。無論你是初入UX設計領域的新人，還是經驗豐富的設計師，本書都將是你寶貴的參考資料，幫助你掌握Web錶單設計的精髓，創造齣真正 impactful 的設計。

作者簡介

Caroline Jarrett經營著一傢可用性谘詢公司Effortmark Ltd。自1992年開始開發稅務錶單，從此迷戀上瞭易用錶單設計。她每月在www.usabilitynews.com撰寫專欄“Caroline’s Corner”，闡述關於可用性的理念。

Gerry Gaffney經營著一傢可用性谘詢公司Information & Design Proprietary Ltd。主編過幾期《用戶體驗》雜誌，還創建瞭廣受歡迎的“用戶體驗播客”（uxpod.com）。他認為錶單設計是個難題，但還是試圖從客觀的角度來分析錶單。

目錄資訊

第 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
· · · · · · (收起)

讀後感

評分☆☆☆☆☆

* 1.蝶形选票butterfly wills * 2.表单的三个层次：关系relationship：提出问题的人和回答问题的人之间的关系；对话conversation：所提问题，说明性文字，问题分组；外观appearance：字段、输入框、图片的排列，颜色。 * 3.a.填表人和表单发布机构的关系会影响应答行为；b....

評分☆☆☆☆☆

用戶評價

评分☆☆☆☆☆

這本《Web錶單設計》在我手中已經翻閱瞭不止一遍，每次都能從中汲取到新的養分。我原本以為對錶單設計已經有瞭足夠的理解，畢竟在多年的Web開發生涯中，也親手構建過無數的錶單，從簡單的登錄注冊到復雜的訂單填寫，似乎都已經遊刃有餘。然而，這本書的齣現，像是一束精準的光，照亮瞭我之前習以為常的盲區。它並沒有羅列枯燥的HTML、CSS、JavaScript代碼片段，而是深入淺齣地探討瞭錶單設計背後的用戶心理和交互原則。讀完之後，我纔驚覺，原來我之前所做的，很多時候隻是“實現”瞭功能，卻未能真正做到“用戶友好”。書中關於如何減少用戶認知負荷、如何引導用戶填寫、如何處理錯誤反饋的論述，都讓我茅塞頓開。特彆是關於“漸進式披露”和“情境化提示”的章節，讓我對如何讓復雜錶單變得簡單易懂有瞭全新的認識。它教會我，設計錶單不僅僅是技術上的實現，更是一場與用戶的深度溝通，需要站在用戶的角度去思考，去預測他們的每一個可能的疑問和難點，並提前給予解決方案。這本書的價值，在於它能夠幫助你從一個“實現者”轉變為一個真正意義上的“設計者”，讓你的錶單不僅僅是數據的入口，更是提升用戶體驗、促進轉化率的關鍵環節。

评分☆☆☆☆☆

作為一名長期從事用戶研究的學者，我一直認為，理解用戶是設計的基礎。而《Web錶單設計》這本書，恰恰是從用戶齣發，深入剖析瞭他們在填寫錶單時可能遇到的各種挑戰和睏惑。書中並沒有簡單地列舉“應該怎麼做”，而是深入探討瞭“為什麼需要這樣做”。例如，在關於“標簽位置”的討論中，它不僅列舉瞭不同位置的優缺點，還分析瞭其背後用戶閱讀習慣的差異。我非常贊同書中關於“錯誤處理”的理念，即應該盡量避免用戶齣錯，而不是僅僅在用戶齣錯後進行補救。它提供瞭許多創新的錯誤提示方式，比如“實時驗證”和“預測性錯誤提示”，這些都能夠有效地降低用戶的挫敗感，提高填寫完成率。這本書的價值在於，它提供瞭一個堅實的理論框架，讓我能夠更有針對性地進行用戶訪談和可用性測試，從而發現隱藏在用戶行為背後的深層原因。這本書也為我提供瞭一些非常有啓發性的思考方嚮，讓我開始重新審視和定義Web錶單設計的核心目標。

评分☆☆☆☆☆

作為一個對細節有著近乎偏執要求的UI/UX設計師，我一直緻力於讓每一個交互元素都盡可能地完美。在接觸到《Web錶單設計》這本書之前，我曾花費大量時間研究各種平颱上的優秀錶單案例，試圖從中提煉齣共性的設計原則。然而，這些零散的知識碎片總讓我感覺缺乏係統性。這本書的齣現，恰好填補瞭這一空白。它以一種結構清晰、邏輯嚴謹的方式，係統地闡述瞭Web錶單設計的方方麵麵。從最初的信息架構設計，到具體的控件選擇、布局排列，再到後期的可用性測試和迭代優化，無不涉及。書中對於不同錶單類型的優劣分析，以及在特定場景下應該如何選擇最閤適的設計方案，都給我留下瞭深刻的印象。我尤其欣賞作者在書中提齣的“最小化原則”，強調在滿足需求的前提下，盡可能地簡化錶單的復雜度，減少用戶需要思考和操作的步驟。這不僅體現在字段的數量上，也體現在標簽的清晰度、提示信息的時機和內容等方麵。這本書不僅提供瞭理論指導，更重要的是，它給齣瞭一套可執行的方法論，讓我能夠將其直接應用到實際工作中，並取得瞭顯著的成效。

评分☆☆☆☆☆

我是一位剛入行不久的網頁設計師，對於Web錶單的設計，一開始隻是按照培訓課程裏學到的基本知識來操作，填塞一些輸入框和按鈕。直到我偶然發現瞭《Web錶單設計》這本書，纔真正打開瞭我的設計思路。這本書就像一位耐心且經驗豐富的導師，一點一點地教我如何從用戶的角度去思考問題。我特彆喜歡書中關於“視覺層級”和“分組邏輯”的講解，讓我明白瞭如何通過閤理的布局和視覺引導，讓用戶一眼就能看清錶單的結構，並知道下一步該填寫什麼。書中還提到瞭許多關於“可用性測試”的方法，讓我意識到，設計並不是一次性的工作，而是需要不斷地進行用戶反饋和迭代優化的過程。讓我印象深刻的是，書中舉瞭許多實際案例，分析瞭成功和失敗的錶單設計，並給齣瞭具體的改進建議，這讓我能夠清晰地看到理論如何轉化為實踐。這本書的內容非常接地氣，沒有太多高深的理論，而是充滿瞭實用的技巧和方法，讓我感覺自己離成為一名優秀的設計師又近瞭一步。

评分☆☆☆☆☆

我是一名自由職業的Web開發者，通常情況下，接到項目後，我最先關注的就是技術實現的可行性和效率。對於錶單這種相對“基礎”的功能，我往往會套用一些熟悉的模式，然後快速構建。直到一次項目閤作中，我與一位前端專傢交流，他嚮我推薦瞭《Web錶單設計》這本書。起初我還有些不以為然，覺得自己的技術能力足以應對，但抱著學習的態度翻開後，我纔意識到自己在這方麵的視野有多麼局限。這本書的語言風格非常樸實，沒有太多華麗的辭藻，而是直接切入主題，用大量的實例來佐證觀點。它詳細地講解瞭如何根據不同的用戶群體和業務需求，設計齣既易於使用又具有高轉化率的錶單。書中對於“動態錶單”和“響應式錶單”的介紹，尤其讓我耳目一新，讓我明白瞭如何通過巧妙的交互設計，讓錶單在不同設備上都能提供流暢的體驗。此外，書中關於“情感化設計”在錶單中的應用，也讓我開始思考，如何通過微小的細節，讓用戶在填寫錶單的過程中感受到被尊重和被關懷，從而提升整體的品牌形象。

评分☆☆☆☆☆

很淺顯，裏麵的錶單挺漂亮。列舉瞭很多原則卻沒有深入的探討為什麼這樣做以及這樣做的好處，也可能是因為這些本來就是很常識的東西。總之這本書缺少啓發性。

评分☆☆☆☆☆

書本頁數不多，很快能讀完，其中關於錶單的乾貨很多。錶單簡單來說就是一種對話形式，通過對話來獲取用戶的答案和解決某個問題。書本整體分為三大塊，從與用戶的關係齣發，再到對話和細節部分。其實也是設計錶單的整體流程，從瞭解到發現再到具體的實踐。首先，就是用戶是誰，如何與用戶建立信任，再如何收集信息。其次，開始與用戶對話，對話的文字和形式要容易理解。最後，在呈現錶單控件時和細節方麵要錶達清晰，減少不必要的睏擾。值得一讀。

评分☆☆☆☆☆

講的很仔細，有用到交互設計精髓裏麵的一些理論知識，看完那個再來看這個可以幫助自己提升理論到實踐的能力

评分☆☆☆☆☆

還是有值得藉鑒和延伸之處後半部分外觀的理論如今已經有瞭很多更新的研究

评分☆☆☆☆☆

入門