SAP S4HANA FIORI Overview for SAP FICO Module

PUBLIC
Thomas Reiss, SAP
November 22nd, 2021
SAP Fiori Overview

2
PUBLIC
© 2021 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Legal disclaimer
The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission
of SAP. This presentation is not subject to your license agreement or any other service or subscription agreement with SAP.
SAP has no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP’s strategy and possible
future developments, products, and platforms, directions, and functionality are all subject to change and may be changed
by SAP at any time for any reason without notice. The information in this document is not a commitment, promise, or legal
obligation to deliver any material, code, or functionality. This document is provided without a warranty of any kind, either
express or implied, including but not limited to the implied warranties of merchantability, fitness for a particular purpose,
or noninfringement. This document is for informational purposes and may not be incorporated into a contract. SAP assumes
no responsibility for errors or omissions in this document, except if such damages were caused by SAP’s willful misconduct
or gross negligence.
All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ
materially from expectations. Readers are cautioned not to place undue reliance on these forward-looking statements,
which speak only as of their dates, and they should not be relied upon in making purchasing decisions.

4
PUBLIC
The value of good user experience (UX)
UX Value Calculator
Gain Productivity, Data Quality
Save Training Costs
Decrease Change Request, User Errors
Increase User Satisfaction, Inclusion, Customer Loyalty, Solution Adoption
Strengthen Relationship (IT and Business)
Monetary
Value
Human
Value

5
PUBLIC
SAP Fiori
Helping people get business done easily and efficiently, using innovative technologies
Technology
Business
People
User-centered
Inclusive
Design-driven development
One UX for SAP solutions
Digitalization
Simplification
Cloud readiness
Web & open standards + native mobile technologies
Service orientation
In-memory computing
SAP Fiori

6
PUBLIC
BUSINESS TECHNOLOGY PLATFORM
INTELLIGENT SUITE INDUSTRY CLOUD
EXPERIENCE MANAGEMENT
SUSTAINABILITY MANAGEMENT
Across all functions
BUSINESS NETWORK
Mobile
Native mobile experience
optimized to leverage device
capabilities.
Latest technologies available
including Augmented Reality or
Machine Learning.
User-centricity
ensures high user
adoption and customer
success
Desktop &
Laptop
Smart Watches
Augmented &
Virtual Reality
One User Experience is Key
Tablets
Smartphones
Any device
Seamless experience across
any device.
Tailored to the users needs to
run their business in the best
way.
Web
Consistent web experience on
desktop tablet and phone, with
a single point of entry.
Responsive SAP Fiori apps.
Harmonized Classic Web apps.
Context awareness
and integrated artificial
intelligence
Reliable and trustworthy user
experience using Fiori Artificial
Intelligence.
ONE UX for the Intelligent Enterprise
One User Experience for all Intelligent Enterprise Applications

7
PUBLIC
SAP Fiori design system
For many technologies
Design System
Role-based
Designed for you,
your needs, and
how you work
Adaptive
Adapts to multiple
use cases and
scenario
Simple
Includes only
what is
necessary
Coherent
Provides one
fluid, intuitive
experience
Delightful
Makes an
emotional
connection
Web Native Mobile Conversational
SAPUI5 iOS Android Other Technologies
Technologies
Design Languages
• Look & Feel
• Controls & Floorplans
• Common Functions
• Guidelines & Stencils
Values
Principles
Practices

8
PUBLIC
SAP Fiori – in a nutshell
SAP Fiori is our user experience for the intelligent enterprise, enabling users to get their job done in an easy
and delightful way. It is the target user experience for each and every product developed at SAP.
SAP Fiori can be implemented on various UI technologies and platforms.
SAP Fiori design system
§ Design principles, design languages, guidelines & artefacts
SAP Fiori user experience provided by SAP products
§ Responsive apps and native ones
§ Helping users get their job done easily and intuitively
SAP Fiori development tools
§ Such as SAP Fiori tools, SAP Fiori for mobile SDKs,
SAP Business Application Studio / SAP Web IDE
SAP Fiori technology
§ Such as the SAP Fiori launchpad, SAP Fiori elements, SAPUI5

9
PUBLIC
SAP Fiori 3 the latest evolution
Casual users
Self-service apps
Desktop user
The new face of SAP S/4HANA
Native mobile
for iOS & Android
Conversational
Consistent
Intelligent
Integrated
SAP Fiori 2.0
SAP Fiori SAP Fiori 3
2013
2016
2019+
Updated 1h ago
2019
Total Population
0-14 Yrs. 15-64 Yrs. 65 and Older.
Total
65 and Older.
15-64 Yrs.
0-14 Yrs. 62,597,331
202,328,216
109,485,630
374,411,177
All Countries
Country
Unite
Germ
Mexic
Japan
Russi
Brazil
Unite
140
120
100
80
60
40
0
Population (millions)
Filter
Population
Overview
9:41
Next steps of the Fiori evolution
SAP Fiori 3

11
PUBLIC
Integrated
Intelligent
Consistent
SAP wants your experience to be

12
PUBLIC
Integrated
Intelligent
Consistent

13
PUBLIC
Quartz
Light
Starting with SAP S/4HANA Cloud 2002
SAP Fiori 3 visual design: themes
For low-light
environments
Also available for accessibility: high contrast light and dark themes
Quartz
Dark

14
PUBLIC
Part of the design language for
all SAP products
For the best user experience:
§ Legibility and Accessibility
§ Many font styles
§ Rich character set
§ Supports Windows Glyph List
(WGL4)
SAP Fiori 3: Font 72

15
PUBLIC
SAP Customer
Experience (Sales)
SAP Customer
Experience (Sales)
SAP Customer
Experience (Sales)
SAP Customer
Experience (Sales)
SAP SuccessFactors
SAP Analytics Cloud
Digital Supply Chain
& Manufacturing
SAP S/4HANA
SAP Fieldglass
SAP Ariba
SAP Concur
SAP Fiori 3
Consistency
Previous shell designs
This is the current state of planning and may be changed by SAP at any time without notice.
Logo replaces
Home button Navigation Product specific actions
User actions menu

16
PUBLIC
SAP Fiori 3: examples for consistency across SAP products
SAP Marketing
Cloud
SAP
SuccessFactors
SAP Commerce
Cloud
SAP
S/4HANA

17
PUBLIC
Analytical insights for users doing their daily business
SAP Fiori with Embedded Analytics

18
PUBLIC
Efficient development using templates,
designed based on enterprise user needs
List
Report
Overview Page
Object Page
Analytical
List Page
Flexible Column Layout
SAP Fiori elements
Also available: Worklist

19
PUBLIC
Demo
SAP Fiori with embedded analytics

20
PUBLIC
Until now: one home page, with groups
Group 1
Group 2
Group 3
Apps on Home Page Other apps not on Home Page
Users can find all apps using Search, SAP Fiori 3 home navigation menu or App Finder

21
PUBLIC
SAP Fiori 3 spaces available in SAP Fiori launchpad
Spaces with multiple
pages – for example,
one space for each role
Allows users and
admins to better
organize access to apps
with WYSIWYG editor
For end users: Easier
to use, better user
experience, stable layout
Pages
Pages
Sections
Tiles
Tiles
Spaces
Spaces
Spaces

22
PUBLIC
SAP Fiori 3: New! Pages with flat tiles and links
More apps accessible on one
screen
§ Flat tiles
§ Clearer demarcation of links
Available today
§ SAP S/4HANA Cloud 2105
§ SAP Launchpad service
Links
Flat tiles

23
PUBLIC
Demo
SAP Fiori 3: spaces with multiple pages, flat tiles and links
Spaces overview
Flat tiles and links
Demo videos on YouTube:

24
PUBLIC
SAP Fiori user experience
Options for SAP Fiori launchpad deployment
SAP Business
Technology Platform
(multi-cloud)
ABAP
(SAP NetWeaver / ABAP Platform Cloud)
SAP Fiori launchpad
SAP Launchpad
service
SAP Fiori
front-end server
More details in:
SAP Fiori deployment options and recommendations
SAP S/4HANA
Cloud*
User experience
Platform
Available with
*and other ABAP-based cloud products

25
PUBLIC
Integrated
Intelligent
Consistent

26
PUBLIC
SAP Fiori 3 – Intelligent
Apps with dynamic content, artificial
intelligence and explanations
AI design patterns
§ Explanations
§ Matching
§ Ranking
§ Recommendations
§ Situation Handling
– notifications, explanations,
insights, proposed actions
§ User Feedback
§ Predictions and Forecasts

27
PUBLIC
SAP Fiori 3: surfacing intelligence: ranking, explanation and feedback
Machine learning
used to calculate
ranking
Explanation
pop-over
Feedback
Link to demo video
SAP S/4HANA

28
PUBLIC
Demo
Surfacing machine intelligence: ranking & explanation pop-over
Link to demo video

29
PUBLIC
SAP Fiori 3: Situation Handling – an example available today via Object Page
Situation shown as an
additional facet in Object Page
§ Disappears once resolved
Explanation
Recommended action

30
PUBLIC
Demo
Situation Handling: an example available today via Object Page
Link to demo video
Additional demo video – procurement catalog recommendation

31
PUBLIC
Message-based situation handling
For long-running jobs
§ E.g. dunning run
Situation: errors occurred
Benefit: users don’t have to check
logs
§ Proactively notified
§ Proposed actions offered – one click
away
Customers define which actions to
propose for each message
FI-CA: Mass Activity Message Based Situation

32
PUBLIC
Integrated
Intelligent
Consistent

34
PUBLIC
Many have multi-system landscapes
Require central access for users of multiple
SAP on-premise systems
Top priority for many customers: central access
Central entry point
3rd party products
SAP cloud products
SAP Business Suite
SAP S/4HANA

35
PUBLIC
Content federation with:
§ SAP S/4HANA (from 1809 upwards)
§ SAP S/4HANA Cloud 2108
§ SAP Business Suite
§ SAP Fiori apps running on
SAP Business Technology Platform (BTP)
(Cloud Foundry)
§ SAP Enterprise Portal
Manual integration with
§ SAP Success Factors (individual deep links)
§ 3rd party products
SAP Launchpad service available now
3rd party products
SAP Business Suite
SAP S/4HANA
SAP Launchpad
service
SAP BTP apps
SAP
SuccessFactors
SAP Enterprise Portal
Central entry point in the cloud
Content federation for SAP S/4HANA via SAP Fiori front-
end server 2021 for S/4HANA

37
PUBLIC
Customer Pain Points
Mobile users are confronted with many different native and web applications scattered across
their mobile devices: Difficult to find the right one, easy to overlook important alerts.
Critical business decisions are not being made due to users being unaware of them, since
they are increasingly away from their desk ensuring business continuity.
Solution
SAP Mobile start is a standard SAP solution, integrated with SAP S/4HANA and further SAP
Solutions via their mobile apps, leveraging the SAP Business Technology Platform.
Benefits:
§ Mobile access to the intelligent enterprise, its applications (native or web), web content,
data or SAP S/4HANA situation handling to quickly address business issues.
§ Consumer-grade user experience and superior performance, designed for an intuitive and
personalized native user experience, with enterprise grade capabilities.
§ Easy consumption, as available through the SAP Launchpad service.
SAP Mobile Start
Your native entry point to the intelligent enterprise
Overview video on YouTube

38
PUBLIC
Latest notifications,
& app suggestions
Native apps,
Web responsive apps,
Web links & News feeds
Spotlight Search Widgets Notifications
SAP Mobile Start
iOS Integration
Single Sign On (SSO)
9 Languages
Tablet & Phone on iOS 14 or above
Android planned for Q1/2022
Content & structure
is set-up by IT admin
Persona centric Supports

39
PUBLIC
Integration Architecture
SAP Solutions like:
Business Data & Logic
SAP BTP Tenant
Abstraction & Unification SAP Launchpad service
Notification service SAP Mobile Services
SAP Mobile Start

41
PUBLIC
Use or adapt SAP-delivered apps Develop new apps
SAP Screen Personas
Personalized and simplified
SAP GUI screens
SAP Fiori apps
Out-of-the-box solutions
developed by SAP
Freestyle SAPUI5 or
native mobile apps
Custom apps developed by
you or an SAP partner
SAP Fiori
elements
Templates for low-code
development with SAPUI5
SAP Fiori tools
Productivity tools to make
developers more efficient
There are several paths to the SAP Fiori user experience (UX)

SAP Fiori elements
Cost reduction
in front-end development
Extend SAP S/4HANA apps or build new apps.
80% User Experience & product
consistency & compliance
Now and in the future.
00%
1 80%
Enterprise use cases
supported
With ready to use page types

43
PUBLIC
SAP Fiori elements provides enterprise-ready apps out of the box
Navigation
Search
Sorting
Filtering
Variant
Mgmt
Editing
(incl.
draft
mgmt.)
Actions
Data Lists
Object Details
Personalization Additional enterprise
readiness features
included are:
§ Accessibility
§ Internationalization
§ Mobile compatibility
§ Responsiveness
§ Performance
optimizations
§ Integration
§ Security checks
§ Lifecycle stability
§ Test automation
support
§ …and more
Export
to Excel

44
PUBLIC
Choose the right development approach for your SAPUI5 app
Effort
to
develop
and
maintain
Application complexity
SAP Fiori elements
Freestyle development
E
x
t
e
n
s
i
o
n
d
e
v
e
l
o
p
m
e
n
t

45
PUBLIC
SAP Fiori tools makes it easier to build SAP Fiori elements apps
Uses a wizard-style approach
Ensures consistent app structure
Provides step-by-step
development instructions
Reduces effort and skill level
required for creating annotations
Improves code consistency
Simplifies app maintenance
SAP Business Application Studio (Cloud, online)
Microsoft Visual Studio code (On premise, offline)
Develop using:

46
PUBLIC
SAP Fiori for iOS
SAP Fiori for Android
SAP Fiori for native mobile apps
%
25–30
development time saved*
%
30–40
design time saved*
*findings for apps built by SAP IT
Design Guidelines
SAP BTP SDK for iOS
Design Guidelines
SAP BTP SDK for Android
SAP Mobile Development Kit
(code once for both)

48
PUBLIC
SAP Fiori is the
go-to user interface
of SAP S/4HANA
One SAP Fiori launchpad
for one SAP S/4HANA system
Recommendation: embedded
SAP Fiori front-end server
SAP Fiori
front-end server
“Customers who don’t implement SAP Fiori or
continue to use SAP GUI as their primary UI will have only
a limited benefit from the innovations in SAP S/4HANA”
“Selectively implementing only some individual SAP Fiori
apps not only breaks the user experience but also results
in very high implementation costs …
SAP Fiori apps are not designed to be used individually.”
Source:
Mapping Your Journey to SAP S/4HANA.
A Practical Guide for Senior IT Leadership
Watch this 2 min. video to see examples
of the SAP Fiori UX for SAP S/4HANA
SAP S/4HANA
SAP Fiori is for all SAP S/4HANA use cases

49
PUBLIC
How to Get SAP Fiori Up and Running
SAP Fiori offers a new way of working with SAP S/4HANA
Business roles
Classic UIs
SAP GUI transactions*
Web Dynpro apps
Web Client UIs
SAP Fiori apps
SAP Fiori launchpad search, personalization, collaboration…
SAP Fiori launchpad content
defines role-specific navigation networks
The transition to SAP Fiori for SAP S/4HANA focuses on providing innovative user interactions instead of
like-for-like replacement of traditional transactions through SAP Fiori applications.
*Using SAP GUI for HTML
New way of working & innovations
only available in SAP Fiori apps
Single entry point offering
shell services
Supplemented with classic UIs

50
PUBLIC
SINGLE ENTRY POINT
SAP Fiori launchpad is the single entry
point to access all apps.
Domain-specific information and actions
Users will quickly get an overview of what needs
their attention with overview pages, list reports,
and work lists, and can trigger quick actions or
drill down to the next level of detail.
Enter details, explore in depth
Key and differentiating use cases are
reimagined with the SAP Fiori user
experience.
All classic applications have the SAP Fiori
visual theme.
ONE LOOK:
SAP Fiori theme for all
applications
SAP Fiori: the user experience of SAP S/4HANA

51
PUBLIC
Rapid SAP
Fiori
activation
Experience
SAP Fiori
Adjust
FLP Content
and business
roles
FLP = SAP Fiori launchpad
Select relevant
business roles
Go Live!
FLP content
manager
SAP Fiori apps reference library Standard content delivered by SAP
Adjusted content for
customer’s end users
Discover & try out Use productively
Experience SAP Fiori for SAP S/4HANA out of the box, go live quickly

52
PUBLIC
SAP Mobile UX: Begin with seamless device support
Supporting various expectations in different work environments
Smartphones
Desktop /
Laptop
Smart Glasses
Smart Watches
Tablets
Available today:
SAP S/4HANA Cloud UIs run on tablets
(including “classic UIs”).
Planned for SAP S/4HANA 2021 (on-premise)
People are able to choose where and when they work
People and businesses choose how they interact
Learn and leverage consistently great UX
Consume and integrate on-device AI
Customize and personalize Mobile Experience to
industry and personas.
Planned
innovations

53
PUBLIC
SAP native mobile apps for industry
SAP
Customer Guide
Finance
SAP Project
Companion
Prof. Services
SAP Shop Floor
Manager
Discrete
Industries
SAP
Asset Manager
Digital Supply
Chain
VanSeller
Consumer
Packaged
Goods
Quality
Technician/
Engineer
Discrete
Industries
Department/
Store/District
Manager –
Retail
Supply Chain
Control Tower App
Digital Supply
Chain
Plant Manager
Discrete Industries
Store Associate
Retail
Warehouse
Operator
Digital Supply
Chain
SAP Mobile Start
Digital Workplace
Future Mobile Product Direction
Mobile Products available today
Planned
innovations
Delivery Driver
Consumer
Packaged
Goods

54
PUBLIC
Outlook: Digital Assistant for SAP S/4HANA and SAP S/4HANA Cloud
*) Naming to be finalized
**) This is the current state of planning and may be changed by SAP at any time without notice.
***) SAP S/4HANA Cloud, private edition and on premise deployments of SAP S/4HANA
SAP S/4HANA chatbot content:
Based on SAP S/4HANA business roles
Available as templates for customer-specific adoption
Answers questions for users’ daily tasks
Extensibility Model
SAP Human-to-Human Chat Web client*):
In-context chat
Notes & capture screenshots
SAP Conversational AI platform:
End-to-end bot building platform
Broad coverage of language support
Customizable SAP S/4HANA pre-built chatbots
• Integration and customization platform for
SAP S/4HANA chatbot content
• Runs on SAP Business Technology Platform
• Delivery of templates via SCN Delivery Track
• Available: Operational Purchaser
(with Microsoft Teams Integration)
• Coming soon**: Cost Center Owner
• Further content to be decided
• Integral part of
SAP S/4HANA Cloud
• Release 2108
• Release 2021
Chatbot Availability
SAP S/4HANA Cloud
SAP S/4HANA Cloud, private
edition***) & on-premise

Outlook: What‘s next for SAP Fiori?

56
PUBLIC
SAP Fiori 3: Pages with cards and tiles of different sizes
Cards
and tiles
Different
sizes
supported
Start space/page Role-specific
spaces/pages
Further grouping
options
Design concepts
and various options
currently being
evaluated
Planned
innovations
SAP Labs preview

57
PUBLIC
SAP Fiori 3 – Intelligent
SAP Fiori 3 provides intelligence:
§ Home pages: Intelligent, personalizable
§ Apps with dynamic content and explanations
§ Digital assistant with conversational UI
§ Business situation handling: notifications,
explanations, insights, proposed actions SAP Labs preview
Planned
innovations

58
PUBLIC
Intelligence
SAP Fiori 3 – Proactive business situation handling
Planned
innovations
SAP Labs preview
Trigger
What happened?
Pattern recognition
Statistical irregularities
Custom-defined rules
Explanation: root cause,
impact if not resolved
Ranked recommendations,
with machine learning
Explanation: why
recommended?
Context
What does it mean?
Solutions
What can be done?
Business Situations capture a current business
situation, its circumstances and recommended
actions

59
PUBLIC
SAP Fiori 3 integrates content from different
products into a single screen
§ Eliminates time-consuming cross-product
navigation
§ SAP Task Center collects items from different
systems for efficient processing
– A user’s tasks all in one place
§ Notifications all in one place, from different
systems, provided across devices
SAP Launchpad service road map
SAP Fiori 3 – Integrated
SAP Labs preview
SAP Task Center
Central home for
employee
SAP Labs preview
Planned
innovations

60
PUBLIC
SAP S/4HANA Cloud 2111
customers can opt-in to preview
§ Give their users the choice to try out
the new design, give feedback
– directly in the system and/or
– via 1:1 desirability study with SAP
§ SAP Early Adopter Care registration
page for Horizon preview
Developers can preview on SAP
Business Technology Platform
§ With SAPUI5 1.93.3 and 1.96.0
§ With UI5 Web Components 1.0.0
Next evolutionary step: SAP Fiori with Horizon visual theme
Preview available today

61
PUBLIC
Demo
Preview of SAP Fiori with Horizon for SAP S/4HANA Cloud 2111
Link to demo video

62
PUBLIC
General information on SAP User Experience
► SAP Fiori product page get an overview
► SAP Fiori topic page in the SAP community
links to detailed information and blogs, e.g.
design guidelines, road map, documentation, rapid
development with SAP Fiori elements
Additional information for this presentation
► openSAP course “SAP Fiori overview”
► SAP Fiori road map: in Explorer, as storyboard, webinar
► Blog posts:
► The Experience Mindset: Redesigning How We Build Products at SAP
► SAP Fiori 3 update: further evolution with SAP S/4HANA Cloud 2108
► SAP Fiori 3: What’s new with SAP S/4HANA 2021 (on-premise)
► SAP Fiori 3: How to put intelligence into your user experience
► SAP Fiori apps reference library
► SAP Fiori lighthouse scenarios with SAP S/4HANA
Learn more

Contact information:
Thomas Reiss
Vice President
SAP User Experience Product Management
SAP SE
thomas.reiss@sap.com
Thank you.

SAP S4HANA FIORI Overview for SAP FICO Module

Recommended

Recommended

More Related Content

Similar to SAP S4HANA FIORI Overview for SAP FICO Module

Similar to SAP S4HANA FIORI Overview for SAP FICO Module (20)

Recently uploaded

Recently uploaded (20)

SAP S4HANA FIORI Overview for SAP FICO Module