UX 경쟁 분석: 비교 결과를 디자인 결정으로 연결하는 방법

유용한 UX 경쟁 분석은 여러 제품이 같은 사용자 과업을 어떻게 돕는지 비교합니다. 팀이 내려야 할 결정에서 출발해 비슷한 조건으로 과업을 수행하고, 각 인터페이스에서 이해하기 쉬운 점과 어려운 점을 기록하세요. 결과물은 보기 좋은 스크린샷 모음이 아니라, 이유가 분명한 디자인 제안이어야 합니다.

예를 들어 온라인 쇼핑몰의 반품 과정을 개선한다고 생각해 보겠습니다. 중요한 질문은 고객이 반품 가능 여부를 이해하고, 해당 상품을 선택하고, 이후 절차를 알 수 있는가입니다. Pixso의 UX 디자인 작업 공간에 비교한 흐름과 제안 화면을 나란히 배치하면, 구체적으로 무엇을 바꿀지 팀과 논의할 수 있습니다.

경쟁사 목록보다 내려야 할 결정부터 정하세요

“경쟁사를 이해하자”는 목표만으로는 무엇을 살펴볼지 정하기 어렵습니다. “고객이 반품을 신청하기 전에 반품 가능 조건을 어디에서 설명할지 결정하자”라고 범위를 좁히면 조사할 대상이 분명해집니다. 분석을 어디까지 해야 하는지도 판단하기 쉬워집니다. 검색 기능, 멤버십, 홈페이지 애니메이션까지 비교해도 이 질문에 답할 수는 없습니다.

고객의 시작 상황을 적으세요. 이 사례에서는 셔츠 두 벌을 구매한 고객이 한 벌은 보관하고, 사이즈가 맞지 않는 나머지 한 벌을 반품하려고 합니다. 주문 확인 내역이 있고, 휴대폰으로 이용 중이며, 돈을 돌려받는지 적립금으로 받는지 알고 싶어 합니다. 살펴보는 모든 제품에서 같은 상황을 기준으로 삼습니다.

첫 사이트를 열기 전에 과업의 결과도 정합니다. 고객이 반품 가능한 상품을 찾고, 안내된 비용을 이해하고, 환불 방식을 확인하며, 반품 신청이 실제로 접수됐는지 구분할 수 있어야 합니다. 더 많은 화면을 통과하는 것이 목표가 아닙니다. 분명하고 적절한 결과에 도달하는 것이 목표입니다.

배울 점이 있는 비교 대상을 고르세요

과업과 사용자가 비슷한 제품부터 선택하고, 흐름의 특정 부분을 잘 해결하는 인접 분야 사례가 있다면 추가하세요. 대여 서비스는 물품 상태를 설명하는 방식이 참고가 될 수 있고, 다른 소매업체는 환불 시점을 이해하기 쉽게 안내할 수 있습니다. 직접적인 사업 경쟁사가 아니어도 디자인 결정에 도움이 될 수 있습니다.

실제 조작을 살펴볼 수 있을 만큼 범위를 좁히세요. 급하게 모은 홈페이지 열두 개보다 끝까지 꼼꼼하게 따라가 본 세 가지 흐름이 더 유용합니다. 현재 자사 제품도 같은 기준으로 비교해야 장점과 제약을 추측하지 않고 함께 살펴볼 수 있습니다.

결과에 영향을 줄 수 있는 기기, 로그인 상태, 지역, 주문 상태와 반품 가능 조건을 맞추세요. 접근 제한 때문에 확인하지 못한 지점도 기록합니다. 실제 구매를 해야만 반품 옵션을 보여 주는 사이트라면, 도달하지 못한 화면은 ‘미확인’입니다. 화면을 볼 수 없었다는 이유로 사용성 점수를 낮게 줘서는 안 됩니다.

경쟁사의 공개 정책은 해당 인터페이스를 이해하는 데 도움이 되지만, 자사 쇼핑몰의 요구사항이 되지는 않습니다. 수수료, 반품 기간과 환불 방식은 자사의 제품·운영 담당자와 정해야 합니다. 다른 회사의 문구를 그대로 가져오면 제공하지 않는 서비스를 약속하게 될 수 있습니다.

전문가 검토와 사용자 테스트를 구분하세요

Nielsen Norman Group은 경쟁 제품 검토와 경쟁 제품 사용성 테스트를 구분합니다(영문). 검토에서는 실무자가 인터페이스를 살펴보며 예상되는 장점과 문제를 찾습니다. 테스트에서는 사람들이 과업을 수행하고, 그 행동이 근거가 됩니다. 둘 다 디자인에 도움이 되지만 답할 수 있는 질문은 다릅니다.

검토를 통해 환불 설명이 상품을 선택한 뒤에야 나온다는 사실은 확인할 수 있습니다. 하지만 실제 고객을 관찰하거나 관련 근거를 확보하지 않았다면, 고객이 보통 그 설명을 놓친다고 단정할 수는 없습니다. 먼저 관찰한 사실을 적고, 그로 인해 예상되는 문제를 따로 쓰세요. 타당한 디자인 판단을 실제로 확인한 조사 결과와 혼동하지 않게 됩니다.

테스트에서는 화면의 메뉴 이름 대신 사용자의 목표를 제시합니다. “사이즈가 맞지 않는 셔츠를 돌려보내고, 돈을 어떻게 돌려받는지 알아보세요”가 “반품 메뉴를 열고 환불을 선택하세요”보다 적합합니다. 같은 참여자가 여러 제품을 사용한다면 순서를 달리해, 과업에 익숙해진 효과가 항상 마지막 제품에 유리하게 작용하지 않도록 합니다.

신청이 확정되는 순간까지 전체 과업을 기록하세요

마우스의 모든 움직임보다 고객의 이해가 달라지는 단계를 기록하세요. 반품 과업이라면 진입점 찾기, 주문 확인, 상품 선택, 반품 가능 조건 이해, 처리 방식 선택과 신청 제출이 해당합니다. 완료 안내도 중요합니다. 고객은 임시 저장된 신청과 실제 접수된 반품을 구분할 수 있어야 합니다.

각 관찰 내용을 해당 화면과 당시 조건 옆에 적습니다. 짧게는 “상품 선택 화면에서 상품명 아래에 반품 기한이 나온다. 환불 방식은 다음 화면에 가야 확인할 수 있다”라고 기록할 수 있습니다. 작업 파일에는 원본 URL, 캡처 날짜와 필요한 계정 조건도 남깁니다.

다음은 이런 관찰을 디자인 질문으로 바꾸는 가상의 비교 사례입니다.

접근 방식	고객에게 보이는 내용	우리 디자인에 적용할 질문
정책 먼저	주문을 확인하기 전에 전체 반품 정책을 보여 줌	고객이 구매하지 않은 상품의 규칙까지 해석하게 하지 않으면서 핵심 조건을 설명할 수 있는가?
상품 먼저	반품 가능한 상품과 불가능한 상품을 구분하고 각각의 이유를 표시함	신청에 시간을 들이기 전에 선택할 수 없는 이유를 이해할 수 있는가?
처리 방식 먼저	관련 조건을 보기 전에 환불 또는 교환을 선택하게 함	너무 일찍 선택하게 해 놓고, 뒤의 화면에서 그 기대를 다시 바꾸게 만들지는 않는가?

전체적으로 어느 제품이 이겼는지 정할 필요는 없습니다. 상품을 먼저 보여 주는 방식이 반품 가능 여부는 명확하게 전달해도 환불 시점 설명은 부족할 수 있습니다. 두 관찰을 모두 남기세요. 별점 하나로 합치면 개선할 지점이 가려집니다.

차이가 생기는 이유를 설명하세요

“이 흐름이 더 깔끔하다”는 취향에 가깝습니다. “선택할 수 없는 상품 옆에 이유가 있어, 고객이 정책을 따로 열지 않고도 이유를 알 수 있다”는 디자인이 어떻게 도움이 될지 설명합니다. 유용한 해석에는 어떤 정보가 어디에 있으며 어떤 판단을 돕는지가 들어갑니다.

단계 수는 각 단계가 하는 일이 같을 때 비교하세요. 짧은 흐름은 중요한 조건을 숨길 수 있고, 긴 흐름은 간단한 결정을 불필요한 여러 페이지로 나눌 수 있습니다. 각 전환이 필요한 정보를 제공하는지, 결정을 요청하는지, 이미 아는 내용을 반복할 뿐인지 살펴보는 편이 낫습니다.

장점과 함께 그 방식의 부담도 살펴보세요. 모든 정책 내용을 상품 옆에 표시하면 주문 상품이 많을 때 훑어보기 어려워질 수 있습니다. 반대로 모든 설명을 링크 뒤에 숨기면 예외 조건이 갑작스럽게 느껴질 수 있습니다. 상품 옆에는 짧은 반품 조건을 적고, 전체 조건으로 이동할 수 있게 하는 절충안을 생각해 볼 수 있습니다.

여러 제품이 같은 패턴을 쓴다면 살펴볼 가치가 있는 관행으로 보되, 효과가 입증됐다고 생각하지 마세요. 같은 관습이나 제약, 아직 해결하지 못한 문제를 공유하는 것일 수도 있습니다. 적절한 방식인지는 여전히 우리 사용자와 과업을 기준으로 판단해야 합니다.

비교 결과를 검토 가능한 화면으로 만드세요

쇼핑몰 사례에서는 구매한 상품, 반품 가능 여부, 다음에 할 수 있는 행동을 한곳에 보여 주는 상품 선택 화면을 제안할 수 있습니다. 환불 시점에 대한 설명은 최종 제출 전에 배치합니다. 마지막 버튼은 “계속”보다 “반품 신청 제출”처럼 실행할 행동을 명확하게 적습니다.

Pixso에 현재 흐름과 제안하는 흐름을 나란히 만드세요. 양쪽의 주문과 상품 이름을 같게 유지하면 검토자가 달라진 정보에 집중하기 쉽습니다. 반품 가능 여부를 표시한 행 옆에는 결정 이유를 짧게 적습니다. 선택 전에 이유를 보여 주고, 상품의 맥락을 잃지 않은 채 전체 정책을 확인할 수 있게 한다는 설명입니다.

질문이 단계의 순서나 신청 확정 시점에 관한 것이라면 제안 화면을 프로토타입으로 연결합니다. 검토자에게 상품 하나를 반품하고, 가능한 처리 방식을 설명하며, 신청이 최종 확정되는 순간을 짚어 보게 하세요. 반품 가능 조건이 눈에 띄는지만 알고 싶다면, 더 많은 인터랙션을 만들기 전에 해당 화면을 집중적으로 검토하는 것만으로도 도움이 됩니다.

검토 결과를 바탕으로 제안을 다듬습니다. 반품 가능 여부는 이해하지만 환불 시점을 여전히 모르겠다면, 상품 목록을 다시 디자인할 필요는 없습니다. 제출 전에 필요한 설명에 집중하세요. UX 리서치 결과를 종합하는 방법에서는 관찰한 행동을 구체적인 디자인 결정으로 연결하는 과정을 설명합니다.

팀이 실행할 수 있는 제안을 공유하세요

최종 제안은 구체적이어야 합니다. “반품할 수 없는 이유를 해당 상품 옆에 표시하고, 제출 전에 환불 방식을 보여 준다”처럼 적습니다. 가장 중요한 관찰 근거, 제안 화면, 아직 정하지 못한 제품 관련 질문을 이어서 제시하세요. 이 사례에서는 구현 전에 운영 담당자가 환불 소요 기간에 관한 문구를 확정해야 합니다.

자세한 캡처 자료는 필요할 때 확인할 수 있게 보관하되, 논의는 결정할 사항부터 시작하세요. 팀은 어떤 변경을 살펴볼지, 그 변경이 무엇을 도울 것으로 보는지, 어떤 근거가 나오면 제안을 강화하거나 재고할지 알아야 합니다.

경쟁 분석은 실제 디자인 결정을 바꿀 때 제 역할을 합니다. 하나의 과업에서 출발해 중요한 순간을 비교하고, 그 결과로 우리 제품의 경험을 더 분명하게 만들어 보세요.

Pixso에서 다음 UX 흐름 설계하기