KB차차차 분석

eunjye·2021년 8월 5일

개요

서비스 운영보다는 UI/UX 관점 위주로 사이트 분석
경쟁사 사이트 중, 케이카, 엔카, 현대캐피탈 인증중고차를 위주로 비교 (단, PC 엔카는 비교적 올드한 UI라고 생각하여 제외)
주관적인 의견이므로 다양한 피드백 환영

PC

개선 필요 사항

1. 정돈되지 않은 레이아웃과 복잡한 컬러, 폰트, 버튼 유형

의견1. 딱딱한 레이아웃과 한정된 유형을 통해, 방대한 정보를 효율적으로 전달

신뢰 중요
- KB차차차 소개글 : '믿을 수 있는 KB 캐피탈에서 운영하는~'
- K Car 슬로건 : '신뢰를 팝니다 - Trust K Car'
- 현대캐피탈 인증중고차 소개글 : '믿을 수 있는 인증중고차'
정보전달 중요
- 중고차는 고객에게 전달할 정보가 많고 복잡함
- 여러 차량들을 한 눈에 비교할 수 있는 것이 중요
사이트별 유형
- 금융권 (유사👍) : 신뢰/정보전달 중요 => 정돈된 레이아웃, 과도한 유형의 스타일X, 필요한 부분에 강약 포인트
- 브랜드, 쇼핑몰 : 임팩트/비주얼 재미요소 중요 => 지루하지 않는 레이아웃 배치, 여러가지 비주얼 요소
따라서, 딱딱하다는 느낌이 들 정도로 폰트, 버튼, 컬러의 유형을 최소화하는 것이 필요
적절한 강약 포인트로 정보 전달효과 최대화

의견2. 아이콘은 적재적소에, 직관적으로

너무 많은 아이콘 색상때문에 포인트컬러가 묻힘
아이콘은 강조나 의미전달을 명확하게 하는 데 효율적이지만, 현재 사이트 내 아이콘이 너무 많아 오히려 지저분해 보임
라인 타입, 면 타입의 아이콘이 섞여있어 통일성이 떨어짐

현대캐피탈 인증중고차 : 일관된 라인타입의 아이콘. 통일성 있고 단조로운 무채색으로 정보 전달에 방해되지 않게 적절하게 쓰임 👍

2. 불필요한 반응형

반응형은 원소스로 모바일부터 태블릿, PC까지 다양한 디바이스를 대응하기 위함. 그러나 현재 사이트는 모바일과 PC소스가 분리되어 있음
레이아웃이 체계적으로 줄어들지 않아 오히려 복잡해짐
레이아웃이 줄어들었을 때를 고려하지 않은 상황이 발견됨

3. 복잡한 정보 전달 방식

의견1. 리스트의 차량 정보는 최대한 한눈에 볼 수 있도록

검색 리스트

차량 리스트는 여러대의 차량을 한눈에 비교 가능해야 효율적
따라서 한 차량에 마우스 오버 후 슬라이드로 넘겨가며 추가 정보를 확인하는 것은 불필요한 UI라고 생각
슬라이드로 넘겨야 확인 가능한 정보는 실차주 여부, 사고이력, 보증으로, 크게 복잡하거나 많은 정보가 아님 => 따라서 태그로 마크하여 간략하게 표시 가능

차량 상세

상단 차량 이미지 슬라이드의 하단에 소개글이 존재하여, 넘길 때마다 총 3개의 소개글이 반복됨
점검완료 개수, 보상사항, 특징 정보로, 복잡하지 않아 이 역시 상시노출하여 한 눈에 표현 가능
특징같은 경우에는 태그로 충분히 표현 가능하고, 더 강조될 것

현대캐피탈 인증중고차 : 일관된 색상과 정돈된 레이아웃, 눈에 확 띄는 정보전달 방식 👍

4. 직관적이지 않은 UI

의견1. 적절한 활성화/비활성화 표시

사용자가 기본값인 '많은 주행거리 순'을 '짧은 주행거리 순'으로 필터링하였으나, 필터가 적용된 상태라는 것이 표시되지 않아 인지하기 어려움
간단한 위/아래 꺽쇠정도만 추가해도 정렬 버튼임이 명확해짐

추가 의견 제시

검색 리스트

1. 판매완료 차량에 dim처리

판매완료 차량임에도 리스트 노출되는 건이 있다면, 이는 dim처리를 통해 판매완료된 건임을 표시

K Car

현대자동차 인증중고차

2. 사용자가 예기치 못한 이벤트 X

차량 리스트에서 브라우저를 리사이징할 때 차량 리스트가 새로 뿌려지는 것은 사용자가 예기치 못한 이벤트이므로, 사용자 입장에서 불편함을 느낄 수 있음. 리사이징과 리스트 refresh는 연관성이 없음

Mobile

개선 필요 사항

기본 내비게이션과 이동 버튼 필요

스크롤 시 상단 총 매물 수, 내 위치 찾기 및 뒤로가기 버튼 등 유용 정보 및 이동 버튼이 사라짐
- 위로 스크롤 시, 사라진 요소가 다시 노출되는 타사와 달리, 맨 위까지 스크롤해야 정보가 다시 노출됨
차량 검색 화면 진입 시, 하단 고정 내비게이션이 사라짐
- 카테고리 이동이 불편하여 다른 서비스 진입 유도 어려움
- 다른 페이지로 진입이 불편하여 사용자 이탈이 발생할 수 있음
  
  예시: 차량 검색 리스트에서 관심차량 버튼 터치 시, 비로그인 상태이면 로그인 유도 팝업 노출
  그러나 로그인 페이지로 진입하기 위해서는,
  1. 이전 페이지로 이동
  2. 전체메뉴 터치
  3. 로그인버튼 터치
  의 번거로운 절차가 필요하여 사용자 이탈 발생 가능성 증가
  (차량 상세 페이지에서 관심차량 버튼 터치 시 +이전 페이지로 이동 절차가 한 단계 추가됨)
  비로그인 상태에서 관심차량 버튼 터치 시
  - 엔카 : 로그인 유도 얼럿 노출 후 '네' 선택 > 로그인 페이지로 바로 전환
    👍 사용자에게 페이지 전환 의사 묻고 그에 따라 페이지 전환
  - 케이카 : 로그인 유도 얼럿 노출 > 로그인 페이지로 바로 전환
  - 현대캐피탈 인증중고차 : 로그인 페이지로 바로 전환
  차량 검색 리스트에서 로그인 페이지로 이동하려면
  - 엔카 : 최상단으로 스크롤 > 좌측 상단 햄버거 버튼 터치하여 전체메뉴 노출 > 로그인버튼 터치
  - 케이카 : 우측 상단 햄버거 버튼 터치하여 전체메뉴 페이지 진입 > 로그인버튼 터치
  - 현대캐피탈 인증중고차 : 우측 상단 햄버거 버튼 터치하여 전체메뉴 노출 > 로그인버튼 터치
    👍 페이지가 reload되지 않고, 가볍게 닫아 원상태로 복귀 가능

차량 상세 페이지 내 과도한 부가 정보

중고차 관련 전달해야 하는 상세 정보가 많음에도 불구, 배너나 서비스 관련 설명이 너무 많고 시선을 분산시킴
버튼으로 잘 인지되지 않는 서비스 버튼 UI (처음에는 단순히 KB차차차 서비스에 대한 설명인 줄 알았음)
강약이 전달되지 않는 텍스트 크기
(차량 상세 페이지인 만큼, 차량 번호 등 해당 차량 관련 정보가 가장 중요함에도 불구, 상단 헤더의 차량 번호보다 훨~씬 큰 보내줘 차차차!!! 해당 서비스가 중요하다고 해도, 이와 관련된 부가 설명이 너무 많아 오히려 컨텐츠를 방해)

차량 상세 정보와 부가 정보 간 강약/구분 부족

차량 상세 페이지는 차량에 대한 정보가 주 컨텐츠인데, 딜러 정보 및 소개글 등의 유용 정보를 접어놓음으로써, 이를 확인하기 위해 펼쳐보기 버튼을 눌러야하는 불필요한 프로세스가 추가됨
타 사는 모두 딜러 정보 및 차량 소개글 기본 노출 중
차량 정보 관련 컨텐츠는 최대한 노출하고, 광고나 부가 서비스의 비중을 줄이는 방향이 고객에게 더 유용한 정보를 효율적으로 전달하는 것이라고 생각
컨텐츠의 길이가 길어지면 1. 명확한 타이틀명과 영역 구분, 2. 각 영역으로 이동하는 버튼 추가로 정리 가능