SAP Fiori 2.0 – The Design Guidelines (Version 1.40)
Winner of the prestigious Red Dot Award for its user-centered design concept, SAP Fiori 2.0 is the newest evolution of the user experience for SAP S4/HANA.
SAP Fiori 2.0 focuses on users and the way they work. It allows the user to concentrate on core tasks while still keeping track of activities in other areas. Improvements to the existing SAP Fiori launchpad allow the user a degree of flexibility and guidance never before seen in business software. These include enhanced discovery and navigation, the opening up of surface interaction via the viewport, access to action-oriented personal notifications, improved collaboration, the use of a personal digital assistant, and much more.
With the newest version of the SAP Fiori Design Guidelines, the design language has been extended to encompass the most important aspects of SAP Fiori 2.0 as well as numerous improvements to existing controls and patterns such as dynamic side content, the wizard, the object page, and more.
Highlights from Version 1.40
- A brand new visual design: The new “Belize” visual design theme, a new icon style, and a new color scheme, including updated design templates.
SAP Fiori launchpad
- Viewport: The gateway to the user’s daily business, the viewport was introduced to allow the user to concurrently work with three different screen areas (the home page, Me Area, and the notifications area). A smoothly animated lateral move mimics the user’s head turning to the left and to the right in a panoramic view. To explore the concept of the viewport and the three areas in more detail, be sure to also check out the blog on the SAP Fiori 2.0 launchpad.
- Navigation: New functionalities were introduced to manage the user’s favorite apps, to navigate between apps, and to discover new apps without sacrificing the design principles of adaptiveness and simplicity.Want to dive deeper? Check out the blog on the navigation and discovery concepts behind SAP Fiori 2.0.
- Home page: With this update, the anchor bar is only displayed when more than one group is available. The home page can now be edited via the Me Area. A new floating toolbar is also available to allow the user to exit edit mode directly from the home page.
- Shell bar: The shell bar and the application bar have now been merged into a single bar. New features were also introduced.
SAP Fiori Elements (formerly known as smart templates)
- Overview page: With this update, the overview page now uses the dynamic page layout, which brings the snapping header feature to the overview page. The level of detail you offer in the header area can be geared to your use case. There are three options: a header with variant management and a smart filter bar, a header with just a text, or no header at all. For a closer look at the design and motivation behind the overview page, check out the blog on the overview page for SAP Fiori 2.0.
- Object page: Now based on the dynamic page layout concept. The former one-toolbar approach no longer applies. You can now use the header toolbar (for global actions) alongside the footer toolbar (for closing or finalizing actions) in display, edit, and create modes. The footer toolbar is now a floating toolbar.
- Step input: This new control allows the user to adjust a value by a predefined step.
For a complete overview of new and updated articles, check out What’s New with Version 1.40.