Web表單設(shè)計(jì)

內(nèi)容概要

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

作者簡(jiǎn)介

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

書籍目錄

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

章節(jié)摘錄

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

媒體關(guān)注與評(píng)論

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

編輯推薦

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

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    Web表單設(shè)計(jì) PDF格式下載

---