취향은 프롬프트가 아니라 비교에서 자란다

AI에게 세련되게 만들라고 주문하는 대신 실제 제품 화면을 비교한다. 참고 패턴을 정답이 아니라 디자인 어휘로 쓰는 법.

공유

AI가 만든 화면이 밋밋할 때 프롬프트에 “더 세련되게”를 붙여도 결과는 크게 달라지지 않는다. 세련됨이 어떤 화면, 간격, 순서, 상태 변화를 뜻하는지 입력하지 않았기 때문이다.

Edmund Yong은 디자이너 없이 앱을 다듬는 영상에서 프롬프트보다 비교 자료를 먼저 넣는다. 경쟁 제품의 피드, 생산성 앱의 온보딩, 결제 화면을 찾아 AI 에이전트가 공통점과 차이를 분석하게 한 뒤 자기 제품에 적용할 항목을 고른다.

참고 화면은 정답지가 아니라 어휘집이다

영상은 Mobbin의 화면 자료와 MCP 서버를 사용한다. Mobbin 공식 문서에 따르면 MCP 서버는 실제 제품 화면을 자연어로 검색해 AI 도구에 이미지로 돌려주며 유료 플랜에서 제공된다. Yong의 영상도 Mobbin을 홍보하는 내용을 포함한다.

그가 보여주는 작업은 복사보다 비교에 가깝다. 먼저 자기 화면과 해결할 부분을 좁힌다. 경쟁 제품 몇 개에서 같은 흐름을 찾고, 빌릴 패턴과 피할 패턴을 나눈다. 마지막으로 현재 제품에 맞는 변경만 제안하게 한다. “좋은 디자인을 만들어줘”라는 주문을 “이 피드의 정보 밀도를 세 제품과 비교해라”라는 조사로 바꾼 셈이다.

출시된 화면이 효과가 검증된 화면은 아니다

유명 앱이 쓴 패턴에는 전문가의 시간이 들어갔을 가능성이 크다. 그렇다고 스크린샷만 보고 그 패턴이 가입률이나 결제를 높였다고 결론낼 수는 없다. 실험 결과, 대상 사용자, 이전 버전, 실패한 시안은 자료실에 보이지 않는다.

표본에도 편향이 있다. 눈에 잘 띄는 소비자 앱만 따라가면 업무용 제품에 불필요한 애니메이션과 단계가 늘 수 있다. 여러 앱에서 반복되는 관습은 사용자가 익숙할 가능성을 알려주지만, 자기 제품의 문제를 해결한다는 증거는 아니다.

그래서 참고 화면을 적용할 때는 모양보다 이유를 적어야 한다. 첫 화면에서 권한 요청을 늦춘 이유, 결제 전에 기능 차이를 보여주는 이유, 피드에서 부가 정보를 접은 이유를 설명하지 못하면 패턴을 가져온 것이 아니라 장식을 옮긴 것이다.