認識“表單設計模式”,我們關於可訪問 Web 表單的新書 — 現已發售!

已發表: 2022-03-10
快速總結 ↬表單是每一次有意義的交互的中心,因此值得牢牢掌握。 這就是我們發布表單設計模式的原因,這是一本關於可訪問且設計良好的 Web 表單的新印刷書籍。 跳轉到目錄或立即獲取書籍。

形式。 與“打哈欠”押韻的詞並非巧合——網絡表單的代碼很枯燥,訪問者填寫時甚至更枯燥。但沒有表單,網絡就只是一個圖書館。 它們讓我們評論、收集、預訂、購買、分享和許多其他動詞。 大多數情況下,它們使我們能夠以一種尷尬、不透明、令人困惑、奇怪、令人沮喪、令人擔憂或疏遠的方式來做這些事情。 表單是 Web 中如此重要的一部分,但我們一直對它們的設計很差。 當它們沒有過度設計時,它們通常根本沒有被設計。

通過新的表單設計模式書,我們想要解決這個問題。 通過逐步解決常見的現實問題,您將學習如何設計簡單、健壯輕量級、響應式、可訪問逐步增強、可互操作且直觀的表單,讓用戶無論如何都能完成工作。 在本書的最後,您將獲得作為設計系統交付的幾乎詳盡的組件列表,您可以立即在自己的項目中使用這些組件。 (跳轉到目錄。)

表單設計模式,我們關於可訪問和精心設計的 Web 表單的新書。

電子書

19 美元獲取電子書

PDF、ePUB、Kindle。 粉碎會員免費。

精裝

39 美元獲取印刷品(包括電子書)

印刷,質量精裝。 全球免費航空郵寄。

目錄

每一章都圍繞著一個特定的問題——畢竟,這就是我們在現實生活中解決問題的方式。 但不要擔心,每章中產生的許多樣式、組件模式都是可重用的,並且適用性遠遠超出了具體細節,當我們閱讀本書時,你會看到這方面的例子。

免費下載 PDF 節選 (0.7 MB),感受一下這本書的內容。

  1. 登記表
    我們將開始研究精心設計的表格的基本品質以及如何考慮它們。 通過應用稱為問題協議的東西,我們將研究如何在不接觸界面的情況下減少摩擦。 然後我們將查看一些我們希望用於每個表單的關鍵模式,包括驗證。
  2. 結帳表格
    我們將考慮結賬流程並研究幾種輸入類型以及它們如何影響移動和桌面瀏覽器上的用戶體驗,同時尋找幫助首次和回頭客快速簡單地訂購的方法。
  3. 機票預訂表
    我們將深入使用 ARIA逐步增強的自定義表單組件的世界。 為此,我們將探索讓用戶選擇目的地、選擇日期、添加乘客和選擇座位的最佳方式。 我們將分析原生表單控件,並在必要時考慮打破常規。
  4. 登錄表格
    我們將看看無處不在的登錄表單。 儘管它的外觀很簡單,但仍有許多網站遭受的一系列可用性故障。
  5. 收件箱
    我們將設計批量管理電子郵件的方法,我們首先看看管理界面。 因此,這帶來了一系列挑戰和模式,包括響應式 ARIA 描述的操作菜單、多选同頁消息傳遞
  6. 搜索表格
    我們將創建一個響應式搜索表單,用戶可以在所有頁面上輕鬆使用它,我們還將考慮為其提供動力的搜索機制的重要性。
  7. 過濾器形式
    用戶經常需要過濾大量笨拙的搜索結果。 如果沒有精心設計的過濾器,用戶必然會放棄。 過濾器帶來了許多有趣且獨特的設計問題,這些問題可能迫使我們挑戰最佳實踐,以便為用戶提供更好的體驗。
  8. 上傳表格
    許多服務(如照片共享、消息傳遞和許多後台應用程序)允許用戶上傳圖像和文檔。 我們將研究文件輸入以及如何使用它一次上傳多個文件。 然後我們將看看包含鍵盤和屏幕閱讀器用戶的拖放、Ajax 增強界面的複雜性。
  9. 費用表
    我們將研究需要在系統中創建和添加大量費用(或其他任何內容)的特殊問題。 這確實是一個藉口來覆蓋add another pattern ,這在管理界面中通常很有用。
  10. 一個很長很複雜的表格
    有些表格很長,需要幾個小時才能完成。 我們將研究一些可用於使長表單更易於管理的模式。

關於作者

亞當·西爾弗Adam Silver 是一位交互設計師,擁有超過 15 年的網絡工作經驗,曾為包括 Tesco、BBC、Just Eat、金融時報、工作和養老金部等在內的一系列公司工作。

他對包容性設計和設計系統特別感興趣,並在他的博客和流行的設計出版物(如A List Apart )上寫到了這一點。 這也不是他的第一本書:他之前寫過《可維護的 CSS 》,一本關於使用 CSS 製作可維護 UI 的書。

技術細節

  • 384頁, 14 × 21厘米( 5.5 × 8.25英寸),
  • 國際標準書號: 978-3-945749-73-9 (印刷版),
  • 帶有縫合裝訂和絲帶頁面標記的優質精裝書,
  • 電子書有 PDF、EPUB 和 Amazon Kindle 版本。
  • 來自德國的全球免費航空郵寄服務。 投遞時間。
  • 提供印刷品、優質精裝書和電子書。

感言

我們的目標是使本書盡可能實用和有用。 我們很榮幸能收到來自小型和大型網站製作者的非常積極的評價。

  • “我用 HTML 編寫表單已有 20 多年了。 本書抓住了擁抱標準、逐步增強和提供簡單、可訪問的形式的精髓。 通過形式化我們都可以使用和實施的設計模式,開發人員和設計人員可以專注於他們的網站和產品。 我希望這在 20 年前就可以使用!”
    — Paul Duncan,設計技術專家和無障礙教師
  • “在一個有著可怕標記的世界裡,這本書是一盞明燈,照亮了通往更容易獲得用戶體驗的道路。 我向任何設計或開髮用戶界面的人強烈推薦它,以避免我們經常看到的常見表單可訪問性陷阱。”
    — Marcy Sutton,無障礙倡導者
  • “形式。 與“打哈欠”押韻的單詞並非巧合——表單的代碼很枯燥,訪問者填寫時甚至更枯燥。因此,使用本書中的具體提示、代碼和縮微副本,讓它們更好地為每個人工作。 並且不要打哈欠,因為 Adam Silver 已經為你完成了所有的研究和編碼。”
    — Bruce Lawson,Web 標準倡導者
  • “表單設計模式正在為簡單和潛在復雜的表單制定常識和包容性解決方案。 在您努力創建一個更簡單、更容易的交互式網絡時,它是您的伴侶。”
    — Heydon Pickering,用戶體驗和可訪問性顧問

為什麼這本書適合你

對於需要為數字服務、產品和網站設計、原型和構建各種形式的任何人來說,這本書都是一本實用指南。 你會學到

  1. 可用的原生表單元素及其功能、限制和約束。
  2. 何時以及如何創建可訪問的自定義表單組件,與原生組件相比,這些組件可以為用戶提供更好的體驗。
  3. 如何通過謹慎使用語言、流程和順序來顯著減少表單中的摩擦
  4. 幫助用戶輕鬆修復表單錯誤的方法(和不方法)。
  5. 如何處理允許用戶上傳文件和添加任何類型的多個項目的複雜界面
  6. 讓用戶根據自己的心智模型搜索和過濾大量結果的方法。
  7. 如何幫助客戶填寫可能需要數週才能填寫的冗長而復雜的表格
表格設計模式的內頁,包裹在淺藍色桌子上的一本黃色精裝書內。顯示的頁面涵蓋瞭如何為登錄按鈕選擇正確的副本,還涵蓋了臭名昭著的用戶名和密碼不匹配問題
表單設計模式是任何需要為數字服務、產品和網站設計、原型和構建各種表單的人的實用指南。 (查看大圖)

電子書

19 美元獲取電子書

PDF、ePUB、Kindle。 粉碎會員免費。

精裝

39 美元獲取印刷品(包括電子書)

印刷,質量精裝。 全球免費航空郵寄。

我們迫不及待想听聽您對這本書的看法! 祝您閱讀愉快,我們希望您會發現這本書和我們一樣有用。 當然,在開始閱讀之前準備好一杯咖啡(或茶)。 保持粉碎和......