Web表單設計

內(nèi)容概要

《Web表單設計:創(chuàng)建高可用性的網(wǎng)頁表單》通過大量實例介紹了創(chuàng)建高可用性網(wǎng)頁表單的經(jīng)驗和技巧。書中從表單的關系、對話和外觀三層模型入手，全面介紹了創(chuàng)建高質(zhì)量表單的整個流程，并著重強調(diào)了可用性測試這一重要內(nèi)容?！禬eb表單設計:創(chuàng)建高可用性的網(wǎng)頁表單》是專注于網(wǎng)頁表單設計的一本新作，其中大量實用的方法能夠為現(xiàn)實工作中的設計決策提供建設性的意見，并最終幫助你設計出完美的表單。
《Web表單設計:創(chuàng)建高可用性的網(wǎng)頁表單》適合各類對網(wǎng)頁設計特別是對表單設計感興趣的讀者，無論你是UI設計師、可用性專家，還是信息架構師，亦或是產(chǎn)品經(jīng)理，都將獲益于書中介紹的實用知識和技巧。

作者簡介

　　Caroline Jarrett，經(jīng)營著一家可用性咨詢公司Effortmark Ltd。自1 992年開始開發(fā)稅務表單。從此迷戀上了易用表單設計。她每月在撰寫專欄“Caroline’S Corner”。闡述關于可用性的理念。　　Gerry Gaffney，經(jīng)營著一家可用性咨詢公司Information＆Design Proprietary Ltd。主編過幾期《用戶體驗》雜志。還創(chuàng)建了廣受歡迎的“用戶體驗播客”（uxpod.com）。他認為表單設計是個難題。但還是試圖從客觀的角度來分析表單。

書籍目錄

前言 什么是表單
 0.1 表單牽動你和我
 0.1.1 糟糕的表單后果很嚴重
 0.1.2 優(yōu)良的表單眾人皆歡喜
 0.2 煮酒論表單
 0.2.1 只談設計不談技術
 0.2.2 只談網(wǎng)頁不談紙質(zhì)表單
 0.2.3 可用性：讓表單更好用
 0.2.4 制表流程：試試你就知道
 0.3 一些定義，兩種流程
 0.3.1 表單，一看便知
 0.3.2 三個層次：關系、對話和外觀
 0.3.3 一個混亂而典型的表單設計流程
 0.3.4 系統(tǒng)化設計流程
第一部分 關系
第1章 說服人們回答問題
 1.1 理解用戶才能設計出好表單
 1.1.1 人們對表單做出何種應答
 1.1.2 讀者、匆忙填寫者和拒絕者
 1.1.3 選擇恰當?shù)奶釂枙r機
 1.1.4 關系隨問題變化
 1.2 影響反饋率的三條法則
 1.2.1 規(guī)則1：建立信任
 1.2.2 規(guī)則2：降低社交損失
 1.2.3 規(guī)則3：增加獎勵
 1.2.4 一份小獎勵：在必要時為用戶提供表單
 1.3 表單應該有多長
 1.4 誰來回答問題
 1.4.1 考慮身體差異
 1.4.2 通過提問了解用戶
 1.4.3 了解用戶如何理解表單
 1.4.4 你是否足夠了解自己的用戶
 1.4.5 通過創(chuàng)建人物角色，反映用戶的現(xiàn)實情況
 1.5 小結
 小插曲 注冊表單：如果不可避免應當如何應對
第2章 獲得正確的信息
 2.1 為什么要收集信息
 2.1.1 詢問利益相關者
 2.1.2 詢問使用信息的人
 2.1.3 運用問題協(xié)議研究信息使用方式
 2.2 表單發(fā)布機構是否已經(jīng)持有信息
 2.2.1 使用表單發(fā)布機構已經(jīng)持有的信息
 2.2.2 避免重復
 2.3 了解別人的問題
 2.3.1 如果沒有競爭對手該怎么做
 2.3.2 一個觀察競爭對手的示例
 2.4 小結：獲得正確的信息
 案例分析 會議預定表：問題協(xié)議樣本
第二部分 對話
第3章 提出容易回答的問題
 3.1 要保證交流順暢
 3.2 問題要容易理解
 3.2.1 用常見詞匯提問
 3.2.2 一次只問一個問題
 3.2.3 將否定的問題轉換為肯定的問題
 3.2.4 謹慎的分組方式有助于明確含義
 3.2.5 不要加入決策點
 3.2.6 要知道文化差異
 3.3 讓人容易找到答案
 3.3.1 插入式答案
 3.3.2 搜集式答案
 3.3.3 第三方答案
 3.3.4 創(chuàng)造式答案
 3.3.5 回答策略不匹配將產(chǎn)生問題
 3.3.6 了解用戶將在何處獲取答案
 3.3.7 清楚誰擁有你需要的數(shù)據(jù)
 3.3.8 幫助用戶找到答案
 3.3.9 標簽內(nèi)容要符合用戶獲取答案的方式
 3.4 讓答案容易判斷
 3.5 讓表單答案容易填寫
 3.6 小結：提出容易回答的問題
第4章 說明文字
 4.1 撰寫實用的說明文字
 4.2 5條簡明語言法則
 4.2.1 法則1：以常見的方式使用常見詞匯
 4.2.2 法則2：使用簡短、肯定、主動語態(tài)的句子
 4.2.3 法則3：推翻文字的圍墻
 4.2.4 法則4：先選擇，后行動
 4.2.5 法則5：使用有幫助的標題
 4.3 刪繁就簡
 4.4 放置適當
 4.4.1 貼切的標題
 4.4.2 提前告知需要搜集哪些信息
 4.4.3 將用戶引導至不同的表單
 4.4.4 用問題替代說明文字
 4.5 一個“前后對照”的例子
 4.6 小結：說明文字
 小插曲 提供幫助
第5章 選擇表單控件
 5.1 選擇恰當?shù)目丶?br /> 5.2 符合用戶對控件工作方式的預期
 5.2.1 鍵入比選擇更自然嗎
 5.2.2 答案很容易輸錯嗎
 5.2.3 有多少選項
 5.2.4 是否允許用戶做多重選擇
 5.2.5 選項是否在視覺上突出
 5.2.6 用戶理解問題是否需要參看選項
 5.3 清晰地描述選項
 5.4 合理的順序
 5.5 慎用專門控件
 5.5.1 日歷有助于顯示相對日期
 5.5.2 地圖有助于顯示地理信息
 5.6 小結：選擇表單控件
第6章 填表過程一氣呵成
 6.1 讓表單填寫過程連貫流暢
 6.2 按話題分解長表單
 6.2.1 壓縮字段(較少采用)
 6.2.2 按話題分成多頁表單(更好的方法)
 6.2.3 每次只提一個話題
 6.2.4 先提符合預期的問題，后提意料之外的問題
 6.2.5 少提突兀的問題
 6.2.6 解釋多次出現(xiàn)的問題之間有何差異
 6.3 使用進度指示器
 6.4 勿因突變而讓用戶感到意外
 6.4.1 避免不通知就改變頁面
 6.4.2 按照用戶的要求改變頁面
 6.4.3 基于早期輸入的信息創(chuàng)建自定義表單
 6.4.4 不要將標簽用作表單的導航方式
 6.5 善待錯誤
 6.5.1 驗證有時可以提供幫助
 6.5.2 盡早驗證
 6.6 結束對話時說“謝謝”
 6.7 小結：填表過程一氣呵成
 小插曲 和彈出窗口說再見
第三部分 外觀
第7章 關注細節(jié)
 7.1 外觀的細節(jié)
 7.2 標簽位置應當容易看到
 7.2.1 眼動跟蹤表明用戶的視線集中在字段和標簽上
 7.2.2 用戶會注意到位于字段上方和左側的標簽
 7.2.3 用戶只會查看覺得與字段相關的標簽
 7.2.4 把標簽放在字段上方有時奏效
 7.2.5 右對齊插入式答案的字段標簽更有效
 7.2.6 其他答案類型的字段慎用右對齊標簽
 7.2.7 詢問個人資料的表單應左對齊標簽
 7.2.8 拿不準時最好左對齊標簽
 7.2.9 特殊考量因素：標簽翻譯
 7.2.10 確保每個標簽都與對應字段密切相關
 7.3 標簽末尾要加冒號嗎
 7.4 標簽應該句子首字母大寫還是標題首字母大寫
 7.5 標記必填字段
 7.5.1
標記必填字段；若要標記不強制要求的字段，則用“(可選)”標識
 7.5.2 說明選用的標記符
 7.5.3 示例：必填字段的困惑
 7.6 選擇易讀的文本：字體和詞匯
 7.6.1 選用具有良好色彩對比度的大號字體
 7.6.2 版式不宜多變
 7.6.3 應用空白讓段落更容易閱讀
 7.7 小結：關注細節(jié)
 小插曲 用襯線字體還是無襯線字體
第8章 構造簡約的表單外觀
 8.1 令表單外形美觀的關鍵因素
 8.2 用戶知道你是誰嗎？logo和品牌風格
 8.2.1 品牌信息過少妨礙建立信任
 8.2.2 品牌風格元素應保持適量
 8.2.3 謹慎配色
 8.2.4 在標簽、字段和按鈕上應用少量品牌風格
 8.2.5 用戶何時會注意品牌風格
 8.2.6 切勿改變用戶的瀏覽器
 8.3 網(wǎng)格：讓表單整潔有序
 8.3.1 對齊幾根垂直的粗網(wǎng)格線
 8.3.2 創(chuàng)建新網(wǎng)格線，而不是遷就現(xiàn)有的網(wǎng)格線
 8.4 分組：讓表單條理清晰
 8.4.1 位置是表示分組最簡單明了的方式
 8.4.2 過多的線條會破壞分組
 8.4.3 切勿改變樣式
 8.4.4 切勿在分組標識圖案中掩藏文字內(nèi)容
 8.5 避免兩欄表單
 8.6 小結：構造簡約的表單外觀
 案例分析 徹底改變外觀
第四部分 測試
第9章 測試
 9.1 我們熱愛可用性測試
 9.1.1 可用性測試方便快捷、立竿見影
 9.1.2 我們?nèi)绾螌Ρ韱巫鰧＜以u審
 9.2 如何進行可用性測試
 9.2.1 測試更多用戶(通常5 位就夠了)
 9.2.2 設法找到“真實的”用戶
 9.2.3 測試參與者與目標用戶有何差異
 9.2.4 思考用戶將在哪里找到答案
 9.2.5 了解測試參與者的想法
 9.3 最后的話
延伸閱讀
參考文獻

章節(jié)摘錄

　　找出分類錯誤的一種方法是在所提供的任何選擇中都加上一個“其他”選項——至少在試用階段之初要這樣做。然后可以通過核查數(shù)據(jù)來了解是否有人選擇過“其他”選項，如果沒人選擇，那么表單就不存在分類錯誤?！　∥覀兛傁胫莉炞C數(shù)據(jù)究竟是否有必要——當然也包括對字段選項的驗證。對這一問題做決斷其實就是權衡以下三個因素：　　數(shù)據(jù)庫中本應“干凈”的數(shù)據(jù)實際上卻毫無價值；　　數(shù)據(jù)庫中“無效”數(shù)據(jù)的問題；　　遺棄有問題的數(shù)據(jù)會表現(xiàn)出缺乏起碼的尊重?！　∧隳芊裨谧畛醯膰L試階段提供一個驗證，但是無論發(fā)生任何情況仍舊允許用戶繼續(xù)填寫？我們稱之為“溫和驗證”的這種驗證方式極少出現(xiàn)在網(wǎng)頁表單中，但是我們非常清楚它的價值。例如在英國，獲取退稅申報表的軟件允許用戶在必要的時候屏蔽驗證。又如一個驗證用于捕獲金額超過10000000的條目，這種情況通常因為用戶錯誤地將兩個條目輸入到了一個輸入框中，但對于少數(shù)相當富裕的人來說這種填法卻是合情合理的。6.5.2 盡早驗證假設你仔細設計了表單，使其盡量避免出現(xiàn)隱私錯誤和目錄錯誤，此時驗證無疑將幫助用戶對付其他類型的錯誤?！　≡谟脩敉瓿蓷l目輸入之后應當盡早開始驗證，但謹記此舉將引起對話流程的中斷，這通常意味著要在用戶完成一頁中所有內(nèi)容的填寫后再進行驗證?！　∪绻_實有誤，確保通過重新顯示頁面讓用戶意識到錯誤的存在，這一頁最好：　　明顯相異于用戶剛才提交的頁面（我們經(jīng)常看到用戶對同樣外觀頁面的重復顯示感到困惑不已）；　　在頂端有一個突出的警告；　　為每個錯誤都提供一個鏈接，幫助用戶快速到達出現(xiàn)錯誤的位置（對那些使用屏幕閱讀器的用戶來說本條尤為重要）?！　∪缓笤诿恳粋€引起問題的字段旁邊突出顯示該問題。　　……

媒體關注與評論

　　“讀Carolille和Gerry合著的這本書就如同與他們進行了一番推心置腹的對話。本書分享了大量實踐經(jīng)驗，并且給出了能滿足你工作所需的、全面且準確的建議。”　　——暢銷書《點石成金：訪客至上的網(wǎng)頁設計秘笈》作者Steve Krug　　“遵循Jarrett和Gaffney的準則有可能讓你的線上利潤翻番。”　　——Web易用性大師。Nielsen Norrrlan集團負責人Jakob Nielsell　　“本書值得網(wǎng)頁設計人員一讀，它用簡明的語言和易讀的形式列舉了大量實例，展現(xiàn)了Carolirle和1Gerry的表單三層模型——關系、對話和外觀。表單要做好，這三個層次缺一不可。兼顧美觀、順暢，以恰當?shù)姆绞教岢龊线m的問題，當然最重要的是讓人們完成表單。”　　——《勝于言傳：網(wǎng)站內(nèi)容制勝寶典》作者Ginny Redish

編輯推薦

　　《Web表單設計：創(chuàng)建高可用性的網(wǎng)頁表單》網(wǎng)頁表單無處不在——從注冊表單到聯(lián)系信息表，從商業(yè)領域到政府部門。成功的表單設計不僅能提高用戶滿意度。還能收集更加精確的數(shù)據(jù)并降低維護費用；而失敗的表單設計不僅會收集到與需求相悖的冗余信息，還極有可能導致潛在消費者的流失?！　≡O計具有高可用性的表單絕非易事。兩位作者通過豐富的實例，明確闡述了如何從表單的關系、對話和外觀三層模型出發(fā)。設計出具有高可用性的優(yōu)質(zhì)網(wǎng)頁表單。并通過可用性測試及早發(fā)現(xiàn)表單的潛在問題。通過閱讀《Web表單設計：創(chuàng)建高可用性的網(wǎng)頁表單》，讀者能夠了解到如何定義需求。如何提出與用戶期望相符且容易理解的問題，以及如何撰寫說明文字、設置進度指示器和處理出錯信息?！　　艚?jīng)實踐檢驗的實用建議將幫助你遠離設計失誤，創(chuàng)建出美觀、高效的表單?！　　艨少F的設計方法和技巧是贏得數(shù)據(jù)準確性和顧客滿意度的制勝法寶。　　◆包含大量實例——從細節(jié)展現(xiàn)（如標簽對齊方式、必填字段）到視覺設計（如創(chuàng)建整齊的網(wǎng)格、顏色應用等）。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    Web表單設計 PDF格式下載

---