认识“表单设计模式”,我们关于可访问 Web 表单的新书 — 现已发售!
已发表: 2022-03-10形式。 与“打哈欠”押韵的词并非巧合——网络表单的代码很枯燥,访问者填写时甚至更枯燥。但没有表单,网络就只是一个图书馆。 它们让我们评论、收集、预订、购买、分享和许多其他动词。 大多数情况下,它们使我们能够以一种尴尬、不透明、令人困惑、奇怪、令人沮丧、令人担忧或疏远的方式来做这些事情。 表单是 Web 中如此重要的一部分,但我们一直对它们的设计很差。 当它们没有过度设计时,它们通常根本没有被设计。
通过新的表单设计模式书,我们想要解决这个问题。 通过逐步解决常见的现实问题,您将学习如何设计简单、健壮、轻量级、响应式、可访问、逐步增强、可互操作且直观的表单,让用户无论如何都能完成工作。 在本书的最后,您将获得作为设计系统交付的几乎详尽的组件列表,您可以立即在自己的项目中使用这些组件。 (跳转到目录。)

电子书
19 美元获取电子书PDF、ePUB、Kindle。 粉碎会员免费。
精装
39 美元获取印刷品(包括电子书)印刷,质量精装。 全球免费航空邮寄。
目录
每一章都围绕着一个特定的问题——毕竟,这就是我们在现实生活中解决问题的方式。 但不要担心,每章中产生的许多样式、组件和模式都是可重用的,并且适用性远远超出了具体细节,当我们阅读本书时,你会看到这方面的例子。
免费下载 PDF 节选 (0.7 MB),感受一下这本书的内容。
- 登记表
我们将开始研究精心设计的表格的基本品质以及如何考虑它们。 通过应用称为问题协议的东西,我们将研究如何在不接触界面的情况下减少摩擦。 然后我们将查看一些我们希望用于每个表单的关键模式,包括验证。 - 结帐表格
我们将考虑结账流程并研究几种输入类型以及它们如何影响移动和桌面浏览器上的用户体验,同时寻找帮助首次和回头客快速简单地订购的方法。 - 机票预订表
我们将深入使用 ARIA逐步增强的自定义表单组件的世界。 为此,我们将探索让用户选择目的地、选择日期、添加乘客和选择座位的最佳方式。 我们将分析原生表单控件,并在必要时考虑打破常规。 - 登录表格
我们将看看无处不在的登录表单。 尽管它的外观很简单,但仍有许多网站遭受的一系列可用性故障。 - 收件箱
我们将设计批量管理电子邮件的方法,我们首先看看管理界面。 因此,这带来了一系列挑战和模式,包括响应式 ARIA 描述的操作菜单、多选和同页消息传递。 - 搜索表格
我们将创建一个响应式搜索表单,用户可以在所有页面上轻松使用它,我们还将考虑为其提供动力的搜索机制的重要性。 - 过滤器形式
用户经常需要过滤大量笨拙的搜索结果。 如果没有精心设计的过滤器,用户必然会放弃。 过滤器带来了许多有趣且独特的设计问题,这些问题可能迫使我们挑战最佳实践,以便为用户提供更好的体验。 - 上传表格
许多服务(如照片共享、消息传递和许多后台应用程序)允许用户上传图像和文档。 我们将研究文件输入以及如何使用它一次上传多个文件。 然后我们将看看包含键盘和屏幕阅读器用户的拖放、Ajax 增强界面的复杂性。 - 费用表
我们将研究需要在系统中创建和添加大量费用(或其他任何内容)的特殊问题。 这确实是一个借口来覆盖add another pattern ,这在管理界面中通常很有用。 - 一个很长很复杂的表格
有些表格很长,需要几个小时才能完成。 我们将研究一些可用于使长表单更易于管理的模式。
关于作者
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,用户体验和可访问性顾问
为什么这本书适合你
对于需要为数字服务、产品和网站设计、原型和构建各种形式的任何人来说,这本书都是一本实用指南。 你会学到:
- 可用的原生表单元素及其功能、限制和约束。
- 何时以及如何创建可访问的自定义表单组件,与原生组件相比,这些组件可以为用户提供更好的体验。
- 如何通过谨慎使用语言、流程和顺序来显着减少表单中的摩擦。
- 帮助用户轻松修复表单错误的方法(和不方法)。
- 如何处理允许用户上传文件和添加任何类型的多个项目的复杂界面。
- 让用户根据自己的心智模型搜索和过滤大量结果的方法。
- 如何帮助客户填写可能需要数周才能填写的冗长而复杂的表格。

电子书
19 美元获取电子书PDF、ePUB、Kindle。 粉碎会员免费。
精装
39 美元获取印刷品(包括电子书)印刷,质量精装。 全球免费航空邮寄。
我们迫不及待想听听您对这本书的看法! 祝您阅读愉快,我们希望您会发现这本书和我们一样有用。 当然,在开始阅读之前准备好一杯咖啡(或茶)。 保持粉碎和......喵!