S A P FIORI 2.

User Experience and Fiori Product Management

SAP SE
October 2016
1 |S A P FIORI – Design Principles

DESIGNED FOR OUR USERS

Design thinking is a methodology for innovation

HUMAN
VAL U ES
(U sability, INNOVATIO N
Desirability)

BUSINESS TECHNOLOGY
(Viability) (Feasibility)

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 3

S A P Fiori UX is a paradigm shift in enterprise software

• Role-based simplification of
business processes

• Shift from monolithic solutions

to activity-based apps

• Empowers you and the way

you work Finance Procurement

Human CRM
Resources
© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 4
Fiori Design Principles

R O LE -B AS E D ADAP TIV E SIMPLE COHERENT DE LIGH TFUL

Designed for you, Adapts to multiple Only what is Provides one fluid Makes an
your needs, and use cases and necessary user experience emotional
how you work devices connection

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 5

2 |S A P FIORI 2.0

SAP FIORI 2.0

S A P Fiori launchpad
Role-based, personalized, real-time and contextual aggregation point to access business applications and analytics across
functional areas and technologies

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 7

Viewport

Me Area Works pace Notification Area

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 8

Me Area
The left area of the Viewport contains
the Me Area
Replaces the former User Menu from
the top right corner

• User image and sign out

• Generic options: A c c e s s to
App Finder , Settings
• Context specific:
Edit Home Page (only on Home Page),
App Settings (only on App with settings),
About and Give Feedback (only on App)

• Recently used apps and searches

(up to 3 0 entries, newest on top)

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 9

Notifications (1)

Notifications support the user in keeping track of

important events without distracting them from
their current tasks.

Navigate to the source of the notification

Act directly on individual notifications

Act on multiple notifications at the same time

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 10

Notifications (2)

Notifications support the user in keeping track of

important events without distracting them from
their current tasks.

Sort by date, by type (with grouping) or by priority

Visual indicator shows the priority of a notification

using color coding:

Red: High

Orange: Medium

Green: Low

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 11

S A P Fiori launchpad Enhanced personalization

Capabilities
• Create pre-configured groups for the home page
• Wide choice of ready-to-use tiles
• Add, remove or group tiles

Benefits
• Manage apps based on roles and personal needs
• Apps assigned to specific roles
• Users get what they need
• Personalize homepage based on user preference

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 12

S A P Fiori launchpad Additional enhancements

Anchor Navigation
• Direct access to groups of apps

Link List in a Group

• Gives at-a-glance access to a large number of apps
• Especially useful for apps without additional
information

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 13

Overview Page

The Overview Page aggregates

domain-specific information

• Immediate insight on what needs attention

• Access the most important applications in
the current business context
• Trigger quick actions or drill down to next
level of detail
• Cards efficiently combine information and
different visualizations e.g. charts, tables,
lists
• Set filters for the whole page and save them
as variants, to only show relevant
information – e.g. for an individual supplier

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 15

List Report

The List Report allows users to

filter and work with large
amounts of data
• Easy to consume overview
• Choose from predefined variants
• Create own variants and ad-hoc queries
• Variable visualization
• Simple filtering for simple use cases,
powerful filtering for complex use cases

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 17

Object Page

The Object Page shows all facets

of a single business object

• Successor of the (read-only) Factsheet

• Easy to consume overview
• Create, edit and view business objects
• Type of data determines visualization
• Rich data visualization and embedded
analytics

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 19

App Finder

The App Finder is the place

where the user can access all
available apps
• Discover and launch apps
• Add apps to the home page
• Remove apps from the home page
• Access the User Menu and SAP Menu
of connected S/4HANA back-end system

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 21

3 |S A P FIORI 2.0– Adoption

ADOPTING SAP FIORI 2.0

Deployment options
S A P B u s i n e s s S u i te SAP S/4HANA
S A P Fiori S A P Fiori 2.0 for S A P Fiori apps S A P Fiori S A P Fiori 2.0

Front-End Server S A P Fiori S A P Fiori SAP FES 3.0* FES 2.0 S A P Fiori S A P Fiori SAP FES 3.0*
Upgrade UI Add-On 1.0/2.0 Upgrade
(FES) 2.0 or front-end front-end SAP UI 7.51 front-end front-end SAP UI 7.51
UI Add-On 1.0/2.0 SAP_ UI 7.40/7.50
server server server server
or NW 7.40/7.50

Existing themes SAP SAP Belize theme for

S A P Business Suite Upgrade
for classic S /4HANA S / 4HAN A classic
applications**, on S A P HANA or AnyDB 1610 applications**
1511***
e.g. Corbu
Back-end Back-end Back-end

S AP Fiori 2.0 is an option via S AP Fiori Front-end Server S AP Fiori 2.0 is available via frontend-end and backend
upgrade to version 3.0. upgrade of S AP S/4HAN A.
Older and custom SAP Fiori apps will run with the Belize theme*. The Belize theme is available with SAP S/4HANA 1610 for
Classic applications continue to run with the Corbu theme. SAP Fiori apps and classic applications**.
SAP Fiori 2.0 is not available for SAP S/4HANA 1511.

* Custom controls/apps m ay need adaptation for Fiori 2.0 them e. Not all features of SAP Fiori 2.0 ** Classic applications are SAP GUI and ABAP W eb Dynpro.
are available with older apps or non SAP S/4HANA 1610 system s Belize them e available via SAP GUI for HTML

*** See next slide for SAP S/4HANA Finance

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 23
Deployment options for S A P S / 4 H A N A Finance
S A P S / 4 H A N A F i n an c e SAP S/4HANA
S A P Fiori S A P Fiori 2.0 for S A P Fiori apps S A P Fiori 2.0

Front-End Server S A P Fiori S A P Fiori SAP FES 3.0* S A P Fiori SAP FES 3.0*
Upgrade
(FES) 2.0 or front-end front-end SAP UI 7.51 front-end SAP UI 7.51
UI Add-On 1.0/2.0 server server server
or NW 7.40/7.50

Existing themes S A P Simple Finance, on-premise edition 1503 SAP Belize theme for
for classic or S / 4HANA classic
applications**, S A P S / 4 H A N A Finance 1605 applications**
e.g. Corbu
1610
Back-end Back-end

S AP Fiori 2.0 is an option via S AP Fiori Front-end Server
upgrade to version 3.0.
Older and custom SAP Fiori apps will run with the Belize theme*.
Classic applications continue to run with the Corbu theme.
S AP Fiori 2.0 is available via frontend-end and backend
upgrade of S AP S/4HAN A.
The Belize theme is available with SAP S/4HANA 1610 for
SAP Fiori apps and classic applications**.
SAP Fiori 2.0 is not available for SAP S/4HANA 1511.

* Custom controls/apps m ay need adaptation for Fiori 2.0 them e. Not all features of SAP Fiori 2.0 ** Classic applications are SAP GUI and ABAP W eb Dynpro.
are available with older apps or non SAP S/4HANA 1610 system s Belize them e available via SAP GUI for HTML

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 24

 S A P Fiori 2.0 with multiple back-ends
SAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610**
Already existing SAP Fiori apps will run with Belize theme
Classic applications depend on the back-end version

SAP Fiori apps

(Belize theme)

Classic theme SAP Fiori visual theme

(e.g. Corbu) for (Belize) for classic
classic applications Belize
applications
S A P Fiori front-end ser ver 3 . 0 *
with S A P Fiori Launchpad
with S A P Fiori apps on F E S

S A P Simple Finance, Belize

S A P Business Suite on-premise edition 1503
S A P S / 4 H A N A 1610
on S A P H A N A or A n yD B or
S A P S / 4 H A N A Finance 1605

* Contains SAP_UI 7.51 with SAPUI5 1.40 or higher. Custom controls/applications may need adaptation to work with S A P Fiori 2.0 Belize theme. ** S A P Fiori 2.0 is mandatory with S A P Fiori front-end
Not all features of S A P Fiori 2.0 are available with older apps or non S A P S / 4 H A N A systems. S A P Fiori apps for S A P S / 4 H A N A 1610 require S A P Database. server 3.0 – you cannot use the Blue Crystal theme

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 25

Aspects to plan before upgrading

Custom themes based on Blue Crystal need to be redone for Belize,

with the UI Theme Designer

Custom Fiori apps: check that they work with the auto-adapter for the
merged header

Custom SAPUI5 controls: check that they work with the Belize theme

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 26

 T H A N K YOU!
S A P FIORI 2.0

OCTOBER 2016

Contact: UXandFioriPM@sap.com