Action sheets
액션 시트는 사람들이 시작한 작업과 관련된 선택 사항을 표시하는 모달 뷰이다.
사용자에게 여러 선택 사항을 제공하며, 이를 통해 특정 작업을 수행하도록 유도할 수 있.
Best practices
-
작업과 관련된 의도적인 선택지를 제공할 때는 알럴트 대신 액션 시트를 사용해라.
: 액션 시트는 더 많은 선택지를 제공, 알럴트는 예상치 못한 문제나 상황 변경을 알리는 데 사용 -
액션 시트 사용은 절제해야 한다.
: 중요한 정보와 선택지를 제공하지만, 현재 작업을 방해할 수 있음 -
제목은 한 줄에 표시할 수 있을 정도로 짧게 유지
: 제목이 길면 빠르게 이해 불가 -
필요한 경우에만 메시지를 제공
: 제목과 선택지만으로 이해 가능한 경우가 많음, 이해가 불가할 경우에만 메시지를 제공해라 -
파괴적인 작업을 수행하는 경우 취소 버튼을 제공
: 데이터를 파괴하는 작업의 경우 파괴를 방지하기 위해 '취소' 버튼을 제공하는것을 권장 -
파괴적인 선택지는 시각적으로 눈에 띄게 표현
: 파괴적인 버튼에는 파괴적인 스타일을 사용, 이러한 버튼은 액션 시트의 가장 눈의 잘 띄는 상단에 배치
iOS, iPadOS
-
작업과 관련된 선택지를 제공할 때는 메뉴가 아닌 액션 시트를 제공
:사용자는 명확한 선택이 필요한 작업을 수행할 때는 액션 시트를 기대, 사용자 경험 개션 -
스크롤 피하기
: 버튼이 많아지면 선택을 하는 데 필요한 시간과 노력 증가, 스크롤은 의도치 않게 버튼을 탭할 수 있음, 가능한 스크롤 하지 않도록 디장니 하는것을 권장
watchOS
watchOS에서의 액션 시트 구성 요소:
- 재목(Title): watchOS의 액션 시트에는 주로 어떤 작업을 수행하는데 필요한 제목이 포함 됨
- 옵셔널 메시지(Optional Message): 필요한 경우 추가적인 설명이나 안내를 담은 옵셔널 메시지 포함 가능
- 취소 버튼(Cancel Button): 사용자가 현재 작업을 취소하거나 나가기를 선택할 수 있도록 취소 버튼 포함 가능
- 추가적인 버튼(Additional Buttons): 하나 이상의 추가적인 버튼으로 사용자에게 다양한 선택지 제공
각 버튼은 시스템 정의 3가지 스타일이 있음
- 기본(Default): 사용자에게 일반적인 선택을 할 수 있게 함
- 파괴(Destructive): 사용자가 데이터를 파괴하거나 앱에서 파괴적인 작업을 수행. 주의해서 사용해야 함, 사용자에게 중요하고 영향력 있는 작업을 수행한다는 경고 역할
- 취소(Cancel): 어떤 작업도 수행하지 않고 현재 뷰를 닫음
액션 시트 버튼 수 제한
- 취소 버튼을 포함하여 최대 네 개 까지만 버튼을 표시해라
: 버튼이 적을수록 사용자가 옵션을 빠르게 파악, 취소 버튼이 필수이므로 추가적으로 제공되는 선택지는 세 개를 초과하지 않도록 해라
