我们的操作指南页面已发布全新且易于使用的更新。

如果您还没注意到，我们最近对 Boston.gov 上的操作指南页面进行了重大更新。“操作指南”页面是什么？这类内容（例如，“如何缴纳停车罚单”）会分步骤讲解与城市相关的交易或流程。它们包含大量有用信息，并指导您完成与城市相关的事务。

不幸的是，最初的设计对用户来说很难操作。我们采用了“选项卡”布局，将与主题相关的关键细节设置在页面上的各个选项卡中。用户会根据自己的情况点击选项卡来查找所需信息。

我们知道一些零散的例子，说明人们错过了页面顶部的额外选项卡，但我们不想根据假设做出任何更改。因此，早在 2018 年，我们就与General Assembly 的用户体验研究小组合作，开展了一个专注于我们操作指南页面的研究项目。

与大会合作

多亏了议会小组的努力，我们对 Boston.gov 上的操作指南页面进行了一些令人大开眼界的调查研究。该团队发现，信息和联系方式的显示方式，以及标签的位置和摆放，再加上人们浏览网站的习惯，给人们带来了诸多问题。

最终，该团队发现，当向用户展示完整页面时，他们最有可能看到的是类似这样的内容：

页面上很大一部分内容完全被忽略了，访问该网站的大多数用户从未意识到支付停车罚单的其他选择。为了解决这些问题，大会团队设计了一个使用“抽屉”布局（他们称之为“手风琴”）的教程页面版本，该版本依赖于渐进式信息披露。

这种方法将很少使用的功能或次要信息移动到第二个屏幕或第二个部分，以使应用程序更容易使用。通过在抽屉中显示选项卡信息，这些细节会隐藏在用户面前，直到他们准备好点击查看。这种布局迫使人们放慢速度，减少扫描，并阅读眼前的內容。

更直观的操作指南页面

我们很高兴地宣布，我们已经正式重新发布了我们的操作指南页面，采用这种新的、以“抽屉”为中心的布局。如果您访问我们网站上的任何操作指南页面，您会发现我们现在正在利用渐进式信息披露。不再将信息隐藏在页面顶部的选项卡中，您可以查看您的选项，并通过点击适用于您的“抽屉”来深入了解：

自8月底上线以来，我们页面上的用户参与度大幅提升。在之前的热力图中，页面顶部采用选项卡式布局，大多数用户只与操作指南页面上的第一个“选项卡”互动。他们通常会点击任何可用的“在线”按钮，用户行为与我们合作的议会代表团的研究结果相符。

然而，在新版布局中，我们的热力图显示了用户互动情况。用户正在点击我们所有的标签，甚至向下滚动页面，查找更多与他们正在研究的主题相关的有用信息。以下是 9 月份我们两个最受欢迎页面（“如何支付停车罚单”和“如何获得居民停车许可证”）的桌面用户热力图和统计数据：

接下来会发生什么？

虽然我们操作指南页面的这个版本现在已经上线，但我们的工作远未完成。自上线以来，我们发现了一些小错误，计划尽快修复。而且，就像波士顿政府网站的其他部分一样，我们计划根据您的反馈继续进行更新。

如果您发现我们新的设计有任何不方便之处，或者您对进一步改进有任何建议，请告诉我们！您可以通过发送电子邮件至 feedback@boston.gov 来告知您的意见，我们会尽快回复您。