[iOS] Human Interface Guidelines - Views - Action Sheets 정리

안녕하세요 Hani입니다.

이번에는 HIG의 Views - Action Sheets에 대하여 다뤄볼 거예요. ☺️

 

 

 

Action Sheet는 UIAlertController에서 alert를 보여주기 위한 스타일 중 하나예요.

사용자가 작업을 초기화하도록 만들거나 삭제 작업을 수행하기 전에 확인을 요청할 때 사용합니다. ☺️

 

작은 화면에서 Action Sheet는 화면 하단에서 위로 올라오고,

큰 화면에서는 한 번에 popover로 나타납니다.

 

 

Action Sheet를 사용할 때 지켜야 할 사항을 알아볼까욥 😎

Provide a Cancel button if it adds clarity. 

Cancel 버튼은 Action Sheet의 최하단에 포함되어야 해요.

 

 

Make destructive choices prominent.

삭제하거나 위험한 작업인 경우 빨간색 버튼을 사용하여 눈에 띄도록 만들어야 합니다.

이 버튼은 Action Sheet의 최상단에서 보여줘야 해요.

 

 

Avoid enabling scrolling in an action sheet.

Action Sheet가 너무 많은 선택지를 갖고 있으면 사용자는 모든 선택지들을 보기 위해 스크롤할 수밖에 없어요. 🥺

스크롤은 선택지를 고르는데 필요한 시간을 증가시키고 실수로 버튼을 누를 가능성이 생기기 때문에

Action Sheet에서 스크롤은 지양해야 합니다. 

 

---

References

https://developer.apple.com/design/human-interface-guidelines/ios/views/action-sheets/