GitHub前设计主管Diana Mounter：如何为1.5亿开发者设计产品

从对技术充满好奇的设计师，到GitHub设计负责人，Diana Mounter领导了包括暗模式（Dark Mode）和Primer设计系统在内的众多关键项目。她认为，在AI时代，设计师的核心技能依然至关重要，但拥抱变化、熟悉代码与技术将是未来的关键优势。

职业生涯的开端：偶然与必然

Diana Mounter年轻时并未意识到网页和平面设计可以成为一份职业。她最初在一家设计和印刷店做学徒，偶然发现了这个完美结合技术性与创造力的领域。“这完美融合了我感兴趣的一切，”她回忆道。

出于对探索世界的渴望和当时英国印刷行业的不景气，她在20岁出头时决定前往澳大利亚。这个选择不仅是为了规避语言障碍，更是为了寻找新的职业机会和自我挑战。她购买了一张单程机票，只身前往，并幸运地在那里找到了理想的工作，一待就是七八年。

与GitHub结缘：技术带来的兴奋感

在澳大利亚的后期，Diana对技术的兴趣日益浓厚。当身边的朋友在周五夜晚外出聚会时，她却享受在笔记本电脑上构建东西的乐趣。“我玩得很开心，并且希望身边有更多对技术感兴趣的人。”

在一次黑客马拉松竞赛中，工程师们向她介绍了Git和GitHub。“他们说我应该注册一个账号，因为我会一些前端开发，这样就可以在同一个平台上协作。”使用GitHub、与工程师在同一平台工作的体验，点燃了她内心的兴奋与兴趣。她开始将自己的网站部署到GitHub上，学习使用Jekyll（一个由GitHub制作的静态站点生成器）等工具。

“能够将头脑中的想法变成现实，并发布到互联网上供他人使用，这种感觉非常奇妙，远比仅仅制作一张图片更有成就感。”

加入GitHub：梦想成真

当Bootstrap的创建者、彼时已在设计系统领域享有盛名的Mark Otto向她发出加入GitHub的邀请时，Diana的第一反应并非毫不犹豫地接受，而是感到荣幸并与Mark及其他设计领导者进行了深入交流。她逐渐意识到，GitHub与她的人生轨迹高度契合。

“除此之外，我对GitHub的吉祥物Octocat（章鱼猫）非常着迷。我曾经仅仅因为喜爱这个品牌，就在深夜绘制不同版本的Octocat插图自娱自乐。”最终，她接受了这份工作。

谈及GitHub的品牌，她认为Octocat的成功是一个“美丽的意外”。它最初来自一个素材插图网站，被放在404页面上，却意外地捕获了开发者的心。第一位品牌设计师在2011年设计了一个极具开发者思维、融入星球大战等极客文化的404页面，完美地“应时而生”（met the moment）。

定义优秀设计：应时而生与创造卓越体验

在Diana看来，优秀的设计关键在于“应时而生”，并为用户创造卓越的体验。虽然“卓越体验”的定义因用户类型而异，但其核心在于公司如何评估设计的价值，以及设计是否成为产品成功的差异化因素。

她特别强调，设计师几乎必须使用与工程师相同的工具。“熟悉代码、乐于接触新技术，将在设计AI体验时为你带来显著优势。”

标志性项目：暗模式（Dark Mode）的挑战与成功

在GitHub近九年的职业生涯中，Diana领导了许多项目，但最令她难忘的是2020年暗模式的发布。

这个项目之所以 memorable，首先是因为它是用户期待已久的功能，团队承受着不小的压力。其次，与通常提前获取用户反馈的做法不同，这次他们决定保密，计划在年度大会上重磅发布。

为了在无法直接获取用户反馈的情况下做出正确决策，团队转而研究用户自发创建的各种暗模式主题插件和GitHub上的代码库（repo）。他们发现用户的偏好非常 nuanced：有些人喜欢接近纯黑的主题，有些人则偏好对比度较低的 dimmed 主题。

团队最终选择发布一个折中的“默认暗模式”，既足够暗，又避免了过高的对比度。这是一个需要下赌注的决定，团队也做好了快速迭代、增加更多主题选择的准备。发布后，默认暗主题一直是使用率最高的主题，而后来增加的 dimmed 主题也获得了约20%的用户使用，证明了当初决策的正确性。

Diana认为，衡量项目成功的关键是关注成果（outcome）而非输出（output）。“好的结果意味着我们交付了出色的终端用户体验，它解决了客户的问题，改善了他们的工作方式，使他们能够完成以前无法做到的事情。”此外，团队应对成果感到自豪，它不仅解决问题，而且外观精美、体验良好，并能很好地代表品牌。

构建Primer设计系统：约束激发创造力

Diana帮助GitHub将Primer从一个CSS框架发展成为一个完整的组件和工具生态系统。设计系统本质上是将UI模式编撰成典，它充当了设计师和开发者共享的语言。共享的理解和语言非常有价值，通常能改善工作关系并提升最终结果。

她的工作始于对现有CSS和前端代码的改进建议。她发现公司内许多同事都有改善Primer的意愿，于是他们组成了一个“草根团队”，寻找改进机会，分配工作，共同推进。

策略是优先解决痛点最高的问题，因为引入设计系统意味着制定规则，而这并不总是受到欢迎。“人们对于如何设计和编写一个组件有各自的偏好和见解。你需要做的是赢得朋友，让使用设计系统变得比不使用更容易。”当设计和工程团队花费更少时间重建相同的交互模式时，他们就能将更多时间投入到更大的问题和整体体验上。

针对设计系统会扼杀创造力的普遍担忧，Diana认为约束反而能催生创造力。她以插图为例：如果目标是传达“这里是世界构建软件的地方”这种兴奋感，设计师不必从零开始挑选颜色，就像画家手边已有准备好的颜料一样。在这些约束下，依然可以找到发挥创造力的方式。系统本身的更新有时也能激发产品设计师以不同方式思考用户体验。

给AI时代设计师的建议：拥抱变化，坚守核心

对于在AI时代步入或从事设计行业的人，Diana的建议是：保持好奇，拥抱技术。

“在整个科技行业工作，你真的需要拥抱变化。新技术层出不穷，只是有时会出现像我们现在正在经历的这样更大的飞跃和时刻。拥抱它，这是在科技行业工作乐趣的一部分——总有新东西要学，总有解决问題的新可能性、创造解决方案的新方法。”

她提醒设计师们，许多核心技能依然至关重要：

• 建立对客户体验的共情能力
• 擅长讲故事和沟通想法
• 具备创造力，懂得如何从一张白纸或一个模糊的问题走向一个优秀的解决方案

目前正处于技术演进的前沿，要设计出伟大的体验，就必须近距离接触和理解这项技术，努力引导用户穿越其复杂性，避免背后的复杂性直接暴露在用户界面上。未来的设计工具将如何影响设计的角色，将是一个有趣的观察点。