Fiori Design-Concept

In the Fiori Design-Concept, SAP has defined five design principles according to which all Fiori apps are developed.

SAP Fiori users receive only the functions they need in their role, and the application should be appealing, intuitive, and consistent in its visual language. The rules apply regardless of the end device and browser and follow Responsive Web Design to adapt the application to the respective device requirements.

Fiori Design-Concept: The five design principles

Role-based

Users are shown only the Fiori apps they need to complete their tasks in Launchpad. In this way, they correspond to their roles in the company. A role-based authorization concept determines which apps can be called up.

Adaptive

The Fiori interface can be accessed on all common browsers and end devices. This means that the applications can be operated with all current devices at any time. The interface remains consistent across all end devices.

Simple

Apps are specially adapted for individual tasks that can be completed within three work steps. This makes the apps much easier to use than the complex transactions of the SAP GUI.

Coherent

The standardized and uniform design makes it easier for you to find your way around and you can familiarize yourself quickly.

Delightful

The apps offer an inviting look and intuitive usability: Business apps now look and operate like self-explanatory consumer apps.

Fiori Design-Concept: Design Guidelines for the implementation

For the implementation of these design specifications, there are basic SAP Fiori design guidelines that developers follow: www.experience.sap.com/fiori-design/

The specifications apply to SAP itself, SAP partners, and SAP customers. Customers can adopt the guidelines directly in their applications. It is also possible to use them as a guide when implementing their own interaction concept and UX design. The guidelines are based on the principles of SAP Fiori.

There are three different guidelines:

  • SAP Fiori for Web
  • SAP Fiori for iOS
  • SAP Fiori for Android