You are on page 1of 44

CGE204 – Simplify Classic Screens to Improve

User Productivity with SAP Screen Personas

PUBLIC
Speakers 2018

SAP TechEd Las Vegas Sebastian Steinhauer


October 2–5, 2018 Peter Spielvogel

SAP TechEd Barcelona Sebastian Steinhauer


October 23–25, 2018 Peter Spielvogel

SAP TechEd Bangalore Sushant Priyadarshi


November 28–30, 2018 Pradeep Kumar Balasubramanyam

© 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 CGE204 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


Quick audience profile – raise your hands

Who is:
Live on SAP S/4HANA?
Live on ECC?
Running SAP S/4HANA in the cloud?
Using SAP Cloud Platform to augment your on-premise system?
Live with SAP Screen Personas?
Hearing about SAP Screen Personas for the first time?

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


3 things to remember after SAP TechEd

1. SAP Screen Personas 2. SAP Screen Personas 3. We are continuing to


is the fastest, easiest, simplifies classic innovate with SAP
least expensive, and screens in both Screen Personas
lowest risk
risk,way to SAP S/4HANA and
build SAP Fiori apps. ECC.
ECC

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


Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

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


Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

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


SAP Screen Personas improves usability for SAP GUI transactions

Demo
Running
simplified
transactions

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


Slipstream
SAP GUI forEngine
HTML (Web GUI) provides standard rendering

SAP Application Desktop Browser


Desktop/Mobile Browser
(SD, MM, PM, Fl,...)

SAP S/4HANA or SAP NetWeaver

Static SAP SAP Screen


Screen Processor Screen Personas Personas
Files Resource Handler
Slipstream
SAP GUI forEngine
HTML

SAP Screen
Static SAP GUI Kernel Resource
Personas
for HTML Files Handler
Processor

SAP Kernel

SAP Screen
SAP GUI for HTML
SAPUI5 Renderer Personas Screen HTTP Interface
Screen Renderer
Adapter HTML/
JSON/
HTTPS

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


Slipstream Engine simplifies rendering

SAP Application Desktop/Mobile Browser


(SD, MM, PM, Fl,...)
Slipstream Engine

SAP S/4HANA or SAP NetWeaver

Static SAP SAP Screen


Screen Processor Screen Personas Personas SAPUI5 Renderer
Files Resource Handler

SAP Screen
Personas SAP Screen
Processor Personas Screen
Adapter

SAP Kernel

HTTP Interface
JSON/
HTTPS

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


SAP Screen Personas is a proven UX transformation tool

1500 70 25
customers countries industries

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


SAP Screen Personas enables the Intelligent Enterprise

free time from mundane business


processes, data entry, and reporting
so users can focus on innovation
and build an intelligent enterprise

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


Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

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


What is SAP Fiori UX?

SAP user experience


Top -down initiative
Design language
Collection of apps

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


The SAP Fiori user experience has five defining characteristics

Simple Role-based Adaptive Coherent Delightful

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


There are several paths to the SAP Fiori UX

Design custom
Leverage
apps with Build,
out-of-the-box
Web IDE, Mobile
SAP Fiori apps
Services

Create Flavor
Buy custom app
with SAP Screen
from partner
Personas

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


Simple guidance for improving or mobilizing SAP user experience

Start:
Design Thinking

No No No
App available to Modify existing Reuse existing
meet exact SAP Fiori app? business logic?
needs?

Yes Yes Yes


1 2 3
Build custom app
Download
Enhance using SAP Screen (Build + Web IDE +
out-of-the-box
SAP Web IDE Personas flavors Fiori Elements +
SAP Fiori apps
Mobile Services)

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


Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

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


Simplified classic screens work best on mobile devices

Demo
Building adaptive
flavors for mobile
devices

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


Create low-code mobile apps using a few core building blocks

• Hide unused fields


• Apply SAP Fiori themes
• Automate repetitive actions
• Add corporate branding
• Streamline business processes

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


Slipstream Engine allows for greater flexibility
Slipstream
Engine

SAP Cloud Slipstream


Platform Engine

SAP Cloud SAP Web


Connector Dispatcher
NWBC Mobile Browser
Slipstream
SAP GUI
Engine
SAP S/4HANA
SAP NetWeaver
SAP Fiori Client
SAP GUI Slipstream
Engine
Desktop Browser
SAP Fiori launchpad
SAP GUI Slipstream
for HTML Slipstream Engine
Engine

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


Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

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


Terumo BCT streamlines warehouse operations

Goal was to address material


handling process inefficiencies
Warehouse and Clean Room
Material Handlers:
• use SAP for repetitive transactions
with very little variability
• have high turnover or switch
positions within the company often
• are not computer savvy and find
this process frustrating and not
user friendly

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


Terumo BCT streamlines warehouse operations

Business Results:
• 200 users
• 100% adoption
• 200,000+ transactions per year
• 10 minute training

Reduced transaction time from 1:10


mins to 10 secs

3300+ person-hours/year savings

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


Dong Energy simplifies equipment maintenance

Business objectives
1. Bundle relevant processes together
2. Automate and optimize processes
3. Improve usability
4. Minimize rework in environments that
require costly travel (wind turbines
located off-shore in the ocean)

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


Dong Energy simplifies equipment maintenance

Results (for transaction HU02)


2 min 25 sec 1 min 3 sec
34 clicks 10 clicks
Repeated across 17 transactions

Key Lesson
Build procedures into screens to
improve data quality

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


What customers are saying

“SAP Screen Personas helped “Our forklift operators love the


us automate a very time new simplified screens. SAP
consuming process with a Screen Personas made our
simple solution.” operators more efficient, and
SAP Technical Lead, ExxonMobil
the process simple and easy
“This is a great product and is to train.”
Business Analyst, LP Corp
helping many customers to
solve UX issues without “The new Viewport API in SAP
much $$ investments in Screen Personas allows us
custom development or to simplify a very complex
consulting. We find it easy to screen and provide the right
use and helps us to deploy amount of information to our
solutions very fast.” users, without overwhelming
Senior SAP Bus Process/System Specialist, Toronto District
School Board them.”
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC VP IT Applications, Penguin Random House LLC 28
How can we make SAP Screen Personas even better?

1. Decouple SAP Screen 2. Reduce the time to introduce


Personas from the SAP kernel new innovations

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


How can we make SAP Screen Personas even better?

Run SAP Screen Personas on


the SAP Cloud Platform

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


Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

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


Running in the cloud simplifies your IT environment

• No kernel upgrades for SAP Screen Personas


• Instant access to the latest versions
• Faster performance on mobile devices
• Better agility to become an intelligent enterprise

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


Slipstream Engine simplifies rendering

SAP Application Desktop/Mobile Browser


(SD, MM, PM, Fl,...)
Slipstream Engine

SAP S/4HANA or SAP NetWeaver

Static SAP SAP Screen


Screen Processor Screen Personas Personas SAPUI5 Renderer
Files Resource Handler

SAP Screen
Personas SAP Screen
Processor Personas Screen
Adapter

SAP Kernel

HTTP Interface
JSON/
HTTPS

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


SAP Screen Personas Cloud Edition

SAP Application
SAP Cloud Platform Browser
(SD, MM, PM, Fl,...)
Slipstream Engine

SAP S/4HANA or SAP NetWeaver


SAP Screen
Personas SAPUI5 Renderer
Resource Handler

Static SAP SAP Screen


Screen Personas
Personas Files Screen Adapter
SAP Kernel
SAP Screen
DIAG Interface Personas
Processor

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


We are looking for customers to beta test SAP Screen Personas, cloud edition

2018 2019

OCT NOV DEC JAN FEB MAR APR MAY JUN

SAP Screen Personas,


cloud edition*

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


3 things to remember after SAP TechEd

1. SAP Screen Personas 2. SAP Screen Personas 3. We are continuing to


is the fastest, easiest, simplifies classic innovate with SAP
least expensive, and screens in both Screen Personas
lowest risk way to SAP S/4HANA and
build SAP Fiori apps. ECC.
ECC

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


Beginning your SAP Screen Personas journey

 Identify SAP Screen Personas champion


 Have SAP Screen Personas champion
take the openSAP course
 Complete a pilot project
 Go live into production

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


Learn more about SAP Screen Personas at TechEd

Tuesday, October 2, 2018 Wednesday, October 3, 2018 Thursday, October 4, 2018

11:15 - 13:15 CGE362 9:15 - 10:15 CGE221 9:15 - 10:15 CGE230


2-hour SAP Screen Personas Mobile Sales via SAP Screen SAP Screen Personas 3 ways:
hands-on Personas: Lessons Learned at Simplified UX on Browser,
Brown-Forman Desktop and Mobile (Plaut IT)

10:30 - 11:30 CGE204 10:30 - 11:30 CGE300


SAP Screen Personas lecture Digital Transformation in
Publishing Requires an Intuitive
14:00 - 15:00 CGE610 User Experience (Penguin
SAP Screen Personas Random House)
mini-CodeJam
16:00 - 18:00 CGE362
16:45 - 17:45 CGE204 2-hour SAP Screen Personas
SAP Screen Personas lecture hands-on
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 38
Follow SAP Screen Personas on Twitter: @SAP_designs

Receive notifications on:

• Product updates

• Tutorials

• Tips & tricks to drive your UX transformation

• Support announcements

• Pointers to new content on SAP blogs

• Many exciting design topics

Follow us on Twitter:
https://twitter.com/SAP_designs
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 39
Agenda

1. SAP Screen Personas Overview

2. Delivering SAP Fiori UX with SAP Screen Personas

3. Building low-code mobile apps with SAP Screen Personas

4. Customer success with SAP Screen Personas

5. Introducing SAP Screen Personas, cloud edition

6. Where to learn more


© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 40
SAP provides several resources to accelerate your UX journey

Practitioner Forum Productivity Power Play


http://link.personas.help/PractitionersForum/Signup http://videos.personas.help

Flavor Gallery Knowledge Base


http://link.personas.help/SAPScreenPersonasFlavorGallery https://wiki.scn.sap.com/wiki/display/Img/Personas+Knowledge+Base

openSAP courses SAP Press E-Book


https://open.sap.com/courses/sps2 (Introduction)
https://www.sap-press.com/using-sap-screen-personas_3975/
https://open.sap.com/courses/sps3 (Advanced scenarios)
https://open.sap.com/courses/sps4 (Mobile development)

Links to SAP Screen Personas resources on the product page:


http://www.sapscreenpersonas.com
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 41
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 42


Further information

Related SAP TechEd learning journeys


CGE3 - How to Implement and Run Great UX for My Company
CGE1 - How to Become the UX Transformation Champion in My Company

Related SAP TechEd sessions


CGE230 CGE230 – SAP Screen Personas 3 ways: Simplified UX on Browser, Desktop and Mobile (Plaut IT)
CGE300 CGE300 – Digital Transformation in Publishing Requires an Intuitive User Experience (Penguin Random House)
CGE221 CGE221 – Mobile Sales via SAP Screen Personas: Lessons Learned at Brown Forman
CGE204 CGE204 – Simplify Classic Screens to Improve User Productivity with SAP Screen Personas (1-hour lecture)
CGE362 CGE362 – Building SAP Fiori Apps with SAP Screen Personas (2-hour hands-on workshop)
CGE610 CGE610 – Building Mobile Flavors with SAP Screen Personas (1-hour mini-CodeJam)

Public SAP Web sites


SAP Screen Personas product page: www.sapscreenpersonas.com
SAP Screen Personas flavor gallery: http://link.personas.help/SAPScreenPersonasFlavorGallery
SAP Screen Personas blogs: https://blogs.sap.com/tags/67838200100800005412/

SAP training and certification opportunities


Introduction to SAP Screen Personas https://open.sap.com/courses/sps2
Using SAP Screen Personas for Advanced Scenarios https://open.sap.com/courses/sps3
Building Mobile Applications with SAP Screen Personas https://open.sap.com/courses/sps4
© 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC 43
Thanks for attending this session.

Feedback Contact for further topic inquiries

Please complete your session Peter Spielvogel


Product Owner, SAP Screen Personas, cloud edition
evaluation for CGE204 peter.spielvogel@sap.com

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