How to make great Modals in iOS? - Human Interface Guideline Series

Subscribe to my newsletter and never miss my upcoming articles

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:

Captura de Tela 2020-05-09 às 12.58.24.png

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.

Captura de Tela 2020-05-11 às 08.09.13.png

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.

No Comments Yet