The SAP Fiori design guidelines for web applications have been updated to version 1.84. Here’s a selection of the topics we’ve updated with this edition.

Visual design

Check out the updated resource links for icons and the new semantic color for information text in the Quartz Light and Quartz Dark themes.

UI patterns

In the first of a series of updates, we’ve simplified the overview topic on creating, editing, and deleting objects. Learn about the difference between simple and complex objects, and which interaction flows to use for each.

The topic on formatting numbers has also been reworked and now includes more examples.

SAP Fiori floorplans

See where to set the initial focus for key floorplans (analytical list page, list report, overview page, wizard, worklist).

UI elements

As we continue to enhance the guidelines for smart controls, we’ve fully revised the smart link topic.

Smart link popover

SAP Fiori design stencils

Guideline version 1.84 contains new stencils for the message page, tiles, calculation builder, and upload controls, along with numerous updates. You can see what’s been added and changed below:

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.

Other updates

For a complete overview of all changes, see the What’s New page for version 1.84.

Looking ahead to 2021

The next update to SAP Fiori design guidelines is planned for the beginning of March 2021.

From next year, we’ll be posting news about guideline updates on our SAP Fiori page in the SAP Community. Just follow the SAP Fiori blog posts to stay up-to-date.

Note that the SAP Fiori design guidelines will not be affected by the move to the SAP Community. The guidelines will stay at experience.sap.com/fiori-design/.

 

 

Not logged in