리스트 타입은 정보를 순차적으로 표시하기 위해 사용되는 UI 요소다. 주로 항목 목록, 메뉴, 태그, 할 일 목록 등 다양한 형태로 사용된다.
사용 예시
리스트 타입은 웹사이트의 사이드바 메뉴, 블로그의 글 목록, 앱의 설정 항목, 할 일 목록 등에서 사용된다. 사용자는 리스트 타입을 통해 순차적인 정보를 시각적으로 파악하고 선택할 수 있다.
주의점
- 리스트 항목은 명확하고 간결하게 표시되어야 한다. 각 항목은 이해하기 쉬운 텍스트와 시각적으로 구분되는 아이콘 또는 마커로 구성되어야 한다.
- 긴 목록의 경우 스크롤이 가능하도록 디자인해야 사용자가 모든 항목을 볼 수 있다. 더 많은 항목을 표시하기 위해 ‘더 보기’ 버튼 또는 페이징을 고려할 수 있다.
- 리스트 항목의 순서와 구조는 사용자에게 의미 있는 방식으로 구성되어야 한다. 항목 간의 계층 구조, 들여쓰기, 드롭다운 메뉴 등을 활용하여 정보의 구조를 명확히 전달할 수 있다.
참조
- 머티리얼 디자인 : https://m3.material.io/components/lists/overview
- Bootstrap List Group : https://getbootstrap.com/docs/5.0/components/list-group/