• 사례 작성일 : 2022년 07월
  • 사례에 포함된 서비스 : 리디
  • OS 정보 : 안드로이드
  • 버전 정보 : 22.6.2.1
  • 카테고리 : 검색
  • 내용 : 검색 과정에 따라 사용자가 집중해야 하는 대상을 명확히 구분

오랜만에 리디에서 대여 가능한 도서를 검색하는 과정에서 눈에 띄는 점을 발견했어요. 먼저, 검색어를 입력하는 단계입니다. 하단 ‘검색’ 메뉴를 선택하면, 검색 화면으로 이동하게 되는데 이때 검색어를 입력하는 공간을 리디의 핵심 컬러로 적용한 것을 알게 되었습니다. 지금 단계는 사용자가 원하는 ‘검색어’를 입력하는 과정이기에 이 행동에 집중할 수 있는 환경을 제공한다는 생각이 들었어요. 검색어를 입력하는 공간과, 입력 후 검색 결과를 보게 되는 공간을 분리해 현재 행동(검색어 입력)에 더 초점을 맞출 수 있었습니다.

검색어를 입력한 이후의 과정도 살펴봤습니다. 검색어를 입력하면 대표 검색 결과를 인풋박스 하단으로 보여주는데요. 이때 전체 검색 결과는 어둡게 처리해 주요 정보를 먼저 확인할 수 있도록 안내합니다. 검색어 입력 – 주요 결과 확인으로 이어지는 과정에서 시선이 분산되지 않도록 해주는 역할을 하고 있다고 생각합니다.

검색 결과 전체를 보는 화면으로 들어서면 기존에 리디 주요 컬러로 강조 되었던 검색어 입력 공간은 흰 배경으로 돌아오고, 검색 결과에 집중할 수 있는 환경을 제공합니다. 검색어를 다시 입력하는 등 이전 단계로 돌아갈 가능성도 있지만, 우선은 입력한 검색어에 해당하는 결과를 더 구체적이고 명확하게 보는 것이 중요하기 때문이라는 판단이 있었던 것 같아요.

검색 결과는 전체를 기준으로 카테고리에 따라 탭 단위로 이동해 1차 구분이 가능하며, 인기순 등의 정렬과 대여 가능한 도서만 확인할 수 있는 필터 등을 제공합니다. 검색어를 입력해, 원하는 최종 대상을 확인하는 과정을 세분화해 각 단계에 집중할 수 있는 환경을 제공하는 사례가 아닐까 싶네요!

👍 함께 읽어보면 좋은 글!