以用户为中心的前端开发原则

源节点: 1854507

以用户为中心的前端开发原则

科林·奥克利

作为一名前端开发人员,有时很难将自己置身于一个公司甚至一个项目中。 原则可以帮助我们制定工作框架并确定重点。

我喜欢 ' 的前端框架为什么你应该聘请前端开发人员'

我们选择构建的网络需要反映这一点,我们如何才能不为想要使用我们的网站或服务的人制造障碍?

我和另一位 DWP 前端开发人员对此进行了思考 詹姆斯·戈登 当我们在讲前端原理的时候。

我们广泛地p将其简化为可访问的、不可知的、健壮的、高性能的和安全的。

这遵循了与 Clearleft 出色的“前端设计原则”从 2013 年开始。这使我们能够将动机分为两类:为用户带来好处,以及为开发人员带来好处。

根据这些原则中的每一项,我们都有可能为用户设置障碍,阻止他们访问我们制作的内容。

通常,当我们遇到像下面这样的障碍时,就表明缺乏包容性设计。

这些原则符合 GDS服务标准 并帮助'确保每个人都可以使用该服务' 并符合以下的一些元素 面向前端开发人员的 DDaT.

  • 残疾人 — 使用语义 html,并确保我们至少满足 WCAG 2.1 AA 标准,并且它与辅助技术一起使用(这与 DWP 辅助功能手册)
  • 不可知论 — 首先构建移动设备并使其在各种设备和用户环境中运行
  • 安全性 — 使用渐进式增强,确保我们构建的内容能够优雅地失败
  • 高效的 — 优化我们的代码/资产,以在各种网络和设备上实现最佳性能
  • 安全 — 创建保护用户隐私的安全服务。 使用严格的内容安全策略并防范常见的内容 OWASP 攻击.

这些是一个起点,将进一步迭代。 它们还需要与设计标准放在一起。

在实践中,当我们不考虑用户时,我们最终会制造障碍并使用户失望。

残疾人

也许最令人心酸的例子是 澳大利亚联邦政府新冠疫苗查找网站存在问题。 这标志着盲人或弱视人士无法使用该网站。

通过建立一个无法访问的网站,我们可能已经排除了一些最脆弱的群体。

不可知论

当我们谈论我们构建的网络的其他部分时,情况也是类似。

当我们构建非不可知网站时,我们为无法访问的人设置了障碍,一个很好的例子就是当我们仅在高端大屏幕智能手机上测试我们的网站时。 我们需要确保它可以在各种平台和设备上运行。

安全性

对于不健壮的网站,当我们删除 JavaScript 或 CSS 时,我们还有一个可以运行的网站吗?

如果用户无法登录怎么办? 我们可以给他们什么经验?

“它有多失败?” 和我在一起从 杰里米·基思 从技术和设计实施。

高效的

从性能的角度来看,我们需要考虑我们的服务如何在慢速网络连接上工作,以及我们向用户发送了多少数据并尽可能进行优化。

25mb 的图像听起来可能不是很多,但如果我签订了 500mb 的数据合同,并且由于您没有优化或缓存图像而占用了 10% 的数据限额,那么这将成为一个更大的问题。

安全

安全性可能是最难谈论的问题之一,我最近完成了一段时间的工作 申请儿童抚养费 超过一半的申请者告诉我们他们或他们的孩子曾是虐待或骚扰的受害者。 这些人缺乏安全感可能意味着身份的妥协。

左侧工具栏上的'隐藏此页面”是跨角色和跨团队协作的完美示例,有助于确保我们的用户在网上使用服务时感到安全可靠。

根据所有这些原则,我不是用户。

我还没有访问需求或有限的数据计划,但通过标准、与设计师和跨政府合作、测试和用户研究,我可以获得背景信息并帮助使我们选择构建的网络更具包容性。

资料来源:https://colinoakley.medium.com/the-web-we-choose-to-build-e921510e3f1b

时间戳记:

更多来自 CSS技巧