How to make great Modals in iOS? - Human Interface Guideline Series
Hey guys Leo here,
Today we'll talk about modality, just some insights for your apps. It's very important you have this feature in your app's flow when you need to change the user focus to a single actionable sub-task of your current flow, examples could be an alert or a create an email.
First of all there's two types of great modals: Sheet and Fullscreen .
When to use Sheet type?
It's generaly a simple informative interruption on your app flow. Like the example below:
It's very important to KEEP IT SIMPLE, no complex flow here please. Just the information and at most two choices for the user.
When to use Fullscreen type?
The fullscreen modal generally used if you have to add some sub-functionality to a screen/flow. Ex: creating an email, expanding a photo, select any configuration etc. In other words, anything that should get 100% attention from the user.
The main tips:
- Use modality when it makes sense. Only use when you MUST take the user attention away from your app's flow
- Always include a button that dismisses the modal view.
- When necessary, help people avoid data loss by getting confirmation before closing a modal view.
- Display a title that identifies the modal task.
That's a resume about modality you can get the full article at the Apple's Human Interface Guidelines link
Thanks for the reading, See ya.