Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 


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 pagelist reportoverview pagewizardworklist).

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, SAP Community will be our primary channel for communicating updates to the design guidelines. Just follow the SAP Fiori blog posts to stay up-to-date.

The guidelines themselves will stay at experience.sap.com/fiori-design/.

 

 

This post originally appeared on SAP User Experience Community.
3 Comments