Updated: October 29, 2024

Overview

Intro

To ensure that an app runs on all Apple devices, it is important to have a consistent layout that adapts to various window or system contexts. SAP Fiori for iOS supports auto layout and adaptivity concepts that allow a great user experience for all devices on iOS and iPadOS platforms. The concepts provide a mechanism that helps dynamically rearrange and resize content in response to changes in the device’s orientation or when using the app on different screen sizes. Users might resize the window with stage manager or arrange multiple windows next to each other for multitasking. SAP Fiori for iOS apps adapt their layout based on the size class while staying recognizably consistent.

To achieve a consistent app across all size classes, content of static page types, such as object details and list reports, has to be converted into columns to create an optimal composition of columns for all size classes. This approach encourages thinking in columns rather than screens. Adaptive design facilitates the dynamic adaptation, rearrangement, and resizing of columns to ensure that the app’s content is displayed appropriately within the available space.

Benefits of Adaptive Layout

Adaptive design enables designers and developers to create versatile, user-friendly interfaces that seamlessly adapt to different screen sizes and devices. Optimizing large screen design for SAP’s business applications has a positive impact on the productivity of mobile users. By utilizing larger screen space, numerous daily tasks can be performed more efficiently.

Streamlining Navigation and Control

Making menus and controls easily accessible next to the workspace and incorporating intuitive gesture-based navigation.

Improving Data Visualization and Analysis

Enhancing readability and interactivity of complex data sets, such as charts and spreadsheets, for quicker and more effective analysis.

Enhancing Data Entering and Form Filling

Providing extra space for on-screen keyboards and data entry fields to minimize scrolling, reduce errors, and expedite the process.

Facilitating Document Editing and Review

Simplifying editing with full-page views of texts, images, or presentations, facilitating side-by-side comparisons, and allowing for stylus support for precise input.