[번역] A Collection of Design Engineers

[번역] A Collection of Design Engineers

2025-11-04

Maggie AppletonA Collection of Design Engineers를 번역한 글입니다.

디자인 엔지니어 모음

디자인과 엔지니어링의 교차점에서 일하는 내가 아는 사람들을 모아 디자인 엔지니어가 무엇인지 알아보고자 합니다.

디자인, , 웹 개발

독자

디자인과 엔지니어링의 교차점에서 일하는 내가 아는 사람들을 모아 디자인 엔지니어가 무엇인지 알아보고자 합니다.


디자인 엔지니어(Design Engineer)는 인터페이스 디자이너, 인터랙션 디자이너, 소프트웨어 디자이너, 웹 디자이너, 제품 디자이너, 디자인 시스템 아키텍트, UI/UX 디자이너, UX 엔지니어, UI 엔지니어, 프런트 엔드 엔지니어와 함께 난해한 디자인 타이틀 더미에 추가된 최신 레이블입니다.

나는 이들 중 대부분을 완전히 이해하지 못하기 때문에 이들 각각을 정의하고 구별하는 방법을 안내하지 않겠습니다. 그렇게 하는 사람은 거의 없습니다. 이는 회사마다 다른 다양한 기술과 책임을 알려주는 모호하고 유연한 포인터입니다. 그러나 이는 소프트웨어 제작이라는 아주 새로운 분야에서 새로운 역할을 설명하기 위한 최선의 시도입니다.

하지만 이 추가 라벨을 더미에 던지는 것은 필요하다고 생각됩니다. 디자인 엔지니어는 간단하고 중요하며 구별할 가치가 있는 무언가를 포착합니다. 즉, 디자인과 엔지니어링의 교차점에 똑바로 서서 둘 사이의 격차를 해소하기 위해 노력하는 사람입니다.

1

그들은 디자인 프로세스를 실행하여 어떻게 작동하고, 보이고, 느껴져야 하는지 결정하고, 이를 구현하기 위한 엔지니어링 능력을 갖춘 사람들입니다. 디자인 탐색, 조사, 라이브 코드를 순환하면서 아이디어를 빠르게 반복할 수 있습니다. 이 기술 세트는 프로토타입 제작, 탐색적 상호 작용 디자인 및 강력한 디자인 시스템 구축에 이상적입니다.

다른 사람들이 이 역할에 대해 더 자세히 작성했기 때문에 나는 그들의 통찰력을 바탕으로 정의를 구체화하겠습니다.

“디자인 엔지니어링은 기존의 두 가지 역할을 실제로 혼합한 것입니다. [그들은] 인터페이스 품질을 확장하는 동시에 기술 시스템에 대한 깊은 지식을 가지고 있습니다. 그들은 자연스럽게 엔지니어링과 함께 디자인 크리티컬이나 코드 검토에 적합합니다.”

Design Engineering: An Emerging Role in Software

David Hoang 2024년 3월

“그들은 프런트엔드 코드뿐만 아니라 와이어프레임과 모형을 제공할 수 있습니다. 펜과 종이 스케치를 통해서든 라이브 코드를 통해서든 모든 수준의 충실도에서 프로토타입을 제작하면 설계 엔지니어가 자신의 아이디어를 신속하게 확장하고 개발 프로세스 전반에 걸쳐 이를 관리할 수 있습니다.”

“디자인 엔지니어는 디자인 시스템 설정, 패턴 문서화, 워크플로 감사 및 업데이트 수행, UI 구성요소 구축, 사용 문서 작성, 조직 전체에 분산된 이해관계자와의 작업에 집중할 수 있습니다.” “프로토타입 제작부터 생산 준비 코드까지 이 기능은 디자인 결정을 빠르게 추적하고 위험을 완화하며 UI 코드 품질을 확립합니다.”

Design Engineering Handbook

Natalya Shelburne, et al. 2020

“그들은 60개 이상의 아티팩트에 대한 필요성을 건너뛰고 디자인의 틈을 브라우저 엔지니어링에 연결할 수 있습니다. 어떻게? 그들은 매체의 제약을 이해하고 있으므로 스케치에서 와이어프레임, 충실도가 높은 모형에 이르기까지 하나 또는 두 개의 아티팩트만 생성하는 동시에 해당 디자인의 요소가 다양한 크기에 걸쳐 어떻게 구부러지고 흐르고 변화하는지에 대한 그림을 머릿속에 유지하면 됩니다. 그들은 그것이 어떻게 작동하는지 상상할 수 있으므로 매 반복마다 그것을 명확하게 설명할 필요가 없습니다. 디자인의 다운스트림에 있는 사람이 디자인의 다운스트림이기 때문에 가능한 모든 상태를 명시적으로 디자인하고 문서화할 필요가 없습니다. ”

The Case for Design Engineers

Jim Nielsen 2022년 5월

“내가 깨닫지 못한 채 추진하려고 노력했던 역할은 다음과 같습니다.

  • 아이디어 검증
  • 신속한 프로토타이핑
  • 생산 코드
  • UI 코드 품질
  • 유용한 도구 만들기
  • 캡슐화 시스템
  • 프로젝트 기초 설정
  • 효과적인 협업 강화

On Design Engineering: I think I might be a design engineer

Trys Mudford 2021년 2월

정의와 문헌에 너무 오래 머무르기보다는 실제 현장에서 수행되는 디자인 엔지니어링 작업의 실제 사례에 더 관심이 있습니다. 이기적으로 나는 내가 디자인 엔지니어인지, 아니면 커서 엔지니어가 되고 싶은지 알아보려고 노력하고 있어요. (저는 아마도 취미가 있는 디자인 엔지니어로 간주되지만, 전문적으로 고용 가능한 대문자-D-디자인 엔지니어는 아닙니다. 그리고 제가 성장할 가능성은 낮습니다)

이를 수행하는 가장 좋은 방법은 공개적으로 디자인 엔지니어링 작업을 수행하는 사람들을 찾아 따르고 그들의 성과, 기술 및 책임에 주의를 기울이는 것입니다.

지난 1~2년 동안 이러한 사람들이 점점 더 많이 나타나는 것을 보았습니다. 대부분은 Vercel, Linear, The Browser CompanyReplit와 같은 소규모 회사 출신으로, 인터페이스 디자인 세부 사항과 매끄러운 제품 상호 작용에 대한 관심으로 알려져 있으며 디자인-엔지니어 하이브리드를 확실히 장려하고 육성하고 있습니다.

공개된 작업을 기준으로 제가 디자인 엔지니어라고 생각하는 사람들의 목록은 다음과 같습니다. (이들 중 일부는 스스로를 “디자인 엔지니어”라고 명시적으로 부르지는 않지만 그들의 작업은 두 분야의 교차점에 확고하게 자리잡고 있습니다.) 그것은 철저하거나 포괄적이지 않습니다. 나는 우주에 알려진 모든 설계 엔지니어를 나열하지 않습니다. 내가 관심을 갖고 작업을 존중하는 사람만요. 아마도 디자인 엔지니어가 무엇인지 파악하는 데 도움이 될 것입니다.

  1. Rauno Freiberg
  1. Paco Coursey
  • Webmaster at Linear . Previously Software Engineer at Vercel
  • Website
  • Twitter
  1. Szymon Kaliski
  • Design Engineer at Replit . Previously Principal Investigator at Ink & Switch
  • Website
  • Twitter
  1. Amelia Wattenberger
  • Research & development at Github . Previously Designer at Adept
  • Website
  • Twitter
  1. Andy Allen
  1. Alex Obenauer
  • Independent researcher. Collaborates with Ink & Switch
  • Website
  • Twitter
  1. Bret Victor
  • 독립 연구원. 다이나믹랜드의 창시자. 솔직히 말해서, 디자인 엔지니어보다 훨씬 더 많은 일을 하고 멋진 UI 상호 작용으로 장난을 치는 우리보다 훨씬 높은 메타 레벨에서 작업하지만 어쨌든 정의에 맞습니다.
  • Website
  • Twitter
  1. Emil Kowalski
  1. Steve Ruiz
  • Founder and designer of TLDraw . Previously at Framer . Master of the arrows
  • Website
  • Twitter
  1. Bartosz Ciechanowski
  • 대화형 설명을 만듭니다. 직업으로서의 디자인 엔지니어는 아니지만, 교육 콘텐츠를 위해 디자인과 엔지니어링을 혼합한 좋은 예입니다.
  • Website
  • Twitter

몇 가지 주의사항

저는 의도적으로 공개적으로 많은 일을 한 사람들만 나열했습니다. 그러나 사람들이 공개적으로 하는 일은 반드시 그들이 매일 하는 일이 아닙니다.

사람들은 지저분한 프로세스나 부끄러운 실패보다는 섹시하고 반짝이며 완벽한 창작물만을 공유하도록 장려됩니다. 강력한 디자인 시스템을 옹호하고 레거시 코드를 정리하는 등 특히 지루하고 힘든 작업 중 일부는 쉽게 공유할 수 없습니다.

저는 이러한 공공 작업이 설계 엔지니어가 하루 종일 만들고 만드는 것의 전체를 구성한다는 환상에 빠져 있지 않습니다. 어떤 사람들은 산더미 같은 전략 문서에 묻혀 있고 계층적 승인 사슬에 갇혀 “이해관계자를 정렬”하는 데 하루를 보내고 있다고 확신합니다. 그들을 위해 작은 기도를 해주세요.

디자인 엔지니어의 정의라고 생각하는 사람을 내가 포함하지 않은 것에 대해 매우 불쾌하다면 나에게 트윗하고 그들의 작업 예를 포함하십시오. 공공장소에서 일하지 않는 사람을 나에게 보내는 것은 도움이 되지 않습니다. Apple 지하에는 수천 명의 뛰어난 디자인 엔지니어가 묻혀 있을 것이라고 확신합니다. 하지만 우리는 결코 그들의 작업을 보거나 그들에게서 배울 수 없습니다.

참고자료 및 추가 자료