Web Guide사이트 검색검색 UI검색 결과
검색 기능 UI 설계: 결과 화면이 더 중요하다
검색창을 만드는 것은 쉽고, 쓸 만한 결과를 보여주는 것이 어렵습니다.
검색했는데 결과가 없거나 엉뚱한 것이 나오면, 방문자는 사이트 전체를 신뢰하지 않게 됩니다.
01검색이 정말 필요한가
페이지가 스무 개인 사이트에 검색창을 두면 거의 쓰이지 않습니다. 메뉴로 다 찾을 수 있기 때문입니다.
콘텐츠가 많고 분류만으로는 찾기 어려운 경우에 검색이 의미를 갖습니다.
검색이 필요한 사이트
제품·자료가 수백 건 이상 · 게시물이 계속 쌓임 · 방문자가 특정 항목을 찾으러 옴 · 분류만으로는 못 찾음
검색이 불필요한 사이트
페이지 수십 개 · 메뉴로 다 접근 가능 · 소개형 기업 사이트 · 검색창이 있어도 거의 안 쓰임
02결과 화면이 핵심이다
검색 결과가 제목만 나열되어 있으면 어느 것이 내가 찾는 것인지 알 수 없습니다. 어떤 정보를 함께 보여주느냐가 사용성을 결정합니다.
특히 검색어가 어디에 나왔는지 보여주면 판단이 빨라집니다.
1
결과 건수
'검색 결과 23건'. 얼마나 되는지 먼저 알려줍니다.
2
검색어 강조
본문 중 검색어가 포함된 부분을 보여주고 강조합니다.
3
유형 표시
제품인지 게시물인지 페이지인지 구분합니다.
4
썸네일
제품이나 사진이 있는 콘텐츠는 이미지가 있으면 훨씬 빠릅니다.
5
정렬 옵션
정확도순, 최신순. 기본은 정확도순.
6
유형별 필터
결과가 많으면 유형으로 좁힐 수 있게 합니다.
03결과가 없을 때가 가장 중요하다
'검색 결과가 없습니다'로 끝나면 방문자는 그냥 나갑니다. 다음에 무엇을 할 수 있는지 제시해야 합니다.
그리고 결과 없는 검색어를 기록해 두면, 무엇을 보강해야 할지 알 수 있습니다.
검색어 확인 안내오타나 띄어쓰기를 다시 확인하라고 안내합니다.
추천 검색어비슷한 단어나 인기 검색어를 제시합니다.
인기 콘텐츠많이 찾는 항목을 대신 보여줍니다.
문의 유도'찾으시는 것이 없다면 문의해 주세요' + 버튼.
검색어 기록결과 없는 검색어를 모아 콘텐츠 보강에 활용합니다.
04검색창 자체의 설계
검색창은 찾기 쉬운 곳에 있어야 하고, 무엇을 검색할 수 있는지 알려주면 좋습니다.
입력 중에 추천어를 보여주면 오타를 줄이고 원하는 결과에 빨리 도달합니다.
점검 항목
위치
상단 우측이 관례입니다. 찾기 쉬운 곳에.
안내 문구
'제품명, 모델명으로 검색'처럼 무엇을 찾을 수 있는지 알려줍니다.
자동완성
입력 중 추천어 제시. 오타를 줄입니다.
최근·인기 검색어
빈 검색창을 눌렀을 때 보여줄 수 있습니다.
모바일
아이콘만 두고 누르면 펼쳐지는 방식이 공간 절약에 유리합니다.
CHECK POINT
□ 검색이 실제로 필요한 규모의 사이트인가
□ 결과 화면에 건수와 검색어 강조가 있는가
□ 결과에 유형 구분과 썸네일이 있는가
□ 결과가 없을 때 다음 행동을 제시하는가
□ 결과 없는 검색어를 기록하고 있는가
□ 검색창에 무엇을 찾을 수 있는지 안내가 있는가
□ 자동완성이 동작하는가
#사이트 검색#검색 UI#검색 결과#결과 없음#자동완성#검색어 분석#사용성#홈페이지 디자인#웹비스타#홈페이지 제작