Out Now — SAP Fiori Design Guidelines, Version 1.84

Susanne Wilding
2 min readDec 21, 2020

--

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.

This post originally appeared on SAP User Experience Community and SAP Community.

--

--