topic★★★★★난이도

Dropdown

'아래로 떨어지다' — 선택 시 목록이 펼쳐지는 UI.

#dropdown#드롭다운#선택

Dropdown은 'drop(떨어지다) + down(아래로)'의 합성어다. 1984년 애플 매킨토시의 메뉴 바에서 메뉴 이름을 클릭하면 아래로 목록이 '떨어져 내려오는' 인터랙션이 이 이름의 시초다. 물리적으로는 자판기에서 버튼을 누르면 아래로 물건이 떨어지는 이미지와 통한다.

실제 사물	UI 패턴
자판기에서 물건이 아래로 떨어짐	클릭하면 목록이 아래로 펼쳐짐
접힌 우산을 펼침	트리거를 클릭하면 옵션이 나타남
선택 후 자동으로 닫힘	항목 선택 후 목록이 접힘

사용 가이드라인: 5개 이상의 선택지 중 하나를 고를 때 적합하다. 선택지가 3개 이하면 라디오 버튼이 더 직관적이다. 검색이 필요한 긴 목록(국가 선택 등)은 검색 가능한 Combobox로 발전시킨다. 드롭다운 안에 드롭다운을 중첩하면 사용성이 급격히 나빠진다.