prismBETA
← 디자이너 브리핑 2026-07-14 · 02 / 02

5년치 이커머스 UX 가이드라인 오픈소스 공개

이커머스 소프트웨어 디자인 시스템을 5년간 설계해온 디자이너가 반복해서 마주친 UX 패턴과 의사결정 가이드라인을 정리해 오픈소스로 공개했다. 전환율(CR)과 사용자 여정 문제를 다루는 것은 물론, 깨진 구조화 데이터나 DOM과 JSON-LD의 불일치처럼 AI가 페이지를 해석할 때 생기는 문제까지 포함한다.

이커머스 UX 가이드라인은 대체로 베이머드(Baymard) 같은 유료 리서치에 의존해왔고, 개별 디자이너의 경험은 팀 내부에 머물렀다. 이번 공개는 5년간 이커머스 디자인 시스템을 만들며 여러 상점의 전환율 문제를 진단하는 과정에서 반복적으로 발견한 패턴들을 사적인 데이터베이스로 축적해오다 이를 개방한 결과물이다.

주목할 부분은 항목 구성이다. 결제 흐름이나 상품 상세 같은 전통적 UX 이슈뿐 아니라, 깨진 구조화 데이터(structured data), DOM과 JSON-LD가 서로 다른 값을 말하는 모순 같은 항목이 'AI를 위한 의사결정 가이드라인'으로 함께 들어가 있다. 즉 화면 위 시각 요소와 페이지 뒤 시맨틱 마크업을 같은 UX 문제로 취급한다.

이는 상품 정보를 읽는 주체가 사람에서 AI 에이전트로 확장되고 있는 현실을 반영한다. 가격이 화면에는 할인가로, JSON-LD에는 정가로 남아 있으면 사람은 문제를 못 느끼지만 AI 쇼핑 에이전트는 그 상품을 잘못 추천하거나 아예 배제한다. 이커머스를 다루는 디자이너라면 자신의 PDP·체크아웃 설계가 기계 판독 관점에서도 일관된지 점검해볼 만한 참조 자료다.

왜 디자이너에게 중요한가
AI 에이전트가 상품 페이지를 읽고 대신 구매하는 시대에는 '사람이 보는 화면'과 '기계가 읽는 구조'가 동시에 설계 대상이 된다. UX 가이드라인에 구조화 데이터 항목이 들어갔다는 사실 자체가 디자이너 책임 범위가 마크업 계층까지 내려왔다는 신호다.
이야기의 흐름2