기존 디자인
- 당근마켓은 불필요한 판매글을 제거해주는 필터 기능을 통해 원하는 물건을 쉽게 탐색할 수 있게 제공하고 있었음.
- 적은 공간을 차지하고 버튼을 클릭하면 모든 조건을 한 번에 볼 수 있어 여러 필터를 동시에 사용하기 편리함.

CASE 1. 필터 기능 접근성 높이기
문제 정의
문제 발견
필터 기능에 대한 접근성이 낮고 사용 비율이 낮은 문제.
원인 찾기
필터 기능의 존재를 인지하기 어렵고 현재 적용된 값을 한 눈에 알기 어려움.
가설 수립
여러 개의 필터를 동시에 사용하는 것보다 필터 한 가지를 쉽게 사용할 수 있는 경험을 제공한다면 필터 기능에 대한 접근성을 높일 수 있을 것이다.
해결 방법
- 각 필터를 팁 형태로 노출하고, 팁을 클릭하면 하단에 입력창이 올라오도록 디자인을 변경.
- 필터에 적용된 값을 사용자가 알 수 있도록 표시.
→ 어떤 필터를 사용할 수 있는지 한 눈에 알 수 있게 되고 현재 상태를 직관적으로 알 수 있게 됨.

검증 과정
A/B테스트를 진행하여 새로운 디자인을 통해 필터 사용 비율과 사용자 수를 비교하여 접근성이 높아졌는지 측정.
결과
- 필터 사용 비율은 16%, 사용자 수는 2배 가량 증가.
- 개선 디자인이 접근성과 사용률 증가에 영향을 미친다는 것이 증명되어 서비스에 반영하기로 결정.
CASE 2. 카테고리 필터 사용성 높이기
문제 정의
문제 발견
카테고리 필터 기능 사용률이 낮은 문제.
원인 찾기
카테고리 수가 많고 모든 검색에 동일한 순서로 보여주고 있어 사용자가 원하는 카테고리를 찾아 입력하기 어려움.
가설 수립
검색어마다 카테고리 추천을 통해 적절한 순서로 보여준다면 필터 사용이 편리해져 카테고리 필터 사용률이 높아질 것이다.
해결 방법
- '사용자 행동 데이터'를 활용하여 검색 결과에 따른 카테고리 노출 순서를 변경.
- 1차 : 사용자의 검색 이후 '검색결과에 많이 등장하는 판매글의 카테고리 수'를 활용하여 카테고리 배치 순서 변경.
→ 사용자가 찾는 거래 글과 적합하지 않은 검색 결과들이 다수 존재해서 해당 데이터를 활용하기 적절하지 않다고 판단.


- 2차 : '검색 결과 수' 대신 '클릭 수'를 활용하여 카테고리 배치 순서 변경.
→ 검색어를 대상으로 검색 결과에 따라 적합한 카테고리를 상위에 노출시켜 필터 사용을 보다 편리하게 만듦.

검증 과정
A/B테스트를 진행하여 카테고리 추천을 통해 카테고리 필터 사용 비율을 비교하여 기존에 비해 사용성과 사용률이 높아졌는지 측정.
결과
- 카테고리를 추천한 실험 그룹의 카테고리 필터 사용 비율이 기존 대비 7% 증가.
- 개선안이 사용성 증가에 영향을 미친다는 것이 증명됨.
- 특히 기존 카테고리 노출 순서에서 식물 카테고리가 가장 아래에 위치해있었는데, ‘다육이’ 검색어의 카테고리 필터 사용성이 큰 폭으로 개선된 걸 확인할 수 있었음. (상기 이미지 참고)
CASE 3. 가격 필터 사용성 높이기
문제 정의
문제 발견
가격 필터 기능 사용률이 낮은 문제.
원인 찾기
사용자가 가격을 고민하고 직접 숫자를 입력해야 하기 때문에 사용이 불편함.
가설 수립
검색어마다 가격 구간 추천을 통해 버튼 형태로 보여주어 불편한 과정을 줄여준다면 필터 사용이 편리해져 가격 필터 사용률이 높아질 것이다.
해결 방법
- '사용자 행동 데이터'를 활용하여 사용자가 선호할 만한 가격 구간을 버튼 형태로 보여주고 클릭한 값들이 필터에 적용되도록 개선.
- '클릭이 밀집되어 있는 가격구간'을 추출하기 위해 분포와 밀집도를 반영하는 클러스터링 알고리즘을 활용.
- 구간을 제안하기 전에 검색 결과 수를 확인해 노출 여부를 정하는 과정도 추가.
→ 제안한 가격 구간 필터에 적용한 검색에 결과가 없어 불편함을 느끼지 않도록 함.


검증 과정
A/B테스트를 진행하여 가격 구간 추천을 통해 가격 필터 사용 비율을 비교하여 기존에 비해 사용성과 사용률이 높아졌는지 측정.
결과
- 가격 구간을 추천한 실험 그룹의 가격 필터 사용 비율이 기존 대비 11% 증가.
- 개선안이 사용성 증가에 영향을 미친다는 것이 증명됨.
출처
https://medium.com/daangn/%EC%A4%91%EA%B3%A0%EA%B1%B0%EB%9E%98-%EA%B2%80%EC%83%89-%ED%95%84%ED%84%B0-%EC%82%AC%EC%9A%A9%EC%84%B1-%EA%B0%9C%EC%84%A0%ED%95%98%EA%B8%B0-71c9e000cfa3
안녕하세요! 내일배움캠프 UI/UX 부트캠프 검색하다가 블로그 방문하게 되었는데,
저도 UI/UX 관심있어서 이번 3기 지원 해 보려고 합니다! 혹시 만족스러우신지 여쭤봐도 괜찮을까요?ㅜ 내용과 관련없는 댓글 죄송합니다 !