왜 자동완성이 중요할까
모바일 키보드는 오타가 잦고 입력이 느려서, 몇 글자만 치고 원하는 검색어를 고를 수 있으면 수고가 크게 줄어요. 바스트와 베버(2006)의 연구 제목처럼 '덜 치고 더 찾게' 하는 게 목표예요. 자동완성은 철자를 몰라도 검색할 수 있게 해 주고, 사이트에 어떤 것이 있는지 미리 보여주는 역할도 해요. 다만 입력할 때마다 즉시 바뀌어야 의미가 있어서 응답 속도가 매우 중요해요. 검색 화면 전반은 모바일 검색 UX를 참고하세요.
제안 개수와 순서
힉(1952)의 법칙처럼 선택지가 많을수록 고르는 시간이 늘어요(힉의 법칙). 모란(2018)은 제안을 10개 이하로, 모바일에서는 더 적게 두라고 권해요. 호프만과 동료들(2014)의 시선 추적 연구에서 사람들은 위쪽 몇 개만 주로 봤기 때문에, 카이와 더레이크(2016)가 정리한 순위 방법으로 가장 그럴듯한 제안을 맨 위에 둬야 해요. 입력한 부분이 아니라 '새로 붙는 부분'을 굵게 하면 차이를 빨리 읽을 수 있어요.
모바일과 접근성
제안 행은 파히와 동료들(2006)의 연구처럼 엄지로 누르기 충분한 높이로 만들고(터치 타깃 크기), 키보드에 가려지지 않게 위쪽에 보여줘요. 오타를 고쳐 주는 제안이나 '최근 검색어 삭제' 버튼도 도움이 돼요. 웹에서는 ARIA 콤보박스 패턴(W3C, n.d.)대로 입력란에 역할과 aria-expanded를 주고, 방향키로 제안을 오갈 수 있게 해야 화면낭독기 사용자도 쓸 수 있어요.
자주 묻는 질문
- 제안은 몇 개가 적당한가요?
- 모바일에서는 키보드에 가리지 않도록 5~8개 정도가 일반적이에요.
- 입력한 글자를 굵게 해야 하나요?
- 보통은 입력한 부분이 아니라 새로 제안되는 나머지 부분을 강조하면 차이를 더 빨리 읽어요.
출처 검토일: 2026-10-27
참고문헌
- Moran, K. (2018, May 20). Site search suggestions. Nielsen Norman Group. 검색 제안의 개수, 강조 방식, 키보드 조작 지침을 정리한 글이라, 자동완성 목록 설계에 참고하면 도움이 돼요.
- Bast, H., & Weber, I. (2006). Type less, find more: Fast autocompletion search with a succinct index. In Proceedings of the 29th Annual International ACM SIGIR Conference on Research and Development in Information Retrieval (pp. 364–371). ACM. 입력하는 동안 빠르게 결과를 찾는 자동완성 색인 연구라, 응답 속도의 중요성을 설명할 때 참고하면 도움이 돼요.
- Cai, F., & de Rijke, M. (2016). A survey of query auto completion in information retrieval. Foundations and Trends in Information Retrieval, 10(4), 273–363. 검색어 자동완성의 순위 매기기 방법을 정리한 리뷰라, 어떤 제안을 위에 둘지 정할 때 참고하면 도움이 돼요.
- Hofmann, K., Mitra, B., Radlinski, F., & Shokouhi, M. (2014). An eye-tracking study of user interactions with query auto completion. In Proceedings of the 23rd ACM International Conference on Information and Knowledge Management (pp. 549–558). ACM. 사용자가 제안 목록의 위쪽 항목에 시선을 집중한다는 시선 추적 연구라, 제안 순서의 중요성을 볼 때 참고하면 도움이 돼요.
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 선택지가 많을수록 결정 시간이 늘어난다는 고전이라, 제안 개수를 제한하는 근거로 참고하면 도움이 돼요.
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 엄지 타깃 크기 연구라, 모바일 제안 행의 높이를 정할 때 참고하면 도움이 돼요.
- World Wide Web Consortium. (n.d.). Combobox pattern. ARIA Authoring Practices Guide. 자동완성 입력란의 역할과 키보드 동작을 정의해, 화면낭독기가 제안을 읽게 할 때 참고하면 도움이 돼요.