EDUCAÇÃO E TECNOLOGIA

SAP Fiori Design Guidelines – Version 1.90 Now Available

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

Users working with SAP Fiori launchpad spaces can set up a personalized “My Home” space.

“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.

Scroll container

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

We’ve revised and simplified the guideline for complex objects with a local flow. This is the latest in a series of updates for object handling.

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.

Other updates

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.