Updated: January 27, 2022

Animation

Intro

The SAP Fiori for iOS apps use four different types of transitions:

  • Push
  • Modal
  • Zoom In / Out
  • Dissolve

Push

The Push transition eases a new screen element onto the display from the side while sliding out the prior screen to the opposite side. Push transition is typically used for a drill down navigation.

Push transition
Push transition

Modal

Modal transitions are used to present users with a task (or tasks) to be completed. In this transition, a new window slides up from the bottom of the screen, covering the content below. Modal windows typically ask users to complete (or cancel) a specific task before the user can resume taking other actions.

Modal transition
Modal transition

Zoom In / Out

The Zoom In / Out transition is mainly used to make images or documents larger in order to allow users to see them in more detail.

Zoom in and zoom out transition
Zoom in and zoom out transition

Dissolve

The Dissolve transition involves gently fading between two screens. It is recommended when enabling and closing an edit mode.

Dissolve transition
Dissolve transition