The SAP Fiori UX
Now that we have looked at the principles of SAP Fiori design, let us now have a quick look at technology and development tools.
If you use SAP S/4HANA or the SAP Business Suite, and your users are not happy with specific transactions, SAP Screen Personas offers you an easy way to simplify SAP GUI screens and thus bring them closer to the Fiori experience provided by SAP Fiori apps.
Components of SAP Fiori Elements
SAP Fiori elements ensure that updates to the Fiori design are automatically incorporated into apps built with Fiori elements.
80% of typical enterprise use cases are supported by the SAP Fiori elements page types.
Page Types - List Reports and Object Pages
We will now examine two typical page types, a list report and an object page.
SAP Fiori elements provide all the features listed here, which are essential for enterprise-ready apps – all out of the box.
We provide many features out of the box, none of them requiring a single line of code, features such as searching and filtering lists, saving filters as variants, personalizing, and sorting the list, exporting to Excel, and navigating to details.
In addition, SAP Fiori elements support accessibility, internationalization, that is, translation, right-to-left languages, mobile device support and responsiveness, and more – all out of the box.
That is why you are so much faster developing with SAP Fiori elements – if the use case fits one of the supported patterns.
The figure, Development Approaches with SAPUI5, shows how much effort you save using SAP Fiori elements. Even if your use case does not exactly match the out-of-the-box scope of SAP Fiori elements, you can extend the scope yourself by adding code and still end up with less effort than freestyle development.