• 사례 작성일 : 2022년 09월
  • 사례에 포함된 서비스 : 홀릭스
  • OS 정보 : 안드로이드
  • 버전 정보 : 6.5.2
  • 카테고리 : 검색
  • 내용 : 개별 검색 결과를 통합 검색 제공으로 변경한 사례

홀릭스는 자기 계발을 할 수 있는 채팅 기반 커뮤니티 서비스입니다. 저도 뉴스레터 관련 공간을 운영하고 있는데요. 다양한 주제가 오픈되어 있고, 오픈 채팅 등에 비해 기능 역시 잘 갖춰져 있어 정보를 습득하고 논의하기 위해 커리어리와 함께 제가 자주 사용하고 있는 서비스입니다.

얼마 전, 홀릭스가 탐색(검색 포함) 화면을 개선한 것을 봤는데, 기존에 ‘검색 화면 개선’에 대해 소개한 내용과 유사한 부분들이 많아 따로 정리하고자 합니다. 제가 소개했던 검색 화면 개선 사례의 절반 이상은 ‘탭 구분’을 없애고 화면을 통합하는 작업이었어요. 검색 결과를 각각의 탭으로 나눠 보여주던 것을 통합으로 보여주고 필터 등을 통해 사용자가 원하는 조건을 추가할 수 있는 방법이기도 합니다.

가장 최근에 공유한 사례는 ‘왓챠’로 검색 화면 내 3가지 탭을 하나로 통합한 것을 알 수 있습니다. 홀릭스의 기존 탐색 화면은 클럽, 코칭, 클래스 등 세 가지 탭으로 구분되어 있으며 상단에 검색창이 적용된 구성이었어요. 검색창은 탭 구분과 별개로 적용되어 있지만, 플레이스 홀더는 탭에 따라 내용이 달라졌습니다. 클럽 탭을 보고 있다면 ‘어떤 클럽을 찾고 싶으신가요?’등이 적용된 것처럼 말이죠.

탐색의 의미를 갖고 있는 화면이라, 탭을 통해 대표적인 구분을 미리 안내할 수 있다는 점에서는 좋지만, 사용자가 탭을 활용하지 않거나 탭을 하나씩 선택하는 것 자체가 추가 행동을 필요로 하기에 불편하게 느껴지는 단점도 있습니다. 검색 결과 역시 전체를 먼저 보여주지 않고, 클럽과 코칭 그리고 클래스에 따라 확인이 가능하고요.

이런 구성이, 최근 버전에서 많이 변경되었습니다. 우선 탐색 화면의 탭이 하나로 통합되었어요. 이제 한 화면에서 스크롤에 따라 이곳에서 제공하는 주요 콘텐츠나 클럽, 카테고리, 인기 키워드 등을 확인할 수 있습니다. 이 방법은 스크롤에 따라 자연스레 주요 내용을 확인할 수 있다는 장점이 있어요. (다만, 모두 동일한 구성으로 제공하거나 유사한 내용을 반복해서 보여줄 경우 각 영역에 해당하는 내용이 눈에 잘 띄지 않는다는 점은 고려해야 합니다.)

검색 결과 역시 ‘전체’ 결과를 먼저 보여주는 것으로 적용되었네요. 이렇게 전체 내용을 먼저 보여줄 경우, 검색 대상이 무엇인지 쉽게 학습할 수 있고, 원하는 곳으로 바로 이동할 수 있다는 장점이 있다고 생각합니다.

👍 함께 읽어보면 좋은 글!