Back_to_Basics

{3줄 요약}

검색은 내비게이션이 닿지 않을 때 사용자가 꺼내는 보완 도구이자, 그 순간 경험을 지키는 마지막 보루예요.
좋은 검색 UX는 짧은 키워드와 오타에도 버티도록 자동완성·연관어·오타 교정으로 의도를 따라가요.
검색 결과 화면은 목록이 아니라 고르기까지 포함한 탐색 구간이라, 정렬·필터·빈 상태 안내가 경험의 절반을 좌우해요.

검색이 필요한 순간을 이해해야 해요

사람들이 검색을 쓰는 순간은 크게 세 가지예요.

명확한 목표가 있을 때: "토스 고객센터 전화번호"처럼 정확히 뭘 찾는지 알아요.
이 경우 첫 번째 결과가 바로 원하는 것이어야 해요.

탐색 중일 때: "갈치조림 배달"처럼 넓은 범주를 입력하고 결과를 보면서 좁혀가요.
필터와 정렬이 중요해요.

발견 중일 때: "요즘 인기 있는 한식"처럼 무엇이 있는지 모르고 탐색해요.
카테고리 탐색이나 추천이 오히려 더 잘 맞는 경우도 있어요.

많은 사람들이 검색을 "키워드 → 결과" 단순 연결로 생각해요.
하지만 사용자 의도가 이렇게 다양하기 때문에 검색 UX는 의도를 먼저 이해하는 설계가 필요해요.

검색 입력창이 보내는 신호들

검색창 하나에도 설계 결정이 많이 담겨 있어요.

위치와 크기: Steve Krug는 《Don't Make Me Think》에서 검색창은 찾기 쉬운 곳에, 충분히 길게, 명확한 버튼과 함께 있어야 한다고 말해요. 검색이 중요한 서비스라면 화면 상단 중앙에 크게 두는 게 맞아요.

네이버 앱을 열면 화면 전체의 35% 이상을 검색창과 검색 관련 요소가 차지해요.
검색이 핵심 행동임을 화면 구조가 말해줘요.
반면 토스 앱은 검색창이 눈에 잘 안 보여요.
토스에서 주요 행동은 탐색이 아니라 이체·충전처럼 직접적인 행동이기 때문이에요.

플레이스홀더 텍스트: "검색어를 입력하세요"는 아무 정보가 없어요.
"음식, 식당, 주소 검색"처럼 무엇을 검색할 수 있는지 알려주는 게 더 좋아요.

자동완성: 사용자가 타이핑하면서 나타나는 제안이에요.
자동완성의 역할은 타이핑을 줄여주는 것뿐 아니라 "이런 것도 찾을 수 있어요"를 보여주는 것이에요.
특히 처음 쓰는 사용자에게 서비스의 범위를 알려줘요.

검색 결과 페이지 — "찾기"가 끝나는 곳이 아니에요

검색 결과를 보여주는 방식이 경험의 절반이에요.

정렬 기본값: "관련도순"이 기본이어야 할까요, "최신순"이어야 할까요?
서비스에 따라 달라요.
쿠팡처럼 구매가 목적이라면 관련도 + 판매량이 기본값으로 맞아요.
네이버 뉴스처럼 최신 정보가 중요하면 최신순이 맞아요.

필터와 정렬 위치: 결과가 많을 때 사용자가 좁혀갈 수 있어야 해요.
필터가 너무 깊은 곳에 숨어 있으면 사용자는 좁혀가는 대신 그냥 포기해요.
배달의민족은 검색 결과 상단에 "거리순 · 별점순 · 리뷰많은순" 탭을 바로 보여줘요.
한 번의 탭으로 정렬 방식을 바꿀 수 있어요.

결과 없음 처리: 아무 결과가 없을 때 "결과가 없습니다"만 보여주면 안 돼요.
가능한 행동을 안내해야 해요.
"검색어를 바꿔보세요", "이런 건 어떤가요?" 같은 제안이 사용자를 붙잡아요.
배달의민족에서 검색 결과가 없을 때 유사 카테고리를 추천해주는 게 좋은 예예요.

강조 표시: 결과 목록에서 사용자가 입력한 검색어를 Bold나 색으로 강조하면 "이게 맞는 결과다"라는 확신을 줘요.
네이버 검색에서 검색어 부분이 파란색으로 강조되는 게 이 역할이에요.

검색이 실패하는 흔한 이유들

오타를 허용하지 않아요: 사용자가 "갈치조림"을 "갈치조린"으로 입력했을 때 "결과 없음"이 뜨면 안 돼요.
자동 교정 또는 "혹시 이걸 찾으셨나요?" 제안이 있어야 해요.

동의어를 처리하지 않아요: "스니커즈"와 "스니커"가 다른 결과를 보여주면 안 돼요.
"운동화"로 검색해도 같은 상품이 나와야 해요.

검색 범위가 불명확해요: 음식 배달 앱에서 "강남"을 검색했을 때 음식점이 나오는지, 주소가 나오는지, 아니면 둘 다 나오는지 알 수 없으면 혼란스러워요.

결과를 로딩하는 동안 아무것도 안 보여요: 결과가 뜨기 전에 로딩 인디케이터나 스켈레톤 UI가 있어야 해요.
빈 화면만 보이면 사용자는 "작동 안 하나?"라고 느껴요.

검색 UX는 정보 구조(IA)와 직결돼요. → 정보 구조(IA). 검색 결과의 시각적 구성은 → Visual Hierarchy와 연결돼요.

참고 문헌

Steve Krug, 《Don't Make Me Think》(2014) — 검색창 설계와 사용자 스캔 패턴의 핵심 원칙이에요.
Peter Morville & Louis Rosenfeld, 《Information Architecture for the Web and Beyond》 — 검색 시스템 설계의 이론적 기반이에요.