MDN重新设计

2022-03-02 22:41:36

如果你今天访问过MDN网站,你可能会注意到它看起来很不一样。我们希望这是一个很好的不同。让我们解释一下!

MDN在其16年的历史中经历了许多变化,从最初的wiki到最近由GitHub支持的静态站点的迁移。在这段时间里,MDN实现了有机增长,有超过45000名贡献者和众多的开发人员和设计师。毫不奇怪,整个网站的用户体验变得有些不一致。

2021年年中,我们开始考虑对MDN的设计进行现代化,创建一个干净、吸引人的网站,使浏览44000篇文章尽可能容易。我们希望为用户创造一种更全面的体验,重点是提高导航能力,并在所有页面上提供通用的外观和感觉。

MDN社区是我们的内容质量高、值得信赖的原因。MDN的内容是经过仔细审查、讨论的,是的,在某些情况下是有争议的。任何人都可以通过编写内容、建议更改或修复错误来为MDN做出贡献。

我们想感谢和庆祝我们的社区,我们的主页是这样做的完美场所。

新主页的构建重点是社区和简单性的核心概念。我们将改进后的搜索作为页面的中心元素,同时向用户展示最新和阅读最多的文章。

我们还将展示对GitHub内容回购的最新贡献,并添加了一个贡献者聚光灯,在这里我们将重点介绍MDN贡献者。

自从MDN的核心内容展示获得全面的设计审查以来,已经过去了几年——事实上是五年。在那些年里,MDN的内容发生了演变和变化,有了新的内容结构方式、新的文档构建和编写方式,以及新的贡献者。随着时间的推移,文档的外观与书写方式越来越不一致。

虽然你不会看到令人眼花缭乱的文档是什么,但你会发现,MDN上的大多数视觉元素确实受到了喜爱和关注,为我们的文档创建了一个更加连贯的视图。这一重新设计为MDN提供了应有的内容,其特点是:

我们尤其为一些细微的改进和便利感到自豪。例如,页面导航始终处于视图中,以便在滚动时显示您在页面中的位置:

我们还重新审视了浏览器兼容性数据的显示方式,提供了更好的一目了然的浏览器支持。所以你不必把版本号记在脑子里,我们更加强调浏览器功能的是与否图标,可以选择查看你期望从我们的浏览器兼容性数据中获得的详细信息。我们认为你应该去看看。

我们不会就此止步。我们所做的工作意义深远,我们仍有很多机会改进我们正在运输的设计。

当我们开始重新设计MDN并将其扩展到WebDocs之外时,我们意识到现在也是时候推出一个新徽标了。我们想要一个现代且易于定制的标志,既能代表MDN的今天,又能加强其标识,使其与Mozilla当前的品牌保持一致。

我们与品牌专家Luc Doucedame密切合作,将我们的选项缩小到八个可能的徽标,并向我们的用户社区发出电话,帮助我们选择并邀请人们投票选出他们最喜欢的徽标。我们在短短三天内收到了超过10000张选票,很高兴与大家分享“MDN人民的选择”

获胜者是选项4,这是一个用下划线表示代码编写过程的M字母组合。非常感谢所有投票的人!

近年来,对于作者来说,MDN内容变得更加复杂,比如从wiki转移到Git,以及从HTML转换到Markdown。这对贡献者来说是一个福音,他们可以使用更强大、更熟悉的工具来创建更结构化、更一致的内容。

有了更好的工具,我们终于能够为读者带来更明显、更系统的好处。例如,你们中的许多人可能通过自己喜欢的搜索引擎导航MDN,而不是MDN自己的网站导航。我们明白了。从历史上看,维基使得大型内容架构工作变得不切实际。但我们现在比以往任何时候都更接近于在网站范围内改进结构和导航。

展望未来,我们有雄心勃勃的计划,利用我们的新工具来探索改进的导航、生成的标准化和支持摘要,并将MDN文档嵌入开发人员最需要的地方:在他们的IDE、浏览器工具等中。

MDN作为一个值得信赖的中心资源,提供有关标准、规范、工具的信息,以及作为开发人员创建网站所需的一切信息,已经赢得了声誉。2015年,我们通过创建一个学习领域,探索了超越中心资源的途径,目的是为常规MDN参考和指导材料提供有用的对应物。

2020年,我们为其添加了第一条前端开发人员学习路径。我们看到了用户的大量兴趣和参与,学习领域目前占MDN每月网络流量的10%。这让我们走上了一条道路,看看我们能在这一领域为我们的社区做些什么。

去年,我们对用户进行了调查,询问他们希望从MDN体验中获得什么。最受欢迎的功能包括通知、文章集和MDN上的离线体验。我们看到的总体主题是,用户希望能够以一种适合他们的方式组织MDN的巨大库。

我们一直在寻找满足用户需求的方法,无论是通过MDN的免费网络文档还是个性化功能。在接下来的几个月里,我们将根据希望定制其MDN体验的web开发人员的反馈,扩展MDN,以包括一项高级订阅服务。请继续关注有关MDN Plus的更多信息。

我们感谢数千人投票支持新标志,以及自我们开始这段旅程以来参与早期测试阶段的所有人。此外,非常感谢我们来自Open Web Docs的合作伙伴,他们为我们提供了关于重新设计的宝贵反馈,并继续每天为MDN内容做出贡献。多亏了你们,我们才能实现这一点,我们将继续投资,进一步改善MDN的体验。