采用用户的設計反馈

2022 年 3 月 1 日,MDN Web 文档发布了新的设计和新的品牌标识。总的来说,社区对重新设计表示热烈欢迎,我们收到了许多积极的反馈和赞赏。我们还收到了有关一些我们没有做好地方的宝贵反馈,例如浏览器兼容性表格的更改以及一些可访问性和可读性问题。

对我们来说,MDN Web 文档一直是“Ubuntu”的代名词,“我存在因为我们存在”。在本例中翻译为“MDN Web 文档之所以是如此出色的资源,是因为我们社区的支持、反馈和贡献。”

重新设计首次发布以及随后发布MDN Plus以来,我们对从读者社区收到的支持程度感到欣慰和激动。我们尽最大努力倾听您的意见,并根据建议采取行动,以便共同改进 MDN。 

以下是我们如何处理收到的反馈的摘要。

重新设计发布八天后,我们启动了MDN Web 文档可读性项目。我们的首要任务是分类社区提交的所有与 MDN Web 文档的可读性和可访问性相关的问题。接下来,我们确定了常见主题,并将它们收集到此元问题中。随着时间的推移,这发展成为 27 个独特的问题以及一些相关的讨论和评论。我们在 GitHub 上收集了反馈,也从我们社区的 TwitterMatrix 上收集了反馈。

确定了主要痛点后,我们在 GitHub 上开启了讨论,邀请我们的读者关注并提供有关更改的反馈,这些更改已发布到网站的暂存实例。今天,大约六周后,我们很高兴地宣布所有这些更改已投入生产。这不是任何一个人的努力,而是跨部门和社区的许多人的工作和贡献的结果。

以下是这项工作的一些亮点。

暗黑模式

我们特别更新了暗黑模式中使用的调色板。

  • 我们重新设计了初始调色板,使用在暗黑模式下略微更微妙的颜色,同时确保我们仍然满足颜色对比度的 AA 可访问性指南。
  • 我们重新考虑了暗黑模式下主背景颜色的深浅,最终找到了折衷方案,改善了大多数读者的体验。
  • 我们清理了信息卡,这些信息卡用于指示通知,如警告、实验性功能、未在标准跟踪中的项目等。

可读性

我们从一些社区成员那里了解到,读者发现重新设计后,更难以快速浏览内容并找到感兴趣的部分。为了解决这些问题,我们做出了以下改进

浏览器兼容性表格

重新设计发布后我们收到反馈的另一个网站区域是浏览器兼容性表格。在我们投入的更大可读性工作中,几乎是一个独立的项目,我们相信,我们在这里投入的工作带来了更好的用户体验。下面列出的所有更改现已投入生产

  • 我们在概述中恢复了版本号,这些版本号现在在台式机和移动设备上都已颜色编码。
  • 为了更轻松地阅读和浏览,字体大小已增加。
  • 为了提高可读性,已增加行高。
  • 我们将表格单元格缩减为一个可聚焦的按钮元素
  • 浏览器图标已在概述页眉中恢复。
  • 我们重新排序了支持历史记录按时间顺序排列,以便支持说明所指的版本范围在视觉上明确无误。

我们还修复了以下错误

  • 在概述中颜色编码预发行版本
  • 显示与发行日期一致的鼠标悬停标题
  • 在概述中添加了缺失的脚注图标
  • 显示正确 的支持状态,用于边缘情况(例如,如果支持带前缀和不带前缀,则省略前缀符号)。
  • 简化了移动设备的暗黑模式

我们相信这是朝着正确方向迈出的重要一步,但我们还没有完成。我们可以,也将会继续改善整个网站的可读性和页面区域的功能,例如侧边栏和整体可访问性。与目前的改进一样,我们邀请您提供反馈,并始终欢迎您提交拉取请求以解决已知问题

这是一项集体努力,但我们想特别感谢一些付出了额外努力的人员。Schalk NeethlingClaas Augner 来自 MDN 团队,负责大部分更新工作。来自社区的成员中,我们想特别感谢 Onkar RuikarDaniel JacobsDave KingQueen Vinyl Da.i’gyu-Kazotetsu

 

关于 Hermina

Hermina 是 Mozilla MDN 的产品主管,领导 MDN 内容、工程和产品团队。她常驻法国巴黎。

更多来自 Hermina 的文章…