SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA...

20
SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

Transcript of SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA...

Page 1: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

SAP FIORI 2.0USER EXPERIENCE FOR SAP S/4HANA

User Experience and Fiori Product Management

SAP SE

October 2016

Page 2: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

DESIGNED FOR OUR USERS

1 | SAP FIORI – Design Principles

Page 3: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP Fiori UX is a paradigm shift in enterprise software

Finance

Human Resources

CRM

Procurement

• Role-based simplification of

business processes

• Shift from monolithic solutions

to activity-based apps

• Empowers you and the way

you work

Page 4: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

ROLE-BASED

Designed for you,

your needs, and

how you work

ADAPTIVE

Adapts to multiple

use cases and

devices

SIMPLE

Only what is

necessary

COHERENT

Provides one fluid

user experience

DELIGHTFUL

Makes an

emotional

connection

SAP Fiori Design Principles

Page 5: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

2 | SAP FIORI: The UX of S/4HANA

ONE EXPERIENCE

Page 6: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP Fiori: The user experience of SAP S/4HANA

DOMAIN SPECIFIC INFOS AND ACTIONSUsers will quickly get an overview of what needs their attention with Overview Pages, List Reports and Work Lists,and trigger quick actions or drill down to the next level of detail

SINGLE ENTRY POINTThe SAP Fiori launchpad will be the single entry point to access all apps

ENTER DETAILS AND EXPLORE IN DEPTHKey and differentiating use cases will be re-imagined with the SAP Fiori user experience. All classic applications will have the SAP Fiori visual theme.

Page 7: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP Fiori 2.0 SAP Fiori launchpad with viewport

Me Area Notification AreaWorkspace

Page 8: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

Key SAP Fiori 2.0 elements

Overview Page

Immediate domain-specific

insight on what needs attention.

Offers quick actions.

List Report

Allows users to filter and work

with large amounts of data

Object Page

Shows all facets of a single

business object

They are responsive, for

desktop, tablet, mobile phone

Page 9: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP S/4HANA examples: Procurement

Procurement

Overview Page

with access to

details and quick

actions

Page 10: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP S/4HANA examples: Sales

Sales Order

(Object Page) with

quick actions

Check Open Sales

Sales Order Fulfilment Monitor

Get an overview of the

situation, identify the

issue, take quick action

Insight to Action

Page 11: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP S/4HANA examples: Financials

Display Dunning History

Event-Based Revenue

Recognition

(Object Page)

Page 12: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP S/4HANA examples: Logistics

Release for Delivery –

guided by the system

Page 13: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP Fiori visual theme for classic applications (1)

Change standard order (VA02) With SAP Fiori theme (SAP GUI for HTML)

Page 14: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP Fiori visual theme for classic applications (2)

Text toolbar

instead

of Icons

Right-aligned

labels

New footer with

processing and

closing actions,

e.g.„Save“

Tab strips with SAP

Fiori visualization

New icons

Merged Fiori header

One visual design for all applications: same colors, control design and form factor

Condensed

table rows

Page 15: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

ADOPTING SAP FIORI 2.0

3 | SAP FIORI 2.0 – Adoption

Page 16: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

Upgrading to SAP Fiori 2.0

SAP S/4HANA

1511

SAP Fiori front-end

server

SAP Fiori front-end

server

FES 2.0

UI Add-On 1.0/2.0

SAP_UI 7.40/7.50

SAP FES 3.0*

SAP UI 7.51Upgrade

SAP S/4HANA

1610

Upgrade

SAP Fiori SAP Fiori 2.0

* Custom controls/apps may need adaptation for Fiori 2.0 theme. Not al l features of SAP Fiori 2.0

are avai lable w ith older apps or non SAP S/4HANA 1610 systems

SAP Fiori 2.0 is available via frontend-end and backend upgrade of SAP S/4HANA.

The SAP Fiori 2.0 theme (Belize) 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.

SAP Fiori 2.0 theme

(Belize) for classic

applications**

** Classic appl ications are SAP GUI and ABAP W ebDynpro.

Bel ize theme avai lable via SAP GUI for HTML

Back-end Back-end

Page 17: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

Deployment options for SAP S/4HANA Finance

SAP Fiori 2.0 is an option via SAP 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.

SAP Fiori front-end

server

SAP Fiori front-end

server

Front-End Server

(FES) 2.0 or

UI Add-On 1.0/2.0

or NW 7.40/7.50

SAP FES 3.0*

SAP UI 7.51Upgrade

SAP Simple Finance, on-premise edition 1503 or

SAP S/4HANA Finance 1605

SAP Fiori front-end

server

SAP FES 3.0*

SAP UI 7.51

SAP S/4HANA

1610

SAP Fiori 2.0SAP Fiori SAP Fiori 2.0 for SAP Fiori apps

* Custom controls/apps may need adaptation for Fiori 2.0 theme. Not al l features of SAP Fiori 2.0

are avai lable w ith older apps or non SAP S/4HANA 1610 systems

SAP Fiori 2.0 is available via frontend-end and backend upgrade of SAP S/4HANA.

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.

Existing themes

for classic

applications**,

e.g. Corbu

Belize theme for

classic

applications**

SAP S/4HANA Finance SAP S/4HANA

** Classic appl ications are SAP GUI and ABAP W ebDynpro.

Bel ize theme avai lable via SAP GUI for HTML

Back-end Back-end

Page 18: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

SAP Fiori 2.0 with multiple back-ends

* Contains SAP_UI 7.51 with SAPUI5 1.40 or higher. Custom controls/applications may need adaptation to work with SAP Fiori 2.0 Belize theme. Not all features of SAP Fiori 2.0 are available with older apps or non SAP S/4HANA systems. SAP Fiori apps for SAP S/4HANA 1610 require SAP Database.

SAP Fiori visual theme

(Belize) for classic

applications

SAP S/4HANA 1610

SAP Fiori front-end server 3.0*with SAP Fiori Launchpadwith SAP Fiori apps on FES

Belize

Belize

Classic theme

(e.g. Corbu) for

classic applications

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 2.0 is mandatory with SAP Fiori front-end server 3.0 – you cannot use the Blue Crystal theme

SAP Fiori apps

(Belize theme)

SAP Simple Finance,on-premise edition 1503

or

SAP S/4HANA Finance 1605

SAP Business Suiteon SAP HANA or AnyDB

Page 19: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

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

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

Page 20: SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA … · SAP FIORI 2.0 USER EXPERIENCE FOR SAP S/4HANA User Experience and Fiori Product Management SAP SE October 2016

SAP FIORI 2.0USER EXPERIENCE FOR

SAP S/4HANA

OCTOBER 2016

THANK YOU!

Contact: [email protected]