所有文章

Vercel对设计工程师的描述

calendar-logo
calendar-logo

10 min read

文章介绍了 Vercel 对设计工程师的描述。该职位新兴且受欢迎,需兼具美学与技术能力。其关心用户体验各方面,参与公司多环节工作,包括设计协作、产品团队整合、独立负责项目等,还有多样的设计工程工具箱,秉持 “持续迭代至卓越” 原则。

Vercel对设计工程师的描述

在网上冲浪看到Vercel对设计工程师的描述,感觉这是对”设计工程师”最全的描述了,我用 GPT 翻译成了中文版,发布在此。

我的观点是:每个人都是超级个体 技能的多样性、造就了这个新职业的独特之处。 无论如何,创造价值就行。

Vercel 的设计工程

了解Vercel的设计工程师及其职责 设计工程师是一个新兴的职位,越来越受到欢迎,它既令人感到新奇又充满挑战。对软件的外观和使用体验的期待前所未有地高。设计工程师在满足这些期待中扮演着核心角色。

本篇文章将带您深入了解Vercel的设计工程背后的故事,包括我们的工作、技能以及我们如何助力产品高质量、高性能地发布。

什么是设计工程师?

Vercel的设计工程师将美学感知与技术技能相结合,让我们能深入理解问题,并独立设计、构建和发布解决方案。 我们的团队由具有各种技能和浓厚好奇心的成员组成,不断尝试新工具和媒介。这种跨学科的方法使我们能够拓展网络的可能性。

设计工程师关心什么?

设计工程师致力于提供超出用户期待的卓越体验。对于网络而言,这意味着:

令人愉悦的用户互动和易用性

构建可复用的组件

页面加载速度

跨浏览器兼容性

支持多种输入模式(触控、鼠标等)

尊重用户偏好

为使用辅助技术的用户提供无障碍访问

在美观的UI界面背后,设计工程师需要确保其他各个方面也能提供卓越的用户体验。

设计工程师做什么的?

在Vercel,设计工程师参与公司的各个方面,包括品牌、市场、产品开发和内部设计系统的工作。这包括:

设计协作

设计工程师与设计师密切合作来实现设计,跳过传统的交接过程。设计师不会交付完整的设计,而是绘制草图,并与设计工程师在 Figma 或代码中进行迭代以生成最终设计。为了推动设计,我们进行了大量的技术探索。

设计工程师与设计师紧密合作,实现设计,省去了传统的设计交接过程。设计师开始草图,然后与设计工程师在Figma或代码中迭代,共同完成最终设计。我们会进行大量的技术探索以推进设计。


-从构思到生产,设计师和设计工程师的紧密合作涵盖了多个方面,比如:

-考虑到实施成本与对体验的影响,例如,某些动画是不必要的,因为它们不是主要焦点。 决定一个组件是一次性的还是为了可重用而构建的。

-根据网络实践或经验提供指导。

-在 Figma 之外更容易进行的原型设计探索 – 例如,动画、键盘控制和触摸可以更好地在代码中实现,以节省从不同媒体到网络重新实现它们的时间和精力。

-权衡实现成本与体验的影响,例如,一些不是关键的动画可能没必要。

-决定一个组件是临时的还是需要可复用。

根据网络实践或经验提供建议。 在Figma之外进行设计探索的原型,如动画、键盘控制等,在代码中实现更为高效。在Slack消息、截图、视频、预览链接和Zoom通话进行协作。

产品团队整合

设计工程师融入产品团队,帮助推出通常需要一个多月时间的功能。设计师可能会也可能不会提供帮助。当设计师提供帮助时,设计工程师将实现 UI,而产品团队将实现 API 和基础设施。

当设计师没有提供帮助时,并不意味着设计工程师单独进行设计和实施。设计工程师创建初始草图并从设计师和工程师那里获取反馈。

设计工程师作为产品团队的一员,帮助推出通常需要超过一个月的功能。设计师可能参与也可能不参与。当设计师参与时,设计工程师负责UI实现,而产品团队负责API和基础架构。 即使没有设计师参与,设计工程师也不是单打独斗。他们会创建初步设计并从设计师和工程师那里收集反馈。

独立负责

针对用户需求点,设计工程师会在几天到几周内独立完成特定功能的设计和发布。他们会在Figma或代码中设计解决方案,征求反馈,然后发布。

团队还会参与由设计引领的项目。作为设计团队的一部分,设计工程师有自主权,可以专注于那些在工程任务列表中可能会被降低优先级的项目。 我们致力于打造流畅的互动体验、无掉帧、消除浏览器间的不一致性和提高可访问性。设计引领的项目示例包括:

-Vercel的Geist字体:Sans和Mono字体。一个可以查看每个字符并试用字体的交互式平台。
-Vercel的设计系统文档:一个交互式文档平台,供公司内的工程师使用,帮助发布Vercel产品。
-Vercel设计团队主页:一个探索新网络技术和提供设计资源的页面。
-Vercel仪表板中的亮点功能:为用户提供生动有趣的体验。

无论是哪种工作流程,我们都有为质量优于数量而努力的空间。我们知道,我们发布的产品永远不会完美无缺。”持续迭代至卓越”是Vercel的核心原则之一,这帮助我们在追求工艺精进的同时平衡商业目标,避免陷入完美主义的陷阱。

设计工程工具箱

设计工程师没有固定的工具套装,也没有所谓的最好背景。每个人都有不同的起点和积累的经验。这种多样性很重要,因为团队成员的技能互补。 虽然我们不期望每个人都掌握所有技能,但作为一个团队,我们能够实现雄心勃勃的设计目标,因为我们可以:

-在Figma中设计

-在代码中设计

-编写生产级代码

-调试浏览器性能

-编写GLSL着色器

-撰写文案

-使用Three.js创建3D体验

-在Blender中创建3D模型/场景

-使用CGI和实际摄影效果编辑视频

我们之所以能在各个方面进行合作,是因为每个人都有独特的背景和技能。虽然每个人都能独立完成任务,但我们发现,通过合作我们能够产出最佳工作成果。我们不是流程/工具驱动的,我们关注的是最终结果,而不是过程或工具。

原文链接:https://vercel.com/blog/design-engineering-at-vercel