SAP Fiori

Reimagine the SAP user experience
with SAP Fiori

Personalise and simplify the user experience (UX) for your SAP applications. Using modern UX design principles, SAP Fiori delivers a role-based, consumer-grade user experience across all lines of business, tasks, and devices. Use SAP Fiori apps, or take advantage of new solutions that natively incorporate the UX – such as SAP S/4HANA, Ariba Mobile, and SAP Hybris Cloud for Customer.

SAP Fiori 2.0 is the leading design for all SAP applications providing a harmonised user experience across on premise and cloud solutions. A new visual theme – named Belize – comes along with light and dark flavors. Using SAP S/4HANA, the UI Theme Designer allows you to adapt the theme to your corporate identity.

With SAP Fiori 2.0, the SAP Fiori Launchpad is your central and role-based entry point to access all apps.

With the viewport concept, the user’s desktop has been expanded to the left and to the right. While users can access the Me Area to the left, notifications on the right keep them well informed.

The SAP Fiori 2.0 concept also includes new SAP Fiori elements – Overview Pages, List Reports, and Object Pages – which can be easily developed using SAP Web IDE.

SAP Fiori apps provide a consumer-grade user experience for the most commonly-used scenarios in SAP software. Hundreds of SAP Fiori apps are available across different lines of business and industries covering a wide range from analytical to transactional tasks.

SAP Fiori Cloud

SAP Fiori Cloud enhances the productivity of your employees with a simple and personalised user experience in the cloud with connectivity to on-premise business processes. Ease the burden on IT with minimal installation and configuration efforts. Use the most commonly adopted SAP Fiori apps for SAP Business Suite for various lines of business including human resources, sales, supply chain, sourcing, and procurement. The following resources and services are available:

Suggested Resources

System requirements for SAP Fiori

System and software requirements vary according to specific customer scenarios – please refer to the SAP Fiori Sizing Guide for details. Also, please see the SAP Fiori Product Availability Matrix for the latest information on updates and releases.

System Requirements

Description

Client Device

SAP Fiori apps and the SAP Fiori launchpad run on various smartphone, tablet, laptop, or desktop computers that supports HTML5. SAP Fiori client is the recommended native application runtime on mobile devices.

Reverse Proxy Server

For communication between client devices and your front-end server, we recommend installing a reverse proxy server, for example, SAP Web Dispatcher. Due to standard browser limitations, using a reverse proxy server is mandatory for some SAP Fiori apps.

Front-End Server

To host and provide SAP Fiori app content to the client, you’ll need to install and configure several UI components for your front-end server. SAP Gateway software is also required.

Back-End Server

The back-end server hosts the SAP business applications for which the SAP Fiori apps have been created. To access the corresponding business logic and business data (including users, roles, and authorisations), services for SAP Fiori apps have to be deployed.

Database

Depending on the SAP Fiori app and the product that you want to use, a SAP HANA database or any other database is required to store the corresponding business data.

Watch videos and demos showcasing the SAP Fiori user experience

Great UX for SAP S/4HANA 1610 with SAP Fiori 2.0

Take a look at SAP Fiori 2.0 and see what is available in the SAP S/4HANA on-premise 1610 release.

SAP Fiori Cloud

Enhance productivity of your employees with SAP Fiori Cloud. Provide a simple and personalised user experience consumed in the cloud with connectivity to on-premise business processes. Ease the burden on IT with minimal installation and configuration efforts.

What is a good user experience?

A good user experience simplifies everything – the user interface (UI), the interaction, and the functionality – and tailors them seamlessly to what you need and want for the tasks relevant to your job.

Analyse third party services

SAP S/4HANA Finance leverages the SAP Fiori user experience to help finance departments better analyse their financial results, cross-check the data, and drill down to individual journal entries from the financial statement. See how a business user completing the task of analysing third-party services.

Material requirements planning

End-to-end inventory management

SAP S/4HANA with the SAP Fiori UX is the tool needed to analyse inventory issues quickly, realise the potential threats in real time, and resolve complications rapidly. The result - inventory managers and warehouse clerks complete their tasks twice as fast, with the least amount of effort.

Sales order fulfilment

SAP S/4HANA with the SAP Fiori UX can summarize and highlight sales order fulfilment issues in real time, prompting inside sales representatives to take action and resolve issues efficiently. The result - completing the task twice as fast, with the least amount of effort.

Plan your custom development

Take the fast lane with rapid deployment

Increase productivity by providing a great user experience with the SAP Fiori apps rapid-deployment solution – a collection of apps for SAP Business Suite powered by any database across multiple devices.

Visit the SAP Fiori apps reference library to find the required system landscape components for individual SAP Fiori apps or to generate aggregated implementation information. To install the software components downloaded from the SAP Maintenance Planner, we recommend you use the SAP Software Update Manager (SUM). Delivered as part of SAP’s Software Logistics Toolset, the SUM is a multi-purpose tool that supports processes for performing upgrades, installing enhancement packages, applying Support Package Stacks, or updating single components on SAP NetWeaver.

We recommend using a system landscape plan from the SAP Maintenance Planner* as the basis for downloading the required front-end and back-end software components. This plan should be based on your current SAP landscape and the SAP Fiori apps you have selected in the reference library.

The SAP Maintenance Planner lets you download the required software components as part of a maintenance transaction, which also serves to document the changes to your SAP system landscape.

Alternatively, you can download the required files directly from the SAP Software Download Center and deploy them manually. This allows you to deploy only single product versions.

Set up the SAP Fiori infrastructure and SAP Fiori apps

Refer to the SAP Fiori sections in SAP Help Portal for documentation on installation requirements and sequences, configuration of SAP Fiori Infrastructure and SAP Fiori apps. Consult the following table for information corresponding to your implementation scope.

Execute an update to fix issues or introduce new features with help from the
SAP Fiori Update Guide. For general information about new release availability, maintenance, and possible upgrade paths, visit the
SAP Support Portal.

Theme your SAP Fiori apps

Use the SAP theme designer tool to change the background and text colours of your SAP Fiori apps and Launchpad, or to add your company’s logo. Find out more, including platform availability and functionality:

Build is a collaborative design tool that allows users in your SAP project teams to quickly create interactive prototypes that can be shared effortlessly with your users.

The SAP Fiori Reference Apps are sample applications that help developers and designers with their development projects. Users can see real working code and live examples covering all layers end-to-end and examples of how SAP Fiori patterns and controls are being implemented in typical use cases. The SAP Fiori Reference Apps demonstrate the development and UX Design guidelines and best practices applicable to the SAP Fiori development lifecycle. This covers the entire end-to-end process from design and technology to coding principles, from OData modelling to implementation, as well as selected product standards such as performance, and extensibility.

Extend your apps

SAP Fiori apps are designed with an extensibility concept that provides high flexibility:

SAP Fiori apps are based on SAPUI5, a JavaScript-based UI library from SAP which combines new qualities like openness, flexibility and high speed of innovation with established SAP strengths like enterprise readiness and standard support. Its core offers a solid foundation that simplifies development by managing many aspects of modern web app development behind the scenes. For the UI display itself, a variety of diverse UI controls specially tailored to SAP Fiori are included, ranging from basic elements to complex UX patterns, all ready to be used to style your SAP Fiori app.

Use SAP Web IDE to create custom SAP Fiori apps based on SAPUI5. This browser-based toolkit is available on SAP Cloud Platform and provides an integrated development environment. With drag-and-drop tools, wizards, and templates, you can create starter apps with only a few clicks – then use robust code editors to develop full apps easily and quickly. And if your SAP Fiori app has to support multiple languages, SAP Cloud Platform also offers the SAP Translation Hub service to add quick, accurate, and easy translation workflow capabilities.

SAP Web IDE contains a number of SAP Fiori reference apps that demonstrate development and UX Design guidelines and best practices. These reference apps cover everything from design, technology, and coding principles to OData modelling, implementation, and product standards.

Go through the SAPUI5 tutorials they will help you understand how to develop and extend SAP Fiori apps

Check out the Explored app to discover the many features of SAPUI5 controls, as well as countless code

Sun Chemical

General Datatech (GDT)

General Datatech, a technology services implementer with 600 employees, has deployed SAP S/4HANA with the SAP Fiori user experience. Now, GDT has a single source of truth and has increased the speed users can retrieve and analyse data. GDT used SAP Fiori to streamline its sales order process.

Convergent IS

Convergent designs and implements simple mobile and UX solutions – as both an SAP partner and customer. Learn how they’re using the SAP Fiori UX on SAP S/4HANA to give their own team members an easier way to manage business processes.

SAP User Experience customer stories

Read over 40 stories of customers in various industries that are great examples of people and companies that have embraced the new paradigm in technology, bringing simplicity to a complex world through design and design thinking.

*Customer Login Required (S-User) – Information marked with an asterisk is available to current SAP customers only. Your customer login (s-user) is required to access this information. Please contact your local SAP support centre for assistance.