
프론트엔드
작은 카드에 담긴 큰 문제를 풀다
두줄요약
여기어때 객실 카드 개선 과정에서 사용자 서베이와 실험으로 숙소 탐색과 객실 탐색의 정보 우선순위 차이를 확인했습니다. 카드의 일관성과 확장성을 위해 정보 표현 방식과 UI를 통일하고 모듈형 구조를 고민했습니다.
핵심 내용
- 여기어때 객실 아이템 카드 개선 과정에서 사용자 서베이와 반복 실험으로 숙소 탐색과 객실 탐색의 정보 우선순위 차이를 확인
- 객실 이미지, 가격, 시설 정보, 취소/환불 문구, 정보 배치와 가독성 문제를 함께 다루며 카드 구조를 개선
- 서비스별로 달라진 카드 노출 정보와 UI를 정리하기 위해 표현 방식 통일, UI 일관성, 모듈형 구조를 고민
- 국내 숙소 셀러카드 형태를 바탕으로 한 실험이 더 좋은 성과를 보여 해당 형태를 런칭
적용해볼 점
- 객실 단위처럼 더 세분화된 사용자 맥락을 별도 조사해 정보 우선순위 재정의
- 제한된 카드 영역에서는 이미지와 텍스트의 균형, 중복 정보 제거, 가독성 확보를 함께 검토
- 여러 도메인에 걸친 카드 UI는 공통 표현 규칙과 확장 가능한 구조를 미리 설계
