We’ve updated the SAP Fiori design guidelines for web applications. Read on to see what’s been added with guideline version 1.90.
“My Home” on SAP Fiori launchpad
“My Home” space in the SAP Fiori launchpad
The basic concept is similar to the classic launchpad home page: “My Home” is the first listed space, and users can add and group apps as they like. To save time when setting up the “My Home” space for the first time, existing content can be imported from the classic home page or from other spaces.
New guidelines for SAP Fiori elements
In the SAP Fiori Elements Framework section, we’ve added a few smaller topics to clarify common questions. These include handling unsaved changes in object pages, the form page variant of an object page, and the display options for list reports with OData V2.
Too many scroll bars can spoil the user experience. Check out the new guideline for the existing scroll container to see when (and when not) to use it.
Complex objects – local flow
This guideline is relevant if your object has subitems on separate subpages (“complex objects”) and each subpage needs to be saved individually (“local flow”). It outlines the flows for creating and editing the subitems step by step. The examples are based on a full screen layout, but the guideline also includes the flows for the flexible column layout.
Tables and lists
Many of the updates in this edition relate to tables and lists, including:
- Keyboard shortcuts for selecting/deselecting items, rearranging columns, adapting the column width, and opening the view settings dialog
- A message strip to indicate table-related errors and warnings
- More detailed guidance on initial sort settings and adding items
Message strip to indicate errors in a table
Designing intelligent systems – user feedback
The User Feedback guideline has a new section on AI feedback patterns. The patterns help you determine which UI interactions and controls need to be implemented at app level to collect user feedback and deliver it back to the AI service.
User feedback loop for AI
The guideline outlines 3 basic pattern types for collecting the user feedback: let users confirm or correct the AI results, track user actions, and measure observable behavior. For each pattern, you’ll find variants, examples, and usage recommendations.
Object page – edit actions in display mode
If you’re building a freestyle object page, you can let users edit certain types of content directly without forcing them switch to a dedicated editing mode. A new section on edit actions in display mode offers guidance on when (and when not) to use this option.
For a full overview of all updates, see What’s New in Guideline Version 1.90.
We’ve now added stencils for illustrated messages (from version 1.88), tabular suggestions for input fields, and the table personalization dialog (P13n). Several other stencils have been updated. See below for details:
We’re constantly expanding our stencil library, so be sure to check for the latest download before you start working on a new app design.