ux208 - explore sap fiori 3 for end-to-end processes in

PUBLIC

Explore SAP Fiori 3for End-to-End Processes in the Intelligent EnterpriseUX208

2PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ

Speakers

Las VegasSeptember 24–27, 2019

Thomas Reiss

BarcelonaOctober 8-10, 2019

Thomas Reiss

BangaloreNovember 13-15, 2019

Suneet Agarwal


Download the app from iPhone App Store or Google Play.

Take the session survey.We want to hear from you!

Complete the session evaluation for this session UX208 on the SAP TechEd mobile app.


The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP. Except for your obligation to protect confidential information, 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 presentation or any related document, or to develop or release any functionality mentioned therein.This presentation, or any related document and SAP's strategy and possible future developments, products and or 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 presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality. This presentation 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 non-infringement. This presentation is for informational purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this presentation, except if such damages were caused by SAP’s intentional 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.

Disclaimer


Introduction

Available today: First parts of SAP Fiori 3 with SAP S/4HANA

SAP Fiori 3 target design

The path to SAP Fiori 3

Agenda

IntroductionIntelligent enterprise and SAP Fiori 3


IntroductionThe intelligent enterprise framework

The intelligent enterprise

features 3 key components:

Intelligent suite1

Intelligent technologies3

Digital platform2


The intelligent suite is not a new product

The intelligent suite is a new integrated experience

IntroductionThe intelligent suite: Delivering on the promise of integration and beyond

1. Out-of-the-box integration Leveraging SAP Cloud Platform, the SAP Analytics Cloud solution, and a common data foundation with SAP HANA and SAP Data Hub

2. Consistent, best-in-class UXStandardized on SAP Fiori design with focus on best-in-class multi-device, multi-sensory, assisted experience

3. ModularMaking it easy to consume and cost-effective to operate

4. Easy to extendAllowing customers and partners to customize solutions quickly

5. IntelligenceEmbedded in the applications, making the workflows smarter


Casual userself services

Power userMobile

iOS & Android

SAP Fiori 2013

SAPFiori 2.0

2016

This is the current state of planning and may be changed by SAP at any time without notice.

Conversationalwith SAP CoPilot Consistent,

intelligent,integrated

The evolution of SAP Fiori

SAP CoPilot

SAPFiori 3

2019+

First step available today


SAP Fiori 3

SAP Fiori 3 is SAP’s new target design, which evolves the SAP Fiori design language for all SAP products to fully support the intelligent suite.

Flexible, simple, and convenient, with machine intelligence guiding users to make their work easier

Planned to be introduced step by step;first step available today


Available today: First parts of SAP Fiori 3 with SAP S/4HANA Cloud 1908


Lighter and more neutral, to blend more into the background, giving application content the center stage

New SAP Fiori 3 theme quartz light

SAP S/4HANA Cloud 1908


It is simple and minimalistic, making it easy for customers to theme it to their brand

New SAP Fiori 3 theme quartz light – application example



SAP Fiori 3: the new shell header bar – replaces the viewport

Logo replaceshome button Navigation User action menu replaces Me Area

Product-specific actions


Simple design -aligned to be a best fit for all SAP products, and easy to adopt

Clicking on user image opens user action menu, as is very common in web applications


SAP Fiori theme “quartz” for classic applications

As an option, customers can use SAP Screen Personas to simplify these UIs (SAP GUI for HTML and Web Dynpro ABAP)

Text toolbar instead of icons

Right-aligned labels

New footer with processing andclosing actions

(e.g., save)

Tab strips with SAP Fiori

visualization

New icons

New SAP Fiori 3 shell header bar

Condensedtable rows

One visual design theme “quartz” for all SAP Fiori applications: same colors, control design & form factor

Available today for SAP GUI for HTML;Planned 2020 for SAP GUI for Windows


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

Single entry point

Domain-specific information and actions

Enter details and explore in depth

The SAP Fiori launchpad is the single entry point to access all apps*

Users will quickly get an overview of what needs their attention with overview pages, list reports and work list,and trigger quick actions or drill down to the next level of detail

Key and differentiating use cases are re-imagined with the SAP Fiori user experience All classic applications have the SAP Fiori visual theme

ONE LOOK:SAP Fiori theme for all applications

* today, within one SAP S/4HANA system

DemoSAP S/4HANA Cloud 1908with SAP Fiori 3

Watch the demo on YouTube

Read the Blog First parts of SAP Fiori 3 available with SAP S/4HANA Cloud 1908

SAP Fiori 3 target design


SAP Fiori 3The target design for all SAP products

Central entry pages

Central SAP CoPilot Central search Central inbox

Coherent apps Embedded AI Embedded analytics

Dynamic situations Profound analytics Powerful workspace


SAP wants your experience to be

CONSISTENT

INTEGRATEDINTELLIGENT

User experience goals


CONSISTENT A harmonized look and feel across products

INTELLIGENT Embedded intelligent user guidance – via machine learning and/or rule-based Dynamic content on home pages pushes time-critical content, so users know what needs their attention now Digital assistant

INTEGRATED Integration of content from different products into a single screen eliminates time-consuming cross-product

navigation One digital assistant for all products Notifications across devices inform users of changes as they occur so they can respond immediately

User experience goal detailsPlanned

innovations




CONSISTENT


ConsistencyUser experience goals


ConsistencySAP Fiori 3 co-definition

SAP Fiori 2.0 SAP Fiori 3SAP User Experience

SAP.iO

SAP Ariba

SAP SuccessFactors

SAP Cloud Platform

SAP Digital Supply Chain

SAP Concur

SAP Fieldglass

SAP Analytics Cloud

SAP C/4HANA

SAP S/4HANA


ConsistencySAP Fiori 3 – Aspects for consistency

FeelAny aspect of motion design, interactivity or virtual haptics

Controls & floorplansAnything regarding the components and composition of the user interface

Common functionsany functionality used across multiple products or technologies

LookAny aspect of visual design, theme, dimensions or breakpoints



Quartz light* Quartz dark

*Theme available today for developers with SAPUI5 1.65This is the current state of planning and may be changed by SAP at any time without notice.

ConsistencyThe new quartz theme


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

In App/ Page

ConsistencyCurrent shell designs


SAP CoPilot in the center

Product Switcher

NavigationProduct specific actions


1st level navigation

spaces

Central homeLoB-specific homes or other company-specific spaces

Content navigation

ConsistencyCurrent navigation SAP Fiori 3

Planned innovations



ConsistencySAP Fiori 3 – Home pages

Intelligent, personalizable home pages showing everything you need to focus on using flexible cards

Gives you access to all the information and applications you need

Planned innovations



Featured group

optional

Pinned content

e.g. cards, freestyle

Central homeProduct-specific home

ConsistencyCurrent home page design SAP Fiori 3

Planned innovations


1st levelnavigation spaces

Central home

LoB-specific homes or other company-specific pages

Content navigation

Sub-pages

Planned innovations


A space has one product-specific home page which is the entry point to the available contents of a product, e.g. LoB specific. The page can have one or multiple sub-pages in the navigation structure.

Any space of the environment can be defined as the start page. The start page is the first page that a user sees after start.

Sub-pages can either be accessed via the content, e.g. cards, links, etc. or via an integrated vertical navigation bar.

ConsistencySpaces concept




IntelligenceUser experience goals

CONSISTENT


IntelligenceSAP Fiori 3 – Intelligent

SAP Fiori 3 deeply integrates natural language interaction and machine intelligence to provide: Intelligent, personalizable home pages showing

everything you need to focus on Dynamic content to support intelligent apps, for

briefings, analytics, etc. A digital assistant with conversational UI

(SAP CoPilot) fully integrated Proactive business situation handling:

explanations, insights, proposed actions

Planned innovations



IntelligenceHome pages

1. Dynamic contentpushes time-critical information to the user

2. Cards showing relevant information,intelligent insights

3. Notificationsacross devices, desktop, mobile –not just on home pages

1

2

3

Planned innovations



IntelligenceMy leads: Lead to cash

Example with embedded machine learning for calculating “score” Based on scoring models

Planned innovations



IntelligenceMy leads

1

2

1. Explanationshelp users understand why

2. IntegrationRelevant insights from other products: intelligent system rather than users having to do time-consuming cross-product navigation

SAP Marketing CloudSAP Sales CloudSAP S/4HANA Cloud

Planned innovations



IntelligenceSAP Fiori 3 – Digital assistant with conversational UI fully integrated

Start your day with SAP CoPilot, your digital assistant

Proactively tells you what is important for you today

SAP CoPilot helps you find things and take action

Helps you deal with daily business as well as your needs as an employee (e.g. leave requests)

Access your assistant wherever you are:desktop, mobile, via Slack or Microsoft Teams


Product vision


IntelligenceSAP Fiori 3 – Proactive business situation handling

Planned innovations


TriggerWhat happened?

Pattern recognitionStatistical irregularities Custom-defined rules

Explanation: root cause,impact if not resolved

Ranked recommendations, with machine learningExplanation: why recommended?

ContextWhat does it mean?

SolutionsWhat can be done?

Business situations capture a current business situation, its circumstances and recommended actions




IntegrationUser experience goals

CONSISTENT


IntegrationSAP Fiori 3 – Integrated

SAP Fiori 3 integrates content from different products into a single screen Eliminates time-consuming cross-product

navigation Universal inbox collects items from different

systems for efficient processing Consolidated task area collects everything users

need to do in a single place Notifications across devices inform users of

changes as they occur so they can respond immediately

Planned innovations




Central home for employee


Product directionIntegration

SAP Fiori 3 – Example total workforce management



SAP Fiori 3 – Example total workforce managementCentral home for manager




SAP Fiori 3 – Example total workforce management

Universal inbox




On-boarding


Design business value1. Consolidated list of internal

employees (SAP SuccessFactors) and contingent workers (SAP Fieldglass) enables the manager to manage his team from one cockpit, which saves time and clicks

2. Consistent list in several process steps (onboarding and offboarding)

3. Quick-views immediately give additional information without the need to navigate to another page

4. Digitization of manual steps (paper workflow/Excel sheets via mail)

Total workforce management

1

2

3 41

2

3

4


Design to operate

Design business value1. Machine learning supports the user

by grouping incoming feedback

2. Consolidation of data from multiple sources into a single screen minimizes cross-product navigation

1

2

1

2



Manage feedback

The path to SAP Fiori 3


Co-defined with all SAP product units

Independent of UI technology

Non-disruptive for existing SAP Fiori apps

Beyond the SAP Fiori visual theme, common: Shell bar Structure (home pages / spaces) Building blocks, e.g. cards Floor plans for SAP Fiori apps Use of SAP CoPilot

The path to SAP Fiori 3Planned

innovations


SAP CoPilot in the center

Building blocks

Shell barHome pages

Examples:


First step: SAP S/4HANA 1908 / 1909*: SAP Fiori 3 theme quartz SAP Fiori 3 launchpad shell header

(Viewport replacement, better navigation)

Planned next: Cards on home page (in addition to tiles) Intelligence: improvements for the

situations concept Planned availability: starts in 2020

SAP Fiori 3 for SAP S/4HANA


*For SAP Fiori apps and classic UIs via browser (SAP GUI for HTML and Web Dynpro).SAP GUI for Windows planned for Q3/2020.

New quartz theme available today*


Access SAP TechEd Learning Journeys Discover related learning content

Watch webinars of SAP TechEd lectures

Learn about SAP’s latest innovations with openSAP Collaborate with SAP experts Self-test your knowledge

Earn a SAP TechEd knowledge badge

Continue your SAP TechEd 2019 Learning Experience Join the digital SAP TechEd Learning Room 2019 in SAP Learning Hub

http://learninghub.sap.com/teched


Access replays Keynotes Live interviews Select lecture sessionshttp://sapteched.com/online

Continue the conversation Read and reply to blog posts Ask questions Join discussionssap.com/community

Check out the latest blogs See all SAP TechEd blog posts Learn from peers and experts

SAP TechEd blog posts

Engage with the SAP TechEd Community Access replays and continue your SAP TechEd discussion after the event within the SAP Community

http://sapteched.com/online

https://www.sap.com/community.html

https://blogs.sap.com/?s=SAP+TechEd


More information

Related SAP TechEd Learning Journeys UX1 – Become the UX transformation champion in your company UX2 – Design and Develop SAP Fiori apps UX3 – Implement and run a great UX for the intelligent suite

Related SAP TechEd sessions UX102 – Benefits of the Evolution of SAPUI5 and UI5 Web Components UX103 – Develop SAP Fiori Apps Rapidly with Low-Code Development Tools UX203 – All You Need to Know About SAP Fiori Launchpad UX204 – Implementation Practices for SAP Fiori User Experience (UX) UX207 – SAP Fiori 3 UX and Design-Led-Development of SAP Fiori Apps for SAP S/4HANA UX300 – Unlock the Endless Potential in SAP Fiori Elements UX304 – Rapid Building of SAP Fiori Apps Using SAP Fiori Elements and CDS Views UX818 – Road Map for SAP Fiori

Public SAP Web sites SAP Community - blogs on SAP Fiori: https://blogs.sap.com/tags/73554900100700000977/ SAP products: http://www.sap.com/fiori SAP User Experience: https://experience.sap.com/

https://blogs.sap.com/tags/73554900100700000977/

http://www.sap.com/fiori

https://experience.sap.com/

Feedback Contact for further topic inquiriesPlease complete your session evaluation for UX208

Thomas ReissVice President, SAP Design Product [email protected]

Thanks for attending this session.

© 2019 SAP SE or an SAP affiliate company. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission ofSAP SE or an SAP affiliate company.

The information contained herein may be changed without prior notice. Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors. National product specifications may vary.

These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation orwarranty of any kind, and SAP or its affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP or SAP affiliate company products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.

In particular, SAP SE or its affiliated companies have 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 SE’s or its affiliated companies’ strategy and possible future developments, products, and/or platforms, directions, andfunctionality are all subject to change and may be changed by SAP SE or its affiliated companies 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. 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, and they should not be relied upon in making purchasing decisions.

SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate company) in Germany and other countries. All other product and service names mentioned are the trademarks of their respective companies.

See www.sap.com/copyright for additional trademark information and notices.

www.sap.com/contactsap

Follow us

https://www.sap.com/copyright

https://www.sap.com/registration/contact.html

https://www.linkedin.com/company/sap

https://www.youtube.com/user/SAP

https://twitter.com/sap

https://www.facebook.com/SAP

ux208 - explore sap fiori 3 for end-to-end processes in

Documents