폼에 정말 드롭다운이 필요한가

Nielsen Norman Group의 Huei-Hsin Wang이 폼 설계에서 습관처럼 쓰이는 드롭다운 리스트를 다시 도마에 올렸습니다. 드롭다운은 만능처럼 보이지만, 실제로는 선택지를 클릭 뒤에 숨겨 매 선택마다 마찰을 더합니다. 잘못 쓰면 대안보다 오히려 더 해로울 수 있다는 것이 핵심입니다.

"드롭다운은 선택 가능한 옵션을 클릭 뒤에 숨겨, 매 선택마다 마찰을 더한다."Huei-Hsin Wang, Nielsen Norman Group

왜 중요한가

글은 상황별 기준을 제시합니다. 선택지가 5개 미만이면 라디오 버튼으로 모두 드러내고, 15개를 넘으면 필터가 되는 콤보박스가 낫습니다. 나이·생년월일처럼 예측 가능한 값은 그냥 텍스트 입력이 빠르고, 옵션을 눈으로 비교해야 한다면 버튼으로 펼쳐 보여야 합니다. 드롭다운이 빛나는 구간은 5~10개 정도의 옵션이 있고 그 필드가 주 작업의 곁가지일 때로 의외로 좁습니다.

실무 적용

폼을 만들 때 '드롭다운을 쓸까'가 아니라 '이 필드에 드롭다운이 정말 최선인가'를 먼저 물으세요. 옵션 수, 데이터의 예측 가능성, 비교 필요성, 필드의 중요도라는 네 가지 잣대로 컨트롤을 고르면 클릭 수와 인지 부담을 동시에 줄일 수 있습니다. 특히 모바일에서는 숨겨진 옵션이 더 큰 마찰이 되므로 기본값처럼 드롭다운을 던지는 습관을 경계해야 합니다.

교차 참고

• Nielsen Norman Group: Listboxes vs. Dropdown Lists — 여러 개를 동시에 고를 땐 드롭다운 대신 리스트박스가 맞는 이유를 함께 봅니다.
• Nielsen Norman Group: Dropdowns — Design Guidelines — 드롭다운을 꼭 써야 할 때 지켜야 할 기본 설계 원칙을 보완합니다.

Wemeet의 관점

Wemeet은 폼을 설계할 때 컨트롤을 '기본값'으로 두지 않습니다. 드롭다운은 익숙해서 안전해 보이지만, 사용자의 손가락과 눈에는 매번 비용을 물립니다 — 가장 좋은 입력은 고민 없이 끝나는 입력입니다.