Skip to Content
Contact Us
Chat Now Chat Offline
Get live help and chat with an SAP representative.
Contact Us
E-mail us with comments, questions or feedback.

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 Cloud for Customer.

Why SAP Fiori?

SAP Fiori 2.0 is the latest evolution of the user experience for SAP S/4HANA. The user-centered design concept focuses on the way employees work and offers a variety of business benefits:

  • Increased productivity – faster and direct access to relevant information and applications
  • Transparency on items needing your attention – timely notifications
  • Helps users decide what needs to be done next
  • Allows users to take quick and informed actions
  • Increased user satisfaction

What you need to know about SAP Fiori 2.0:    

  • 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.

Learn how SAP Fiori can simplify the lives of business users and IT staff:

Functional Capabilities
Previous
SAP Fiori UX design principles
Our design concept is based on five core principles that combine to deliver a deeply satisfying user experience:
 
  • Role-based - Deliver the right information at the right time via multi-faceted user interfaces
  • Adaptive - Get instant, relevant insight – whether using mobile apps or a desktop computer
  • Simple - Zero in on your most important tasks, functions, and activities
  • Coherent - Deliver a consistent UX across the enterprise – whether you need to fulfill a sales order, review your latest KPIs, or manage leave requests
  • Delightful - Enrich your work experience with intuitive,  easy-to-use SAP Fiori apps
 
Modern user experience
SAP Fiori 2.0 is a modern UX that encompasses visual design, information architecture, and interaction patterns:
 
  • Visual design – SAP Fiori 2.0 offers a refined visual language. Clean and consistent layouts throughout the user interface convey the content with clarity. Experience modern, visually pleasing aesthetics with a strong focus on ease of use 
  • Information architecture - Give business users ready access to the information they need to complete their tasks
  • Interaction patterns - Harness simple and intuitive interactive patterns to boost productivity company-wide
 
SAP Fiori apps
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:

  • SAP Cloud Platform account allows customers to run, extend and customise SAP Fiori apps         
  • SAP Fiori launchpad for central, role-based access         
  • SAP Web IDE for extensions and custom development         
  • SAP Cloud Platform, OData provisioning for extracting backend data and consuming it in the cloud      
  • SAP HANA Cloud connector for secure connectivity to on-premise landscape         
  • UI theme designer for branding         
  • SAP Cloud Identity to manage authentication and logon requests

Suggested Resources

image

SAP Fiori product road map*

image
image
image
image
Next
Collapse
Technical Capabilities
  • Support for multiple devices and form factors - Maximise usability with SAP Fiori’s responsive design, whether you are using a desktop PC, tablet, or smartphone
  • SAP Fiori launchpad - Access your SAP Fiori apps from a central launchpad that provides services for navigation, personalisation, support, and configuration
  • Role-based authentication and authorisation - Harness role-based single sign-on (SSO) mechanisms for secure access through different channels
  • Secure provisioning and consumption of data - Provide access to business logic and SAP back-end system data via Odata (RESTful) services
  • Corporate identity theming - Use a designer tool to simply and effectively implement themes for SAP Fiori apps and SAP Fiori launchpad
  • UX app extensions - Enhance one or more content layers in your SAP Fiori apps using templates and step-by-step processes found in the SAP Web IDE toolkit
  • Custom development - Rapidly design, build, and deploy SAP Fiori apps for browsers and mobile devices with embedded tools, such as the SAP Web IDE toolkit, for the end-to-end development process
  • Ready for mobile enablement - Harness a native application experience for seamless, secure mobile access to SAP’s Fiori apps via the Internet
  • Based on SAPUI5 - Rely on user interfaces created with an enterprise-ready UI development toolkit based on HTML5 and JavaScript
  • Powered by SAP HANA - Run analytical SAP Fiori apps and object pages on SAP’s powerful in-memory database platform
Collapse

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.
Document icon

SAP Fiori Architecture Overview

Explore SAP Fiori trial

Discover the new face of SAP software with the SAP Fiori user experience. SAP Fiori for SAP S/4HANA offers customers a smart approach to adopt SAP Fiori by leveraging pre-packaged content and services in the cloud, while keeping business data on-premise.

Try SAP Fiori apps

image

Buy SAP software now and pay later — with our flexible payment plans and financing options

image

Consult the guide Licensing SAP Software: A Guide for Buyers for general licensing information

Learn more about the SAP user experience strategy and the SAP Fiori road map covering design, technology and application.
Previous

Related SAP UX solutions

Explore other user experience solutions from SAP:

Product and extensions for SAP Fiori

Extend the functionality of SAP Fiori with these innovative technologies:

Deploying SAP Fiori in the cloud

Discover how to deploy SAP Fiori apps in the cloud.
Next

Watch videos and demos showcasing the SAP Fiori user experience

Previous
 

Great UX for SAP S/4HANA with SAP Fiori

Take a look at the SAP Fiori user experience for SAP S/4HANA.
 

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

SAP S/4HANA with SAP Fiori UX allows MRP controllers to produce with superior insights and complete tasks twice as fast, with powerful simulations.
 

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.

Next

Apple and SAP partner to revolutionise work

A new SAP Fiori for iOS design language will take the award-winning SAP Fiori user experience to the next level.

Implementation

It’s easy to adopt SAP Fiori and integrate it into your existing SAP systems. Ensure a successful implementation and quick time to value with help from the resources below.
Previous

Estimate potential cost savings

Use our calculator tool to see how a great user experience can help cut costs across your organisation.

Run SAP Fiori Cloud

Discover how SAP Fiori Cloud simplifies the implementation and deployment of a modern UX.

Choose your SAP Fiori apps

Visit our reference library for a full list of SAP Fiori apps, including key information, technical data and a relevance and readiness for each app. For how to use the library, read this doc.

Next
Previous

Plan your system landscape

Find information about the required system landscape and the SAP Fiori deployment options and system landscape recommendations.

Explore new SAP Fiori releases

Please see the SAP Product Availability Matrix* for the latest information on SAP Fiori software releases.

Size your servers

Use our Quick Sizer Tool* to get information, guidelines, and tools for sizing your front-end and back-end servers.

Next
Previous

Get ready to mobilize

Optimise your SAP Fiori apps for mobile performance and productivity with SAP Fiori mobile service.

Extend SAP Fiori apps

As part of your scope, consider extending your SAP Fiori apps for transactions that are adapted or customised.

Plan your custom development

We recommend using SAP Web IDE to customise SAP Fiori apps which are all based on SAPUI5.

Next
image of a question mark
Need additional help with your implementation? Contact SAP Digital Business Services or SAP Enterprise Support services
image of people
Find an SAP partner to help with your implementation

Download the software

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.

Scope of Landscape   Link to SAP Help Portal
SAP Fiori – General Implementation Information https://help.sap.com/viewer/p/FIORI_IMPLEMENTATION 
SAP Fiori for Business Suite including search, transactional and analytical apps https://help.sap.com/viewer/product/SAP_FIORI/latest/en-US
SAP S/4HANA, on-premise edition - UI Technology Guide https://help.sap.com/doc/61634ead9e5144b89e7eca2b1d4b8bce/1709%20001/en-US/UITECH_OP1709_FPS01.pdf
image of a document
Join our SAP Early Adopter Care program for products that have recently gone into general availability
image of people
Find an SAP partner to help with your implementation

Operate your system

Learn how to  operate your SAP Fiori system, from monitoring essential components to troubleshooting and support. 

Maintain your system

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 in the table below.
 
For step-by-step instructions for customising themes, see SAP Best Practices Content.
 
Platform Link to Documentation
SAP Cloud Platform SAP HANA Cloud documentation
– UI theme designer
User Interface Add-On 2.0 for SAP NetWeaver SAP Help Portal – UI theme
designer
SAP Netweaver 7.52 SAP NetWeaver 7.52: UI theme designer
SAP Enterprise Portal SAP Help Portal – working
with the UI theme designer
image of a document
Join our SAP Early Adopter Care* program for products that have recently gone into general availability
image of people
Find an SAP partner to help with your implementation
image of a document
To find the latest information about SAP software releases, review the SAP Product Availability Matrix*.

Discover & Design your App

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:

Custom development for SAP Fiori apps

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.

image of people
Partner Certification for SAP Fiori Apps with the SAP Integration and Certification Center
image of people
Previous

Free SAP Training

Learn through gamification and connections with other learners and SAP experts with massive open online courses (MOOCs) delivered by openSAP.

Learn and Get Certified

SAP's training catalogue is designed to help you find the right course for your needs and offers info on how to get certified.

Community Offers

Join the SAP Fiori Makers and participate in an on-going call series set up for developers and key users. Discover Beacon, a new series of content to help you learn about SAP Fiori. Or browse the SAP Design website.
Next
image of a question mark
Need help planning your SAP education? Learn how our education consulting services can help.

See what our customers are saying

Previous
 

Sun Chemical

See how Sun Chemical migrated legacy applications based on Adobe Forms to an SAPUI5 application using SAP BUILD and SAP Web IDE applying the SAP Fiori design guidelines.

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. 

Next

Support

Get the support you need to keep SAP Fiori running at peak performance. Our experts can help you maximise the value of your software, take advantage of new business models and capabilities, and more.
Troubleshoot and Maintain
Find solutions to known issues. Stay up to date with technical planning resources. See more.
 
SAP Support Resources
 
Product Documentation for SAP Fiori
Collapse
Ask the Community
Search for answers. Post your questions. Share your knowledge.
Collapse
Contact Support
image of a document
image of a question mark
image of people
Collapse

Expert Community

Connect with SAP experts – and get the latest news and views on SAP Fiori features, functions, implementations, and best practices. Visit the community.
Previous
Watch Videos about SAP Fiori Cloud
Learn what is included in SAP Fiori Cloud with this blog highlighting a variety of short videos.
To help people understand the difference in the user experience between SAPGUI and Fiori, SAP have recorded the same tasks being carried out using SAP GUI in ERP and Fiori in S/4HANA.
Transitioning from paper to software was revolutionary and user-friendliness wasn’t important. Now, integrated end user feedback is essential. Learn more in this blog.
Next

*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.

Back to top