'AI 슬롭' 문제 해결하는 Impeccable 스킬 리뷰: AI 디자인의 한계와 개선 방안

AI가 만든 디자인은 종종 'AI 슬롭'이라는 비판을 받는다. 이는 디자인이 너무 보편적이고 평균적이어서 마치 AI가 만든 것 같다는 인상을 주기 때문이다. 이 문제는 단순히 AI스러움 자체보다는 디자인에 고객에 대한 성의가 담겨 있는가 하는 점에서 중요하게 다뤄진다. "어 이거 AI로 만든 거 같은데라고 생각을 하게 됩니다. AI가 해주는 디자인에서 제일 조심해야 될 것 중에 하나는 AI 스럽냐 아니냐라는 것보다도 고객에 대한 성의가 담겨 있냐 아니냐가 될 거 같습니다."

Impeccable 스킬은 AI스러운 평균값의 디자인에서 나타나는 64가지 특징적인 패턴을 정리하여 분석한다. 이는 AI가 주로 사용하는 보라-핑크 그라데이션이나 크림 베이지 톤의 배경에 오렌지색 CTA(클로드 스타일)와 같은 디자인 요소를 포함한다. 이러한 패턴들은 AI가 효율적인 결과물을 내기 위해 학습된 방대한 데이터를 기반으로 하며, 결과적으로 대다수의 사람들이 무난하다고 느낄 만한 평균적인 디자인을 생성하게 된다. "임팩커블 스킬에서는 AI스러운 평균값의 디자인에서 나타난 특징들을 64개나 되는 패턴을 가지고 정리를 하고 있는데요."

AI는 웹사이트 제작 요청 시 그럴듯한 디자인을 만들어내지만, 이는 특정 맥락에서 가장 좋은 디자인을 제안하는 것이 아니다. 대신 AI는 광범위한 데이터셋에서 가장 흔하고 무난한 평균값의 디자인을 제시하는 경향이 있다. "AI에게 웹사이트를 만들어 달라고 하면 디자인적으로 그럴 듯해 보이는 걸 만들기는 합니다. 그런데 그렇게 만들어지는 거는 이게 이 맥락에서 제일 좋은 디자인이다라고 제안하는 게 아니라 평균적이고 무난한 디자인을 제안한다는 거예요."

AI 디자인의 대표적인 패턴으로는 다크 모드에서 사용되는 보라-핑크 그라데이션이 있다. 최근에는 클로드 디자인이 인기를 얻으면서 크림 베이지 톤 배경에 오렌지색 CTA(Call To Action)나 텍스트를 활용하는 '클로드 스타일'도 AI스럽다는 평가를 받고 있다. "보라 핑크 그라데이션이 다크 모드 위에서 사용된 경우가 대표적인 예시였고요. 요즘에는 클로드 디자인이 출시가 되고 많은 분들이 사용하기 시작하면서 크림 베이지 톤의 백그라운드에다가 오렌지 CTA나 텍스트를 쓴 이 클로드 스타일의 디자인이 AI스럽다는 말을 많이 듣고 있어요."

이러한 디자인은 해당 제품이나 서비스의 독특한 가치와 맥락을 반영하지 못하며, 사용자에게 특별한 경험을 제공하지 못한다. "문제가 되는 부분은 이런 거예요. 다른 곳에서도 자주 등장하는 AI가 생성한 디자인을 복사 붙여넣기 한 티가 날 경우에는 성의가 없어 보일 수 있기 때문에 문제가 될 수 있는 거 같아요."

모든 사용자를 만족시키는 디자인은 존재하지 않는다. 대신, 특정 타겟 사용자를 위한 맞춤형 디자인이 중요하다. 같은 디자인이라도 누구에게는 적절할 수 있고, 다른 누구에게는 그렇지 않을 수 있기 때문에, 타겟 사용자의 니즈와 맥락을 깊이 이해하고 반영하는 것이 필수적이다. "디자인이란 거는 모두를 만족시키는 디자인이란 건 없다고 생각을 해요. 다만 타겟을 위한 디자인이 있다고 생각합니다. 똑같은 디자인도 누구에게는 적절할 수 있고 누구에게는 그렇지 않을 수 있다는 거예요."

AI에 디자인 시스템이나 가이드 파일을 제공하지 않으면, 페이지나 기능이 추가될 때 디자인의 일관성이 무너질 수 있다. 일관된 컬러, 타이포그래피, 버튼 컴포넌트 등에 대한 규칙 문서 없이는 AI가 통일된 결과물을 내기 어렵기 때문이다. 이는 사용자 경험 저하로 이어질 수 있다. "AI에게 디자인 시스템이라든지 가이드 파일을 제공하지 않는다면 즉 일관된 컬러, 타이포그래피, 버튼 컴포넌트들에 대한 규칙 문서를 주지 않으면 페이지가 늘어나고 기능이 늘어날 때 디자인이 일관되지 않고 다르게 나올 수 있다는 겁니다."

이는 의도적이고 완성도 높은 UI를 만들기 위한 디자인 가이드이자 스킬로 작용하며, AI가 제공하는 평균적인 디자인을 넘어선 고품질 디자인을 지향한다. "임팩커블 스킬은 에이전트가 놓치고 있는 디자인 언어를 찾아주자예요. 의도적이고 완성도 높은 UI를 만들기 위한 디자인 가이드이자 스킬이라고 보시면 될 거 같아요."

첫 번째는 '결정론적 탐지기'로, 64개의 정해진 규칙에 따라 AI 슬롭 여부를 평가하는 도구다. 이는 명확한 기준에 근거하여 디자인의 문제점을 식별한다. 두 번째는 '휴리스틱 평가'로, 기본적인 사용성을 평가하는 10가지 원칙을 기반으로 한다. 이 프레임워크는 디자인이 사용자에게 얼마나 효율적이고 만족스러운 경험을 제공하는지를 다각적으로 분석한다. 두 가지 스킬은 상호 보완적으로 작동하여 AI 디자인의 한계를 극복하고, 더욱 사용자 친화적이고 의도적인 디자인을 구현하는 데 기여한다. "하나는 결정론적 탐지기라고 해서 정해진 규칙에 따라서 평가하는 툴이고, 두 번째는 휴리스틱 평가인데요. 이건 기본적인 사용성을 평가하는데 활용되는 프레임워크입니다."

Impeccable 스킬은 GitHub에서 'Impeccable 스킬 깃허브'를 검색하여 찾을 수 있다. 해당 링크를 복사한 뒤 클로드 코드에 설치하고 연동하는 방식으로 쉽게 설정할 수 있다. 이렇게 설치된 스킬은 클로드 코드 환경에서 즉시 디자인 분석 및 평가 작업을 수행할 수 있도록 준비된다.

Impeccable 스킬을 활용해 고객 문의 폼 페이지에 대한 분석을 요청할 수 있다. 구체적으로는 AI 슬롭 여부를 분석하고 평가하여, 디자인의 잘된 점과 개선이 필요한 점을 담은 보고서를 생성하도록 요청한다. 이 보고서는 디자인 개선의 핵심 자료로 활용된다. "첫 번째는 현재 고객 무니폼 페이지에 대해서 임팩커블 스킬을 써 달라고 했고 그다음에 AI 슬롭 여부를 분석해서 그리고 평가해서 잘된 점과 잘 안 된 점을 보고서로 만들어 달라고 요청을 했어요."

Impeccable 스킬은 로고 디자인에 대해서도 비판적인 분석을 제공한다. 예를 들어, 이니셜 'P'에 둥근 사각형을 두른 로고는 LLM(대규모 언어 모델) 목업에서 1순위로 나오는 흔한 패턴임을 지적하며, 이니셜 대신 심벌을 활용할 것을 제안한다. 이는 AI가 생성하는 전형적인 디자인을 벗어나 독창성과 전문성을 강조하기 위함이다. "로고에 대한 부분은요. 이니셜 P에다가 둥그런 사각형을 두르고 있잖아요. 이거는 LLM 모업에서 1순위로 나오고 있는 패턴이라고 지적을 했어요. 이런 이니셜을 쓰지 말고 심벌을 활용해라."

예를 들어 파란색은 은행과 같이 신뢰가 중요한 업종에서 주로 활용되는 색으로 여겨진다. 그러나 색상 선택은 주관적인 영역이 강하기 때문에, Impeccable 스킬의 제안은 참고하되 반드시 따를 필요는 없다는 의견이 제시된다. 디자인의 맥락과 목표 고객층을 고려하여 유연하게 적용하는 것이 중요하다. "파란색은 은행이라든지 신뢰가 중요한 업종에서는 활용하면 좋은 색으로 여겨지고 있고 또 이거는 주관적인 영역이기도 하기 때문에 임팩커블의 제안은 따라도 되고 따르지 않아도 된다고 생각이 들었습니다."

Impeccable 스킬은 단순히 시각적으로 AI 슬롭스러운지를 평가하는 것을 넘어선다. 이 스킬의 핵심은 제품의 맥락에 맞는 정보와 디자인을 제공하고 있는지에 초점을 둔다. 즉, 디자인이 해당 제품이나 서비스의 본질적인 목적과 사용자 경험에 얼마나 부합하는지를 종합적으로 판단하는 것이다. 따라서 Impeccable 스킬은 비주얼 요소뿐만 아니라 기능성, 정보 전달력, 사용자 만족도 등 다양한 측면을 고려하여 디자인을 평가하는 포괄적인 도구로 기능한다. 이러한 맥락 중심의 평가는 AI가 놓치기 쉬운 '의도'와 '완성도'를 디자인에 불어넣는 데 결정적인 역할을 한다.

휴리스틱 평가의 '사용자 제어와 자유' 원칙은 사용자가 실수하거나 마음이 바뀌었을 때 쉽게 이전으로 돌아갈 수 있도록 해야 한다는 점을 강조한다. 이를 문의 폼에 적용하면, 문의 작성을 완료한 후 '새 문의하기 작성하기' 버튼을 눌렀을 때 이전에 입력했던 정보를 삭제하지 않고 원상 복구할 수 있는 옵션을 제공해야 한다. 이는 사용자가 실수로 데이터를 날리거나, 재작성 시 번거로움을 느끼지 않도록 하여 전반적인 사용자 경험을 향상시킨다. "사용자가 실수를 하거나 마음이 바뀌었을 때 쉽게 이전으로 돌아갈 수 있도록 해줘야 된다는 거예요. 문의가 완성됐을 때 새 문의하기 작성하기 버튼을 누를 경우, 이전에 작성했던 정보를 지우지 말고 원상 복구할 수 있게 옵션을 제공하자."

사용자에게 더 나은 경험을 제공하기 위해서는 문구의 구체성을 높이는 것이 중요하다. 레퍼런스 사례를 보면, 질(Zillow)은 단순히 질문하는 대신 '구매자측 부동산 중개인에게 전달됨'임을 명시하여 구체적인 맥락을 제공한다. 이는 사용자가 자신의 문의가 어떻게 처리될지 명확히 이해하도록 돕는다. 또 다른 사례인 웨이브(Wave)는 '아직 결정을 못 하셨나요?'와 같이 사용자가 겪을 수 있는 문제에 초점을 맞춰 공감을 유도하는 표현을 사용한다. 이처럼 일반적인 질문 대신 사용자 중심의 구체적인 카피를 사용함으로써, 서비스는 더 친근하고 유용하게 느껴질 수 있다. 이러한 접근 방식은 AI가 평균적으로 생성하는 모호한 문구를 넘어, 실제 사용자의 상황과 감정을 고려한 디자인 전략이 필요함을 시사한다. "질로는 '구매자측 부동산 중개인에게 전달됨'임을 명시해 구체적인 맥락을 제공하고, 웨이브는 '아직 결정을 못 하셨나요?'라고 표현해 사용자의 문제에 포커스를 맞추고 있습니다."

첫 번째 버전의 일반적인 카피인 '문의하기' 대신, '인사 업무 어디서 막히셨나요?'와 같이 인사 관리 SaaS 제품의 맥락을 고려한 카피로 업데이트되었다. 이는 사용자에게 직접적으로 질문하며 공감대를 형성하고, 제품의 본질적인 가치를 효과적으로 전달한다. 또한, CTA 버튼의 텍스트가 '문의 전송'에서 '궁금한 점 빠르게 물어보기'로 변경되어 사용자의 행동을 명확하게 유도하면서도 친근함을 더했다. 이와 함께 전송 상태 메시지도 단순히 '전송 완료'가 아닌, '문의가 접수되었어요. 24시간 내 답변드릴게요!'와 같이 구체적인 정보와 다음 단계를 안내하여 사용자 경험의 불확실성을 줄였다. 이러한 변화들은 Impeccable 스킬과 휴리스틱 평가, Mobbin MCP를 통해 얻은 분석 결과를 바탕으로 이루어졌으며, AI 슬롭 디자인의 한계를 극복하고 고객에 대한 성의를 보여주는 디자인으로의 발전을 의미한다. "첫 번째 버전의 일반적인 카피 대신 '인사 업무 어디서 막히셨나요?'와 같이 인사 관리 SaaS라는 제품의 맥락을 고려한 카피로 업데이트되었습니다."