23
SAP FIORI 2.0 User Experience and Fiori Product Management SAP SE October 2016

SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

Embed Size (px)

Citation preview

Page 1: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

SAP FIORI 2.0

User Experience and Fiori Product Management

SAP SE

October 2016

Page 2: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

DESIGNED FOR OUR USERS

1 | SAP FIORI – Design Principles

Page 3: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

Design thinking is a methodology for innovation

H U M A N

V A L U E S

( U s a b i l i t y ,

D e s i r a b i l i t y )

B U S I N E S S

( V i a b i l i t y )

T E C H N O L O G Y

( F e a s i b i l i t y )

I N N O V A T I O N

Page 4: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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 5: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

Fiori Design Principles

Page 6: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

SAP FIORI 2.0

2 | SAP FIORI 2.0

Page 7: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

Role-based, personalized, real-time and contextual aggregation point to access business applications and analytics across

functional areas and technologies

SAP Fiori launchpad

Page 8: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

Viewport

Me Area Notification AreaWorkspace

Page 9: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

Me Area

The left area of the Viewport contains the Me Area

Replaces the former User Menu from the top right corner

• Generic options: Access toApp 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 30 entries, newest on top)

• User image and sign out

Page 10: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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 notificationNavigate to the source of the notification

Act directly on individual notifications

Act on multiple notifications at the same time

Page 11: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

Notifications (2)

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

Notifications support the user in keeping track of

important events without distracting them from

their current tasks.

Page 12: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

SAP Fiori launchpad Enhanced personalization

Page 13: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

SAP Fiori launchpad Additional enhancements

Page 14: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

Page 15: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

Page 16: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

Page 17: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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

Page 18: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

ADOPTING SAP FIORI 2.0

3 | SAP FIORI 2.0– Adoption

Page 19: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

Deployment options

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 Business Suiteon SAP HANA or AnyDB

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.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 Business Suite SAP S/4HANA

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

Bel ize theme avai lable via SAP GUI for HTML

*** See next sl ide for SAP S/4HANA Finance

Back-end Back-end Back-end

Page 20: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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 21: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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 22: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

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

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 23: SAP FIORI 2 - SAP User Experience Community · PDF fileSAP Fiori 2.0 is mandatory for SAP Fiori apps in SAP S/4HANA 1610** Already existing SAP Fiori apps will run with Belize theme

SAP FIORI 2.0

OCTOBER 2016

THANK YOU!

Contact: [email protected]