검색 UX 디자인은 사용자가 무엇을 찾는지 아직 스스로도 명확히 모르는 상태에서 시작된다. 검색창에 처음 타이핑하는 순간부터 결과를 받아들이거나 다시 검색하는 순간까지, 사용자는 계속해서 자신의 의도를 다듬어간다. 좋은 검색 경험은 그 다듬는 과정을 최대한 짧게 만들어주는 데 있다. 메뉴를 눌러 찾아가는 탐색과 달리 검색은 사용자가 먼저 언어로 의도를 던지는 행위이기 때문에, 화면 설계보다 언어와 데이터를 다루는 감각이 더 중요해지는 영역이기도 하다.
1. 자동완성이 줄이는 것과 늘리는 것
자동완성은 타이핑 수고를 줄여주는 기능처럼 보이지만, 실제 역할은 그보다 크다. 모바일 환경처럼 입력 자체가 번거로운 화면에서는 자동완성 품질이 검색 완료율을 좌우하는 핵심 변수가 되기도 한다. 사용자가 정확한 단어를 모를 때도 검색을 완성할 수 있게 돕고, 다른 사용자들이 자주 찾는 검색어를 보여줌으로써 미처 생각하지 못한 옵션을 제안하기도 한다. 다만 추천 목록이 너무 길거나 관련 없는 항목이 섞이면 오히려 선택을 늦추는 요인이 된다.
추천 항목의 순서도 신중하게 설계해야 한다. 인기순으로만 정렬하면 개인의 맥락을 놓치고, 개인화만 앞세우면 새로운 사용자에게는 텅 빈 추천 목록을 보여주게 된다. 실무에서는 최근 검색어, 인기 검색어, 카테고리 추천을 구간별로 나눠 배치하는 방식이 널리 쓰인다.
추천 목록의 개수도 성능에 영향을 준다. 항목이 지나치게 많으면 사용자가 하나씩 훑어보는 데 시간이 걸려 오히려 타이핑을 이어가는 것보다 느려진다. 화면 크기와 상관없이 상위 5~8개 안팎으로 추천을 제한하는 서비스가 많은 이유다. 또한 오타를 감지해 교정된 검색어를 함께 보여주는 기능은 사용자가 정확한 철자를 몰라도 검색을 포기하지 않게 만드는 안전망 역할을 한다.
2. 필터가 선택을 돕는 순간과 방해하는 순간
필터는 검색 결과가 너무 많을 때 유용하지만, 필터 항목 자체가 너무 많아지면 사용자는 필터를 고르는 데에도 피로를 느낀다. 이때 자주 쓰는 해법은 필터를 한 번에 전부 노출하지 않고, 사용 빈도가 높은 몇 가지만 먼저 보여준 뒤 나머지는 접어두는 방식이다. 알림 디자인에서 방해와 정보 사이의 균형을 맞추는 원칙과 비슷한 접근이다.
필터를 적용한 뒤에는 현재 적용된 조건이 눈에 보이도록 남겨두는 것도 중요하다. 조건을 걸어놓고도 화면 어디에도 그 조건이 표시되지 않으면, 사용자는 왜 결과가 이렇게 나왔는지 이해하지 못한 채 필터를 다시 초기화해버린다.
필터 항목의 순서 역시 카테고리 특성에 맞춰 조정해야 한다. 쇼핑몰이라면 가격대와 사이즈처럼 구매 결정에 직결되는 필터를 상단에, 브랜드처럼 취향 문제인 필터를 하단에 배치하는 식이다. 모든 카테고리에 같은 필터 순서를 기계적으로 적용하면 정작 자주 쓰이는 조건이 스크롤 아래로 밀려나는 문제가 생긴다.
사용 빈도가 높은 필터만 우선 노출한다
적용된 필터 조건을 결과 화면에 계속 표시한다
필터 초기화 버튼을 눈에 띄는 위치에 배치한다
3. 검색 결과가 없을 때의 디자인
검색 UX에서 가장 소홀히 다뤄지는 화면은 결과가 하나도 없을 때다. 빈 화면에 “검색 결과가 없습니다”라는 문구만 남기면 사용자는 다음 행동을 스스로 찾아야 한다. 검색어를 다르게 제안하거나, 철자 오류를 감지해 대안을 보여주거나, 관련 카테고리로 이동할 수 있는 링크를 남겨두는 것만으로도 이탈을 크게 줄일 수 있다.
결과가 없는 상황을 실패로만 다루지 않는 관점도 필요하다. 검색어와 결과가 계속 어긋난다는 것은 사용자가 원하는 상품이나 콘텐츠가 실제로 부족하다는 신호이기도 하다. 검색 로그를 주기적으로 살펴 결과 없음이 반복되는 검색어를 모아두면, 콘텐츠 기획이나 상품 구성에 필요한 단서로 활용할 수 있다.
검색 UX 점검 체크리스트
자동완성 추천 순서 기준이 명확히 정의되어 있는가
필터 조건이 결과 화면에 계속 표시되는가
검색 결과 없음 화면에 대안 행동이 제시되는가
오타나 유사 검색어를 감지해 대안을 제안하는가
💡 실무 포인트 — 검색 결과가 없는 화면을 빈 화면으로 남기지 말 것. 대안 검색어나 관련 카테고리를 제시하는 것만으로도 사용자 이탈을 크게 줄일 수 있다.
마치며
검색창은 작은 입력 필드 하나처럼 보이지만, 그 뒤에는 사용자의 의도를 해석하고 좁혀가는 복잡한 여정이 숨어 있다. 자동완성과 필터를 설계할 때마다 이 여정의 어느 지점을 돕고 있는지 다시 물어보는 습관이 필요하다. 결과 화면 하나를 예쁘게 꾸미는 것보다, 사용자가 입력한 몇 글자 안에서 진짜 의도를 읽어내는 데 더 많은 시간을 쓰는 편이 검색 경험 전체를 바꾼다.
Design Daily Life · 디자인의 일상을 기록합니다
한국에 온 외국인 친구가 있나요? 메뉴 번역·택시 요금·약국 카드가 한 앱에 있는 K-OREA를 알려 주세요.
Visiting Korea? K-OREA puts menu scanning, taxi fare guidance and a pharmacy card in one app. Get it on the App Store.