1 of 30

SAP FIORI

last update S/4HANA 2023

(updated in 2017, 2018, … , 2022, 2023)

FIORI

(all information are from the Web

but cannot remember the source)

2 of 30

2013 Fiori Classic.
2016 Fiori 2.0.
2018 Fiori 3.0.
2021 Fiori 3.0.
2022 Fiori 3.0.
2023 Fiori 3.0.

3 of 30

2013 - SAP Launched the FIORI Classic

Focusing on simple, consistent, and responsible design, Fiori Classic aims to simplify tasks and provide users with a pleasant and responsive interface.

4 of 30

2013 - SAP Launched the FIORI Classic

When you open the SAP Fiori home page application (in the earlier interfaces in 2015 or maybe to 2017/18, you will see a picture of the flowers. It is because Fiori means ‘flower’ or ‘blossom’ in Italian.

5 of 30

2013 Fiori Classic.
2016 Fiori 2.0.
2018 Fiori 3.0.
2021 Fiori 3.0.
2022 Fiori 3.0.
2023 Fiori 3.0.

6 of 30

Some of the most important enhancements of SAP Fiori 2.0 are:

An improved design for the SAP Fiori launchpad with user profile, a recent objects menu, an improved home page and notifications.
Improved navigation capabilities and a first version of an app-store like catalogue interface.
Unnecessary elements in the application header have been removed.
New and improved floorplans like the Object Page and the Overview Page with new layouts and elements have been added and a new consistent page layout has been introduced.
Existing controls have been improved and a couple of new controls have been introduced.

7 of 30

2013 Fiori Classic.
2016 Fiori 2.0.
2018 Fiori 3.0.
2021 Fiori 3.0.
2022 Fiori 3.0.
2023 Fiori 3.0.

8 of 30

Fiori 1.0

Fiori 2.0

Fiori 3.0

Small set of 25+ Fiori Apps for Mobiles Devices (Tables and Phones)

Desktop Scenario Fiori Apps
Supporting complicated transactions and workflow scenarios

Notification System
More Advanced features on the Launchpad and Overview Pages
Broadening Analytical Capabilities
Native for IOS

Unified Design
More Scalable Content
Machine Learning techniques implemented
Native for Android

2013 2014 2015 2016 2017 2018

9 of 30

SAP describes the Fiori 3.0 as

“coherency”
“scalable”
“conversational”
“intelligence”

The latest version is mostly about enhancing the experience.

10 of 30

SAP describes the Fiori 3.0 “Coherency” as

One of the main priorities of business applications is a unified experience – especially for the users navigating across different products.
For this purpose, one font has been established along with a defined set of icons and colors that are the same across every app. Moreover, now users gain access to unified menus in every system.

11 of 30

SAP describes the Fiori 3.0 “Scalable” as

Another modification being implemented is increasing content scalability. The most relevant content will be moved to the main dashboards and other presented with maximum efficiency.
A shift from tires to cards guarantees more content for end users, business functions (including common ones), set of core settings, user profiles, and shell bar. This will also provide scalable static and dynamic clock building, like cards.
SAP assures deeper content integration which is also mentioned as one of the significant customer pains.

12 of 30

SAP describes the Fiori 3.0 “Conversational” as

An entirely new element is CoPilot. Having in mind providing the highest level of simplicity in handling Fiori, SAP is creating a solution easing navigation across applications and performing everyday tasks. CoPilot will mostly serve as a daily assistant. We will be able to ask it, e.g., launching apps for replacements, the newest information regarding sales of our product or scheduling a meeting.
Communication with CoPilot takes place through the natural language. Currently, we already know that we will be able to write and speak with it.

13 of 30

SAP describes the Fiori 3.0 “Intelligence” as

High-level flows across all products and their landscapes (now they vary a lot).
Meaningful user stories.
Keeping very specialized applications,
Comprehensive object pages with functionalities overview.
Delivering information relevant for the specific context and time.
Continuously developed machine learning techniques (like recommendations, automation, rankings, and proposals).

14 of 30

2013 Fiori Classic.
2016 Fiori 2.0.
2018 Fiori 3.0.
2021 Fiori 3.0.
2022 Fiori 3.0.
2023 Fiori 3.0.

15 of 30

SAP Fiori launchpad – the web entry point

Flat tiles and new visualization for links

To help users fit more apps on a page and give them more flexibility, as well as to help them to prioritize their work, they can now use flat tiles in spaces and pages in addition to the already available tile sizes. Additionally, links are now represented as small tiles and flat tiles. Note that links in the classic homepage are also visualized in this way now.

16 of 30

SAP Fiori launchpad – A My Home space giving users their own personal start page

A popular feature with users of the classic home page is the ability to define one or more groups with their favorite tiles, i.e. applications, so that they are immediately available after logging into the system. With SAP S/4HANA 2021, a My Home space is provided as a standard feature in “Space and Pages”. It provides such a start page for users, with no effort for administrators.

17 of 30

SAP Fiori launchpad – Performance: improving back navigation from one application to another

A good user experience rests on having good performance, i.e. fast response times. Navigation between apps is handled by the SAP Fiori launchpad shell. SAP claims to have made a significant improvement with SAP S/4HANA 2021 by reducing the response time for navigating back to the previous page to almost zero.

18 of 30

SAP Fiori launchpad – SAP Mobile Start as the native mobile entry point

SAP Mobile Start heralds a new era in our SAP Fiori design journey, showcasing many aspects that SAP is working on for the next evolutionary step of SAP Fiori.
The app has two views, as shown on the left: “Start”, and “Applications”. In addition, it provides integration of your apps, business notifications, and news feeds into iOS spotlight search, widgets, and native notifications.

19 of 30

SAP Fiori launchpad – UX improvements for SAP S/4HANA applications

Column width optimization

20 of 30

SAP Fiori launchpad – Data loading (no need to click “Go”)

SAP now reduce the number of clicks needed when first opening SAP Fiori apps with overview pages or lists: the data is automatically loaded if filter values are set rather than presenting users with an empty page so that they have to then press the Go button.

21 of 30

SAP Fiori launchpad – Relative date selection / Semantic date selection

SAP Fiori elements now supports the selection of relative and semantic dates. That means you can define a filter with a date like “today” or “yesterday”, or specify the “last X weeks”. This makes users’ lives much easier, since they don’t have to continuously change the filter date day by day. Note that this only works for date fields where the application has enabled this kind of dynamic date selection.

22 of 30

SAP Fiori launchpad – Aligning quantities and amounts with different decimal places and different length units

Modern UIs have quantities and their units of measure in one field, or amounts and their currency code, for example “120.32 KG” or “12,000.00 USD”. However, listing these in a table is challenging with different length units or currencies, and different numbers of decimal places. Users want the unit of measure to be right-aligned in the table, and at the same time have all the numbers aligned so that the decimal point is aligned vertically.

23 of 30

SAP Fiori launchpad – Smart filter bar: highlighting of type-ahead suggestions

Regarding the filter bar, we have also improved the type-ahead so that the text you have entered is highlighted in the type-ahead drop-down box, as you can see here, where the user has entered “fr” in the supplier field.

24 of 30

2013 Fiori Classic.
2016 Fiori 2.0.
2018 Fiori 3.0.
2021 Fiori 3.0.
2022 Fiori 3.0.
2023 Fiori 3.0.

25 of 30

SAP Fiori 3.0 2022 – Horizon

The new Horizon theme introduces signature design elements which focus on helping people get their job done faster, more intuitively and with better outcomes.
The Horizon preview is supported by all the application technologies provided by SAP S/4HANA, i.e. SAPUI5, SAP GUI for HTML, Web Dynpro for ABAP and the Web Client. Figure 2 shows examples of screens using the first three of these technologies. Since all three screens shown there have a width less than 1440 pixels, the central search field has been collapsed to the search icon on the right.

26 of 30

SAP Fiori 3.0 2022 – Search field visible and centered

The search field is now always open and placed centrally at the top of the screen, so that you can type your search term directly, without first having to click on the search icon.

27 of 30

SAP Fiori 3.0 2022 – Add tiles directly to My Home

The My Home space and page is purely for personalizing the start page: users have full control of what appears there, and how they want to group their favorite tiles and links into sections. Until now, if personalization of the launchpad has been switched off, users needed to use the App Finder to add tiles to My Home. Now, even if personalization of pages is switched off, users who see a tile on one of the launchpad pages can directly add that tile to their My Home page, by first selecting “Edit Home Page” in the user actions menu, and then using the context menu on the tile, and choosing Add to My Home.

28 of 30

SAP Fiori 3.0 2022 – PDF Export

Users can export data from SAPUI5-based tables to PDF, with multiple options as picture on the left.
PDF Export allow user to create unmodifiable snapshots of data shown in tables, for example stocks situation and financial postings, the SAPUI5 tables now provide this powerful export to PDF feature.
Users can choose to include the filter settings, whether to use archive format, the paper size and orientation, font size, as well as advanced features such as enabling accessibility, fit to page, or enabling the user to sign the document.