디자인에서 데이터의 중요한 역할을 탐구하는 동시에, 창의적인 과정의 필수 요소인 직관에 대한 과학적 근거를 강조합니다.

제품 디자인 분야에서 “데이터 기반 디자인”이라는 슬로건은 신뢰성의 상징이자 역량의 척도가 되었습니다. 데이터 기반 의사결정은 더 이상 선택 사항이 아니라 필수 요건이 되었습니다. 디자이너는 사용자 행동 및 비즈니스 목표와의 일치를 보장하기 위해 모든 결정에 대해 구체적인 증거를 제시하여 정당화해야 하는 경우가 많습니다. 모든 프레젠테이션, 제안, 디자인 검토는 지표, 분석 데이터, 사용자 피드백이 어떻게 작업에 반영되었는지 보여주는 능력에 달려 있습니다.

넷플릭스가 스트리밍 서비스 업계의 절대 강자가 되기 전인 2011년에 무슨 일이 있었는지 기억하시나요? 다시 한번 알려드리겠습니다.

넷플릭스는 DVD 대여 서비스를 퀵스터(Qwikster)라는 새로운 브랜드로 분사시킬 때 데이터에 기반한 전략을 펼쳤습니다. 데이터는 매출 증가를 예고했지만, 결정적인 한 가지 요소를 간과했습니다. 바로 고객들이 이 서비스를 싫어했다는 점입니다. 혼란과 불만에 휩싸인 구독자들은 반발했고, 결국 넷플릭스는 몇 주 만에 퀵스터 사업을 철수했습니다. 이는 값비싼 교훈이었습니다. 데이터는 의사결정에 도움을 줄 수는 있지만, 모든 것을 말해주지는 않는다는 것을 깨닫게 해주었습니다.

하지만 디자이너로서 우리를 진정으로 정의하는 것은 단순히 수치적인 지표나 사용성 테스트 이상의 것입니다. 사용자에게 공감하고, 창의적으로 문제를 해결하며, 감정적으로 깊은 울림을 주는 경험을 만들어내는 능력이 바로 그것입니다. 데이터는 우리의 결정을 뒷받침해 줄 수 있지만, 좋은 디자인을 훌륭한 디자인으로 만드는 것은 종종 우리의 직관, 즉 수치화할 수 없는 감각입니다. 예술성, 새로운 것을 상상하는 대담함, 그리고 데이터가 불확실할 때에도 그것을 추구할 용기가 바로 그것입니다.

[다음 내용 읽기]

Config 2026에서 발표된 여러 기능 가운데 가장 먼저 사용해 보고 싶었던 것은 Figma Motion이었습니다.

현재 오픈 베타로 제공되는 이 기능은 UI 디자인과 모션 작업을 하나의 피그마 캔버스 안에서 모두 수행할 수 있도록 해줍니다.

-

그동안 UI 모션을 구체적으로 설계하고 공유하는 과정은 생각보다 번거로웠습니다. 피그마의 프로토타입이나 Smart Animate만으로는 복잡한 인터랙션을 표현하는 데 한계가 있었고 결국 애프터 이펙트나 로티 같은 외부 툴을 사용하거나 엔지니어와 여러 차례 디테일을 맞춰야 했습니다. 디자인와 구현 사이에는 늘 작은 간극이 존재했던 셈입니다.

하지만 모션은 제품 경험에서 결코 부가적인 요소가 아닙니다. 버튼을 눌렀을 때의 반응, 모달이 등장하는 방식, 카드가 확장되고 화면이 자연스럽게 전환되는 흐름까지 우리가 매일 사용하는 제품은 수많은 모션으로 사용자에게 상태를 전달하고 다음 행동을 안내합니다.

그래서 Figma Motion이 단순히 새로운 애니메이션 기능인지 아니면 실제 제품 디자인 워크플로를 바꿀 수 있는 도구인지 직접 확인해 보고 싶었습니다.

[다음 내용 읽기]

• AI가 제품 개발의 중심을 점점 코드 쪽으로 끌어당기는 가운데, Config 2026은 코드 중심 환경과 에이전트 기반 워크플로우 시대에서 살아남기 위한 Figma의 중대한 승부수를 보여줍니다.

• Config 2026에서 Figma는 AI가 만들어낸 압박에 대응하기 위해 캔버스를 코드 레이어, 모션, 셰이더까지 확장했습니다. 팀들이 디자인 핸드오프 과정을 아예 건너뛰지 않도록 붙잡기 위한 전략입니다.

• 이제 Figma가 마주한 진짜 시험대는 다른 디자인 툴과의 경쟁이 아닙니다. 코드 우선, 에이전트 기반으로 소프트웨어를 만드는 AI 시대에도 캔버스 중심 워크플로우가 여전히 유효하다는 것을 증명하는 일입니다.

지난 10여 년 동안 Figma는 현대적인 프로덕트 디자인의 기준을 만들어왔습니다. Figma는 협업을 훨씬 수월하게 만들었고, 디자인을 모두가 함께 이해하는 공통 언어로 바꾸었으며, 소프트웨어를 만드는 팀들의 기본 작업 공간이 되었습니다. 하지만 AI가 제품을 기획하고, 프로토타이핑하고, 출시하는 방식을 바꾸면서 핵심 질문도 달라졌습니다. Figma는 앞으로 어디까지 유용할 수 있을까요? 캔버스는 앞으로도 제품 개발의 중심축으로 남을 수 있을까요?

이전 Config와 달리, Config 2026은 이 질문을 훨씬 더 긴급한 문제로 끌어올렸습니다. Figma는 이제 협업형 디자인 캔버스를 지키는 데서 그치지 않습니다. 오히려 그 캔버스를 코드, 모션, 셰이더, 에이전트 기반 워크플로우로 적극 확장하고 있습니다. 이 변화는 기존 모델이 얼마나 큰 압박을 받고 있는지를 보여줍니다.

[다음 내용 읽기]

사실 간격 시스템 자체는 흥미로운 개념이 아닙니다. 그저 몇 개의 숫자를 정해 놓은 규칙에 불과합니다. 하지만 그 단순한 규칙은 프로젝트를 진행하며 수백 번 반복되는 ‘몇 px가 적당할까?’라는 고민을 단 한 번의 결정으로 바꿔줍니다.

좋은 디자인 시스템의 목적은 디자이너가 매번 더 좋은 판단을 내리게 만드는 것이 아닙니다. 애초에 잘못된 판단을 내릴 기회를 줄이는 것입니다. 어설픈 인터페이스를 하나 띄워놓고 색상이나 폰트는 잠시 잊어보세요. 오직 간격만 바라보는 것입니다. 제목과 본문 사이의 거리, 카드와 카드 사이의 공간, 버튼 내부의 여백까지 화면을 이루는 모든 간격을 살펴보세요.

열에 아홉은 바로 그 지점에서 문제가 발견됩니다. 문제는 팔레트나 서체가 아니라 간격에 있습니다. 처음부터 명확한 기준 없이 요소를 배치할 때마다 눈대중으로 조정하다 보니 화면 속 간격들이 서로 아무런 관계를 갖지 못하게 된 것입니다.

흥미로운 점은 비주얼 디자인에서 가장 자주 간과되는 요소 역시 간격이라는 사실입니다. 색상처럼 한눈에 눈에 띄지 않기 때문입니다. 아무도 레이아웃을 스크린샷으로 찍어두고 “이 간격 좀 봐”라고 말하지는 않습니다. 하지만 실제로는 화면 안에서 다른 어떤 요소보다 사용성을 좌우하는 것이 간격입니다. 간격 뒤에 숨어 있는 시스템만 이해해도 가장 적은 비용과 가장 짧은 시간으로 화면의 완성도를 크게 끌어올릴 수 있습니다.

[다음 내용 읽기]

아이콘은 종종 과소평가되지만, 브랜드를 조용히 대변하는 존재입니다. 버버리는 최근 리브랜딩에 맞춰, 브랜드 헤리티지와 새로운 크리에이티브 방향성, 그리고 사용자 기대에 부합하는 새로운 아이콘 시스템을 개발하는 데 집중했습니다.

초기 콘셉트부터 최종 구현까지 모든 디테일을 면밀히 검토하며, 아이콘이 단순한 시각 요소를 넘어 고객 여정을 안내하는 강력한 스토리텔링 장치가 되도록 설계했습니다. 이 글에서는 새로운 아이콘 시스템을 개발하는 과정을 살펴봅니다. 영감의 출발점부터 디자인 방향, 제작 기준까지 함께 다룹니다.

[다음 내용 읽기]

지난 3년 동안 출시된 어떤 AI 제품이든 열어보십시오. 모델이나 로고 그리고 브랜딩은 무시해도 좋습니다. 여러분은 모두 똑같은 인터페이스를 보게 될 것입니다. 화면 하단의 텍스트 입력창과 전송 버튼 그리고 대화가 교차하며 올라가는 스크롤 영역이 그것입니다.

이것은 우연의 일치가 아닙니다. 대규모 언어 모델이 처음부터 할 수 있었던 텍스트 패턴 매칭 역량에서 자연스럽게 파생된 인터페이스입니다. 2022년 당시 우리에게는 새로운 기술이 생겼으나 이를 정교하게 디자인할 시간은 부족했습니다. 그래서 가장 빠르게 만들 수 있는 결과물을 출시했고 그것을 대화형 AI라 불렀습니다. 3년이 지난 지금 가장 만들기 쉬웠던 방식은 모두가 만드는 방식이 되었습니다. 기본 설정은 바로 이런 과정을 거쳐 굳어집니다.

1. 채팅창은 먼저 출시된 결과물일 뿐 제대로 작동하는 방식이 아닙니다

채팅창이 기본 AI 인터페이스가 된 이유는 단순합니다. 언어 모델은 텍스트를 생성하고 텍스트 박스는 이를 수용하기 때문입니다. 이 결정은 사용자의 결과물이 아니라 오직 개발 속도에만 초점을 맞춘 결과입니다. 텅 빈 텍스트 필드는 시스템의 능력을 암시하지 않습니다. 제약 사항을 표현할 구조적 공간도 없습니다. 요청이 시스템의 역량 범위 내에 있는지 확인해 주는 피드백조차 존재하지 않습니다. LLM 등장 이전이었다면 우리는 이를 디자인 실패로 간주했을 것입니다.

[다음 내용 읽기]

대신, 정중앙에 칙칙하고 색감이 바랜 진흙 같은 띠가 나타납니다. 헥스 코드를 이리저리 만져보고, 슬라이더를 조절해 보지만 결국 “이 정도면 괜찮네”라는 결과에 만족하게 됩니다.

제 말이 무슨 뜻인지 보여드리기 위해 이것을 보세요.

이 두 가지 그라디언트는 모두 동일한 의도에서 시작합니다.

짙은 파란색에서 연한 파란색으로 부드럽게 전환됩니다.

하지만 그중 하나만이 당신이 예상하는 대로 작동합니다. 나머지 하나는요? 바로 당신의 색상 선택기가 지금까지 계속 보여주었던 색상입니다.

색감에 대한 감각이 부족한 것이 아니라, 색감을 선택하는 기준에 문제가 있는 것은 아닐까요?

[다음 내용 읽기]

듀오링고: “당신 때문에 듀오가 슬퍼해요”

석 달 동안 사용하지 않은 스트리밍 서비스를 해지하려던 때가 기억납니다. 저는 평소 이런 업무를 전문적으로 수행하는 사람으로서 아주 간단한 작업이라 생각했습니다. 사람들과 디지털 제품 간의 상호작용을 연구하며 생계를 유지하기에 어포던스, 마찰, 인지 부하, 다크 패턴과 같은 용어에도 익숙합니다.

그런데도 어찌 된 일인지 결국 해지가 아닌 구독 유지 버튼을 누르고 말았습니다.

Timothy Beck Werth/Disney+

글자를 잘못 읽은 것도 아니었고 서두른 것도 아니었습니다. 해지 버튼은 분명 그곳에 있었으며 흰색으로 눈에 띄게 배치되어 있었습니다. 단지 그 버튼이 ‘잘못된’ 선택을 자연스러운 선택처럼 느껴지도록 놓여 있었을 뿐입니다. 해지하는 대신 다른 화면으로 넘어갔고 해지 과정은 시작되었지만 정작 아무것도 완료하지 못한 상태였습니다. 이러한 마찰은 의도된 것입니다. 단계를 하나 더 추가할 때마다 사용자가 포기할 확률은 높아집니다.

또한 디즈니플러스가 화면 구성을 해지 결정이 아닌 절약 결정으로 즉각 재정의한다는 것을 깨달았습니다. 청록색의 “특별 할인! 47% 절약하세요!” 배너가 화면의 대부분을 차지하고 있어서 시선은 버튼이 아닌 그곳으로 먼저 향합니다.

저는 정신을 차리고 돌아가서 해지를 마쳤습니다. 하지만 잠시 민망한 기분으로 앉아 이런 생각을 했습니다. ‘나조차 속을 뻔했는데 다른 사람들은 오죽할까?’ 기술적으로 사실인 것과 심리적으로 일어나는 현상 사이의 그 간극이 바로 다크 패턴의 실체입니다.

[다음 내용 읽기]

이런 장면을 떠올려보세요. 저는 앱의 버튼 컴포넌트가 세 가지 버전으로 나뉘어 있는 화면을 보고 있었습니다. 마케팅팀은 선명한 네온 블루 버튼을, 엔지니어링팀은 밋밋한 회색 버튼을, 프로덕트팀은 그 중간 어딘가에 있는 버튼을 쓰고 있었죠.

디자이너, 개발자, 제품 관리자, 마케터로 구성된 우리 팀의 여러 부서는 각자 따로 움직였고, 그 결과 사용자에게 혼란을 주고 런칭을 지연시키는 일관성 없는 UI가 계속 만들어졌습니다. 출시 주기는 최대 12주까지 늘어났고, 시간의 40%는 리디자인 논쟁에 낭비되고 있었습니다.

저는 우리에게 단순한 스타일 가이드가 아닌, 모두를 하나로 묶어주는 살아 있는 프레임워크로서의 디자인 시스템이라는 걸 알았습니다.

제가 이 시스템을 처음부터 구축하고 출시 시간을 35% 단축한 방법을 알려드리겠습니다.

[다음 내용 읽기]

새로운 Figma Design Agent를 처음 봤을 때 대부분의 디자이너가 그랬듯 저도 같은 반응을 보였습니다. 데모를 열어보았죠. 인터페이스가 생성되는 과정을 지켜보고 레이아웃이 재배치되는 모습을 관찰하며 프롬프트로 플로우가 만들어지는 것까지 확인했습니다.

그러고는 곧바로 이런 생각이 들더군요.

“멋지네. 또 약간은 저주받은 듯한 대시보드를 만들어내는 AI 툴 하나가 추가됐군.”

솔직히 말해봅시다. 지금 인터넷은 새벽 3시 12분에 지칠 대로 지친 스타트업 창업자가 만든 것 같은 AI 생성 인터페이스로 넘쳐나고 있으니까요. 거대한 그라데이션, 필 버튼, 가짜 분석 그래프, 그리고 ‘사라’라는 사람이 남긴 세 개의 후기까지. 어떤 느낌인지 아실 겁니다.

하지만 곰곰이 생각해보니 중요한 사실을 깨달았습니다. Figma Design Agent의 핵심은 단순한 UI 생성이 아닙니다. 그건 본질을 가리는 장치일 뿐이죠. 진짜 변화는 그보다 훨씬 거대합니다. 솔직히 말하면 Auto Layout이 디자이너의 작업 방식을 완전히 뒤바꾼 이후로 가장 큰 변화가 될 것이라 생각합니다.

극적인 표현처럼 들릴 수도 있겠죠. 하지만 디자이너들이 Auto Layout을 비웃던 때를 기억합니다. 지금은 프레임이 콘텐츠를 제대로 감싸지 않으면 업계 절반이 식은땀을 흘리곤 하죠. 참 아이러니한 일입니다.

[다음 내용 읽기]

Koto는 기업들이 실시간 분석을 통해 QR 코드를 생성하고 추적할 수 있는 QR 코드 관리 플랫폼인 Uniqode를 위한 새로운 브랜드 아이덴티티를 개발했습니다. 이번 아이덴티티는 물리적 영역과 디지털 영역의 상호 작용에 중점을 두고 있으며, 십자수 기법을 통해 QR 코드의 사용 방식을 시각적으로 표현했습니다.

Koto NYC의 크리에이티브 총괄 디렉터인 Arthur Foliard는 “우리는 모든 QR 코드 스캔을 마치 바늘로 표면을 뚫고 디지털 영역으로 들어갔다가 다시 나오는 것처럼 생각합니다. 두 현실을 하나의 유려한 움직임으로 연결하는 것이죠.”라고 말하며, “바느질 자국을 보여줌으로써 기술이 가능하게 하는 연결고리를 말없이 즉시 설명하고, 대부분의 QR 코드 브랜드에 부족한 섬세하고 인간적인 따뜻함을 더했습니다.”라고 덧붙였습니다.

이 시각적 은유는 디지털, ASCII 스타일의 일러스트레이션, 패턴, 타이포그래피가 불완전한 아날로그 스티치를 이루는 독특하고 역동적인 미학적 세계로 구현됩니다. 하지만 단순히 장식적인 역할에 그치지 않고, 브랜드의 십자수 패턴은 훨씬 더 기능적인 역할도 수행합니다. 아서(Arthur)는 “레이아웃, 아이콘, 심지어 모션 경로까지 모두 이 패턴이 기반으로 사용됩니다.”라고 말하며, “모든 접점에서 시각적으로 동일한 연결 고리가 드러나도록 합니다.”라고 설명합니다. 이는 브랜드의 전략적 메시지를 모든 곳에서 강화하는 동시에 만족스러운 비유를 제시합니다.

[다음 내용 읽기]

2024년 5월, Sonos가 새롭게 개편한 앱을 출시하자 사용자들의 반발이 즉각적으로 쏟아졌습니다.

사용자들은 볼륨 조절이나 알람 설정 같은 기본 기능조차 사용할 수 없었고, 일부 시스템은 사실상 정상적인 사용이 불가능한 수준에 이르렀습니다. 회사 주가는 25% 급락했으며 결국 CEO가 교체됐습니다. 또한 유료로 구매한 기능을 더 이상 사용할 수 없게 된 고객들은 500만 달러 이상의 손해배상을 요구하는 소송을 제기했습니다.

2025년 7월, Google Photos가 크롭 도구의 모서리 형태를 사각형에서 둥근 형태로 변경한 것처럼 사소해 보이는 변화조차 큰 반발을 불러왔습니다. 결국 Google은 해당 변경 사항을 철회해야 했습니다. 그해 말 넷플릭스가 TV 앱 리디자인을 공개했을 때도 비슷한 수준의 거센 반발에 직면했습니다.

넷플릭스는 수개월간의 테스트 결과 사용자 만족도가 향상된 것으로 나타났다고 설명했지만, Reddit에는 새 레이아웃을 버그로 오인한 사용자들의 게시글이 쏟아졌고 많은 사람들은 서비스에 심각한 문제가 발생했다고 확신했습니다.

이어 10월에는 인스타그램이 하단 내비게이션 구조를 변경했고 사용자들은 사진을 둘러보려다 의도치 않게 다른 탭으로 이동하는 실수를 반복하기 시작했습니다.

이 패턴은 마치 수학 공식처럼 반복됩니다.

기업은 리디자인을 발표하고 사용자들은 반발하며 댓글 창은 분노로 가득 찹니다. 그리고 그 과정에 참여한 모든 사람은 서로가 자신을 이해하지 못한다고 느끼게 됩니다. 그렇다면 실제로는 무슨 일이 벌어지고 있는 걸까요?

[다음 내용 읽기]

저는 거의 1년 동안 한 AI 네이티브 스타트업의 CPO와 긴밀하게 일해오고 있습니다. 이 회사는 현재 가능한 기술의 최전선에서 움직이고 있는 곳입니다. 이들의 코드는 AI 에이전트가 작성합니다. 그리고 이들이 만드는 제품 역시 AI 에이전트입니다. 최근에는 내부로 초점을 옮겨, 단순히 AI 제품을 개발하는 것을 넘어 내부 제품 프로세스까지 AI 기반으로 전환하고 있습니다. 바로 그 지점에서 저는 곧 부딪히게 될 벽을 보았고, 문제를 제기해야겠다고 느꼈습니다.

비슷한 상황에 놓인 많은 팀들처럼, 이들도 먼저 눈에 보이는 실행 레이어에 집중하려는 경향이 있었습니다. AI로 어떻게 디자인할지, 어떻게 더 빠르게 프로토타이핑할지, 어떻게 스펙을 생성할지, 어떻게 더 빠르게 움직일지 같은 것들입니다. 솔직히 말하면, 이 접근은 효과가 있습니다. 역량은 빠르게 향상되었고, 결과물을 만들어내는 능력도 크게 증가했습니다. 하지만 일은 거기서 끝나지 않습니다.

더 많이 하는 것이 곧 좋은 결과물을 내는 것은 아닙니다. 속도는 격차를 줄이는 것이 아니라 오히려 더 크게 부각시킬 뿐입니다. 더 많은 아이디어, 더 많은 작업 흐름, 더 많은 문서, 더 많은 코드를 만들어낼 수는 있지만, 품질은 여전히 다른 요소에 달려 있습니다.

그 “다른 무언가”는 새로운 것이 아닙니다.

그것은 좋은 제품 의사결정을 내리기 위해 늘 필요했던 역량들의 묶음입니다. AI는 이 역량들을 대체하지 않습니다. 오히려 그런 역량이 없을 때 치러야 할 비용을 더 크게 만듭니다.

결국 저는 클라이언트와 함께 이러한 메타 역량 몇 가지에 집중하게 되었습니다. 이 역량들은 AI에만 해당되는 것은 아닙니다. 하지만 지금 AI를 활용해 제품 개발 프로세스를 만들고 있다면, 이 역량들은 더 이상 무시할 수 없는 요소가 됩니다.

[다음 내용 읽기]

애플의 1987년 인간 중심 인터페이스 가이드라인(HIG)은 매킨토시 시스템을 정의하는 단축키들과 함께 Cmd+Z를 표준 맥 메뉴의 일부로 명시했습니다.

지난달 어떤 유저가 AI 생산성 도구에 별점 1점짜리 리뷰를 남겼습니다.

“윈도우 95 메모장에도 실행 취소는 있었습니다. 지금 2026년인데 이것 좀 제발 추가해 주세요 ㅋㅋㅋ”

이 유저는 ‘재생성(Regenerate)’ 버튼에 불만을 토로하고 있었지만 사실은 더 본질적인 문제를 지적한 것입니다. AI 제품들은 50년 동안 축적된 텍스트 편집 기술의 역사를 물려받았으면서도 그 역사상 가장 성공적인 기본 요소를 누락했습니다.

Cmd+Z는 개인용 컴퓨터 역사상 가장 성공적인 디자인 규칙 중 하나입니다. 이 기능은 1987년 맥의 워드 프로세서에서나 2026년 피그마 프레임에서나 똑같이 작동합니다. 스프레드시트나 개발 도구(IDE) 혹은 사진 편집기는 물론이고 제가 한 번도 방문한 적 없는 웹페이지의 텍스트 입력창에서도 마찬가지입니다. 별도의 튜토리얼이나 설정 화면 혹은 메뉴가 없어도 직관적으로 동작합니다.

하지만 모바일 시대 이후 가장 막대한 자금이 몰리는 소프트웨어 분야인 2026년의 AI 제품들에는 정작 이 기능이 없습니다.

[다음 내용 읽기]

오랫동안 저는 그것이 권력 문제라고 생각했습니다. 이해관계자가 더 많은 권한을 가지고 있거나, 조직이 디자인을 우선시하지 않거나, 아니면 단순히 UX에 관심이 없다는 식으로요. 그런 관점은 일리가 있었지만, 권력 역학 관계는 제가 혼자서 해결할 수 있는 문제가 아니었기에 계속 제자리에 머물러 있었습니다.

왜 이런 일이 일어날까요?

대부분의 이해관계자들은 적어도 원칙적으로는 사용자 경험에 관심을 갖고 있습니다. 하지만 진짜 문제는 “더 나은 사용자 경험”이 그들이 일상적으로 측정하는 어떤 지표와도 연결되지 않는다는 점입니다.

모든 사람은 수익, 고객 유지, 비용, 위험 감소 등 여러 가지에 대해 책임을 져야 합니다. 이러한 사항들을 언급하지 않은 권고안은 설령 상대방이 당신의 의견에 동의하더라도 실행하기 어렵습니다.

PM은 전환율과 기능 채택률로 평가받습니다. 엔지니어링 리더는 개발 속도와 기술 부채 최적화에 집중합니다. 최고 경영진은 성장 지표와 경쟁력 있는 위치 확보에 관심을 갖습니다.

그들은 훌륭한 UX에 반대하는 것이 아닙니다. 단지 사용자 행동에서 비즈니스 성과로 이어지는 인과 관계를 알고 싶어 할 뿐입니다. 그 연결 고리가 없으면 당신의 제안은 출시되지 않는 수십 개의 다른 “좋은 아이디어”들과 함께 백로그에 묻혀 있게 될 것입니다.

[다음 내용 읽기]

다들 그런 헤드라인을 한 번쯤 보셨을 겁니다. 격주 간격으로 누군가는 AI가 디자인이라는 직업의 종말을 불러왔다고 선언합니다. 같은 주에 또 다른 누군가는 디자이너 없이 40분 만에 그럴싸한 랜딩 페이지를 완성한 창업자의 성공담을 공유합니다. 그 뒤에는 예상대로 트위터의 수많은 디자이너들이 불안과 부정을 쏟아냅니다.

저는 이 사실을 바로잡고 싶습니다. “디자인은 끝났다”라는 프레임 자체가 완전히 잘못되었다고 생각합니다. 이런 자극적인 말들은 커리어를 완전히 전환해야 할지 고민하는 주니어 디자이너들에게 실질적인 피해를 줍니다. 이 업계에서 15년 이상 일했습니다. 특히 지난 18개월 동안 협업 기업들이 실시간으로 변화하는 모습을 지켜보았습니다. 이제 제가 목격한 진짜 현실을 공유합니다.

UX 디자인은 죽지 않았습니다. 전혀 아닙니다. 다만 실무 방식의 거의 모든 요소가 바뀌었을 뿐입니다. 툴과 산출물 그리고 일상적인 업무 리듬과 역량 기준까지 모두 포함하고 심지어 커리어 패스도 변했습니다. 대중의 논평은 아직 이 변화의 속도를 따라잡지 못했습니다.

지금 살아남는 디자이너들은 이 변화를 빠르게 알아챈 사람들인 반면에 여전히 2022년에 머물러 있는 디자이너들은 힘든 시기를 보내고 있습니다. 이 글로 무엇이 변했는지 솔직하게 짚어내고 여러분이 올바른 방향으로 나아가기 위한 전략 지침서가 되길 바랍니다.

[다음 내용 읽기]

생각이 복잡해지는 이유

대부분의 사람들은 지능이 부족해서 어려움을 겪는 것이 아닙니다. 생각이 너무 복잡하게 뒤섞여 있기 때문입니다. 너무 많은 입력 정보, 너무 많은 의견, 그리고 동시에 주의를 끌어당기는 너무 많은 우선순위 때문입니다.

그 결과는 단순한 혼란에 그치지 않습니다. 바로 인지적 마찰(Cognitive friction)이 발생합니다. 바쁘긴 한데 머릿속은 뿌옇고, 활동적이긴 한데 방향성이 없으며, 아는 건 많은데 결정은 내리지 못하는 상태가 되는 것입니다. 아시아 여러 지역에서 16년간 시각적 사고를 가르치며, 저는 명료함이 갑자기 나타나는 경우는 거의 없다는 사실을 알게 되었습니다. 대개는 어떤 프로세스를 통해 서서히 드러납니다.

바로 눈에 보이는 프로세스를 통해서입니다. 복잡하지도, 이론적이지도 않으며, 예술적 기술이 필요한 것도 아닙니다. 그저 머릿속 소음을 눈에 보이는 구조로 바꿔주는 네 가지 의도적인 단계가 있을 뿐입니다.

이 4단계는 제가 접해본 시각적 사고 프레임워크 중 가장 실용적인 댄 로암(Dan Roam)의 저서 『생각이 막힐 땐 나프킨에 그려라(The Back of the Napkin)』에서 가져온 것입니다. 저는 팀워크를 촉진하고, 워크숍을 준비하고, 전략 회의를 구성할 때 이 단계를 꾸준히 활용합니다. 보고, 관찰하고, 상상하고, 보여주는 것입니다.

[다음 내용 읽기]

“당신의 스마트폰에서 모든 버튼을 없앤 그 남자가 페라리를 버튼으로 가득 채웠다.”

2026년 초 이런 헤드라인이 등장하기 시작했습니다.

아이브의 스튜디오 ‘러브프롬(LoveFrom)’이 디자인한 페라리 최초의 전기차 ‘페라리 루체(Luce)’. 이 차량은 물리적인 스위치와 토글 그리고 버튼을 중심으로 설계되었습니다. 자동차 제조사들이 대시보드의 모든 요소를 커다란 터치스크린 하나로 대체하던 시기에 나타난 변화입니다.

아이브의 이번 결정은 모바일 기기가 걸어온 정반대의 여정을 떠올리게 합니다. 과거 모바일 기기는 물리 버튼이 멀티 터치스크린으로 대체되는 과정을 거쳤습니다. 사용자들은 이때부터 제스처를 통해 기기와 상호작용하기 시작했습니다.

이러한 진화 과정을 이해하려면 역사를 살펴볼 필요가 있습니다. 1965년 엔지니어 에릭 아서 존슨은 영국 말번의 왕립 레이더 연구소에서 최초의 손가락 구동 방식 터치스크린을 개발했습니다. 이 장치는 항공 관제용으로 고안되었습니다. 해당 정전식 화면은 압력이 아닌 사람 손가락의 전하를 감지하여 작동하는 원리입니다.

정전식 터치스크린이 먼저 등장했지만 곧 감압식 터치스크린이 더 큰 인기를 얻었습니다. 미국 발명가 G. 사무엘 허스트 박사는 켄터키 대학교에서 감압식 터치스크린을 개발했습니다. 대학교 측은 그를 위해 특허 출원을 시도했지만 많은 이들은 이 기술이 실험실에서나 유용할 것이라고 생각했습니다.

허스트의 생각은 달랐습니다. 1970년 그는 오크리지 국립연구소로 돌아갔습니다. 그는 여가 시간을 활용해 아이디어를 발전시켰습니다. 그는 화면에 전도성 시트만 있으면 된다는 사실을 발견했습니다. 이는 ‘엘로그라픽스(Elographics)’라 불리는 감압식 터치 기술로 이어졌습니다. 이후 그의 팀은 최초의 곡면 유리 터치 인터페이스 특허를 획득했습니다.

[다음 내용 읽기]

라이트 UI 디자인에는 조용하지만 분명한 아이러니가 존재합니다. 겉보기에는 단순해 보이죠. 하지만 실제로 디자인을 시도해 본 적이 있다면, 이것이 얼마나 망치기 쉬운 작업인지 잘 아실 겁니다.

너무 밝게 설정하면 모든 요소가 평평하고 밋밋하게 느껴지거나, 심지어 눈이 아플 수도 있습니다. 우리는 종종 ‘설탕이 곧 디저트’라고 생각하듯, ‘흰색이 곧 라이트 모드’라고 단정 짓곤 합니다. 하지만 상황은 그리 간단하지 않습니다.

SaaS 제품, 모바일 앱, 비즈니스 플랫폼을 11년 넘게 디자인해 오면서, 저는 라이트 테마가 다크 테마만큼, 때로는 그보다 더 세밀한 의도가 필요하다는 것을 배웠습니다.

제대로 구현된 가벼운 사용자 인터페이스는 다음과 같은 이점을 제공합니다.

• 명확성

• 구조적 안정감

• 평온함

• 신뢰감

제가 어떻게 접근하는지 설명해 드리겠습니다.

[다음 내용 읽기]

몇 주 전 빨간색 계열의 컬러를 찾으려고 Tailwind v4 문서를 훑어보고 있었습니다. 그때 이 코드를 발견했습니다.

--color-red-500: oklch(0.637 0.237 25.331);

Hex도 HSL도 아닌 완전히 처음 보는 형식이었습니다. 저는 잠시 멈춰 서서 제가 무엇을 보고 있는지 분석해 보았습니다. 당시 10년 넘게 디자인 토큰을 만들어 왔음에도 이 구문은 전혀 알아볼 수 없었습니다.

전에도 OKLCH라는 이름을 들어본 적은 있었습니다. 냉장고에 냉동실이 있다는 사실을 무의식적으로 인지하듯 딱히 깊게 생각해 본 적 없는 정보였습니다. 그런데 이제 세계에서 가장 인기 있는 CSS 프레임워크가 모든 팔레트 컬러의 기본값으로 이 형식을 채택했습니다. 공지사항이나 트위터 게시글은 없었습니다. 변화에 대해 양해를 구하는 마이그레이션 가이드조차 없었습니다. 그저 새로운 값들이 원래 그 자리에 있었던 것처럼 무심하게 놓여 있을 뿐이었습니다. 저는 페이지를 닫고 커피 한 잔을 내렸습니다. 그러고는 다음 3일 동안 이 형식에 대해 찾을 수 있는 모든 자료를 탐독했습니다.

모든 디자이너가 알고 있지만 아무도 입 밖으로 내지 않는 사실이 있습니다.

HSL은 결함이 있는 컬러 모델입니다.

밝기(Lightness) 50%의 노란색을 고르고, 똑같은 밝기 50%의 파란색을 골라 두 색을 비교해 보십시오. 노란색은 밝게 빛납니다. 반면 파란색은 거의 검은색에 가깝습니다. 두 색상 모두 L값은 동일합니다.

모니터 고장이 아닙니다. 이것이 바로 설계된 대로 작동하는 HSL의 본모습입니다. HSL의 밝기 척도는 R, G, B 채널의 최솟값과 최댓값 사이를 수학적으로 계산한 중간 지점일 뿐입니다. 실제 우리 눈에 색이 얼마나 밝게 보이는지와는 아무런 상관이 없습니다.

[다음 내용 읽기]