You are on page 1of 35

CGE218 – Improve SAP Fiori Adoption

with SAP Build

PUBLIC
Speakers 2018

SAP TechEd Las Vegas Santosh Kikkeri


October 2–5, 2018 Keith Fisher

Thomas Dubreuil
SAP TechEd Barcelona Joelle El Hayek
October 23–25, 2018
Vincent Escalier

SAP TechEd Bangalore Saumya Nair


November 28–30, 2018 Shrinivasar Neelamegam

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


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

Be sure to complete the session evaluation


for this session CGE218 on the SAP TechEd
mobile app.

Download the app from


iPhone App Store or Google Play.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 3


Disclaimer

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.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 4


Introduction

The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 5


3 questions to know you

Raise your hand if you are…

from IT ?

new to SAP Build?

familiar with Design Thinking ?

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 6


SAP has a rich history in design thinking

 25 SAP Fiori apps released based on design  Numerous design awards,


 Hasso Plattner personally thinking approach including Red Dot Design Award
donates $35 million to Stanford  Consumer-grade user experience (UX)  Recognition by analysts
University throughout the enterprise  SAP Build, a cloud-based
 Hasso Plattner Institute of  Global customer-facing SAP Design AppHaus collaborative design tool, to scale
Design established locations using design thinking with customers design thinking

2005 2013 2016

2004 2010 2014

 SAP establishes a design  Design thinking-influenced workspaces  Chief design officer appointed
thinking services team  Global SAP Design AppHaus locations
 Design thinking adopted at board for development teams using design
level thinking
 Design thinking used in presales
(2012)

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 7


Design thinking overview

Discover Design Deliver

What is the What are the How to roll out and


problem to solve? potential solutions? get feedback ?
Explore opportunities to You understand the You’ve tested your
add value, identify the problem – now create the software designs with
problem to solve and for best solution. Prototype, users – now build the
whom, then talk to end test, and iterate your actual solution. Validate,
users and uncover their design with end users. adjust, and release your
real needs. product.

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 8


The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 9


Why SAP Build?

For IT For Line of Business


Little time left for innovation Difficult to deliver new solutions
For the Company
Digital transformation is a challenge

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 10


What is SAP Build?

Build is a comprehensive set of cloud-based tools to quickly


develop interactive prototypes, collect user feedback, and
jump-start development…

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 11


Who is SAP Build for?

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 12


The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 13


I’m a
Business Analyst The Scenario
Starting from the Idea

Create a study to feedback


from users and raise
Create a Project & Describe data model & discover adoption
set up your team services via API Hub/Management

Define simple business logic Hand over the prototype to


Define the UI following including UI Actions and CRUD SAP Web IDE
SAP Fiori Guidelines operations

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 14


Game changer for IT
Transform interactions with LoB

Increase user adoption and improve User


No longer a bottleneck
Experience

Follow SAP Fiori Guidelines Follow SAP Cloud Reference


architecture (UI5, OData, …)

Reduces Design impasses, Development Unlock secured access to the API made
rework and effort available by IT thru API Management

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 15


Driven by Management
Foster innovation

• Leverage IT investments

o With effortless interaction patterns, the SAP Fiori UX is designed for a


powerful impact across your enterprise

o UI technology, data access, scalable integrated platform

• Unlock Line-of-Business innovation

o Give them the right tool & methodology

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 16


Where does SAP Build Value stand?

Operationalize design-thinking
to spur innovation

Bring ideas to life through realistic, Improve adoption through early Dramatically reduce development
interactive prototypes with real feedback from end-users time and cost
data

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 17


Demo

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 18


The Why, The What, The Who

The Value

The Demo

About prototyping

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 19


Differences in prototypes

Low-Fidelity Medium-Fidelity High-Fidelity

Simple Clickable images & UI5 controls with UI5 controls with data Realistic
navigation inline data & model & UI Logic
navigation

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 20


SAP Fiori floorplans

Freestyle (not Fiori compliant)

Responsive

Object Page

WorkList

Flexible Column Layout

Master detail (for compatibility)

List Report

List Report (SAP Fiori Elements)

OVP (SAP Fiori Elements)


© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 21
SAP Fiori controls simplified

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 22


Have a doubt?

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 23


Why prototyping with real data matters?

It is Relevant for both the User and for the Developer

It is Efficient to manage screens and data consistency

It is Realistic to understand behaviors, increase feasibility and reduce costs

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 24


SAP Fiori compliant code and code structure

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 25


Ui Logic: The Power of Data Chart Aggregations
Change Value
Delete
Cancel Changes
Save
Create
Group
Filter
Sort
Search
Open Dialog
Open Dialog
Show Toast Message
Show Toast Message
Show Popover
Show Popover
Show Confirmation
Show Confirmation
Show Alert
Show Alert
Navigation
Navigation
Without Data Model With Data Model

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 26


Low vs High fidelity prototyping

Continue with
high fidelity prototyping
& user feedback

Start here with


low fidelity prototyping
& user feedback Questions through
user feedback can help

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 27


SAP Build in numbers

50,000 Connections/Month
120,000 Prototypes 37,000 Studies

1,000+ 60,000 1,100+


Customers Users Partners
(Incl. 16000 SAP employees)

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 28


“There’s no going back, we will
always use SAP Build for SAP
Fiori apps.”
Robert Blumhof, SVP IT North America, Sika Group

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 29


“SAP Build brings excitement to
our team and gets to the
business case quickly.
Jo Rose, SAP & Business Systems Manager, Linklaters

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 30


You can find us at

BUILD
https://build.me

EMAIL TWITTER
contact.build@sap.com @buildwithbuild
@SAP_designs

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 31


SAP TechEd online / SAP Community

Access replays of:


 Keynotes
 SAP TechEd live interviews
 Selected lecture sessions

http://sapteched.com/online

Continue your SAP TechEd discussion after


the event within SAP Community:
 Read and reply to blog posts
 Ask your questions
 Join conversations

sap.com/community
See all SAP TechEd blog posts

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 32


Further information

Related SAP TechEd learning journeys


CGE2 – How to Design and Develop SAP Fiori Apps

Related SAP TechEd sessions


CGE369 – Transform Your Application Requirements Process with SAP Build….
CGE638 – Designing Applications with Real Company Data by Using SAP Build
LT149 – Optimize Your Application UX by Employing User Feedback

Public SAP Web sites


SAP Community: www.sap.com/community
SAP products: www.sap.com/products
SAP Build: build.me
SAP Design: experience.sap.com

SAP training and certification opportunities


www.sap.com/education
https://www.sap.com/developer/tutorials/build-getting-started.html

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 33


Thanks for attending this session.

Feedback Contact for further topic inquiries

Please complete your session contact.build@sap.com

evaluation for CGE218.


@SAP_designs

© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 34


Follow us

www.sap.com/contactsap

© 2018 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 of
SAP 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 or
warranty 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, and
functionality 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.