드롭다운(Drop-down)

드롭다운은 사용자가 선택할 수 있는 여러 옵션들을 목록 형태로 표시하는 UI 컴포넌트다. 사용자가 드롭다운 메뉴를 클릭하면, 이용 가능한 옵션들이 목록으로 펼쳐진다.
Android에서는 Menus라고 불린다.

사용 예시

드롭다운은 폼에서 사용자에게 여러 선택지 중 하나를 선택하게 할 때 주로 사용된다. 예를 들어, 사용자가 국가, 성별, 연령 등을 선택해야 하는 경우 드롭다운 메뉴를 통해 간편하게 옵션을 선택할 수 있다.

주의점

  • 드롭다운 메뉴에는 선택할 수 있는 옵션이 너무 많지 않아야 한다. 너무 많은 옵션은 사용자를 혼란스럽게 하며, 원하는 선택을 찾는 데 시간이 더 걸릴 수 있다.
  • 드롭다운 메뉴의 옵션들은 논리적으로 정렬되어야 한다. 이는 사용자가 원하는 옵션을 쉽게 찾을 수 있게 돕는다.
  • 드롭다운 메뉴의 크기와 디자인은 앱의 전체 디자인과 잘 조화되어야 한다.

참조

머티리얼디자인 : https://m3.material.io/components/menus/overview
부트스트랩 : https://getbootstrap.kr/docs/5.0/components/dropdowns/
w3schools : https://www.w3schools.com/css/css_dropdowns.asp