1. PUBLIC
Peter Spielvogel, Conrad Bernal, SAP
March 19, 2019
Going Mobile with SAP Screen Personas
Creating SAP Fiori-inspired screens for tablets, mobile phones

2. 2PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
3. We are continuing to
innovate with SAP
Screen Personas
2. SAP Screen Personas
simplifies classic
screens in both
SAP S/4HANA and
ECC.
1. SAP Screen Personas
is the fastest, easiest,
least expensive, and
lowest risk way to
build SAP Fiori apps.
3 things to remember after today’s meeting
fastest, easiest,
least expensive,
lowest risk, SAP S/4HANA
ECC
continuing to
innovate

3. 3PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
1. SAP Screen Personas as a path to the Fiori UX
2. Building mobile apps with SAP Screen Personas
3. Getting started on your mobile journey
Agenda

4. SAP Screen Personas as a path to the
Fiori UX

5. 5PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP user experience
Corporate initiative
Design language
Collection of apps
What is SAP Fiori UX?

6. 6PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
ONE GUI for ALL USERS in all roles, in all
industries, in all countries
Distilled down to ONE version for
ONE user or user group
Fiori represents a fundamental shift to a role-based SAP

7. 7PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
A single entry point to SAP
• SAP Fiori apps
• SAP Screen Personas flavors
• SAP GUI for HTML transactions
• Web Dynpro applications
• Custom Fiori apps
• Web-based content
Access SAP ERP functionality through the Fiori launchpad

8. 8PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Create Flavor
with SAP Screen
Personas
Design custom
apps with SAP
Fiori Elements or
SAP Mobile
Services
Buy custom app
from partner
Leverage
out-of-the-box
SAP Fiori apps
There are several paths to the Fiori user experience (UX)

9. 9PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP Screen
Personas
AndroidiOSSAP UI5SAP Cloud
Platform
Design
Technology
DelightfulCoherentSimpleAdaptiveRole‐based
You can implement SAP Fiori UX design using various technologies

10. 10PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP Customers are embracing SAP Screen Personas
industries
25
countries
70
live customers
1600

11. 11PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP Screen Personas is the fastest way to deliver the SAP Fiori UX
Extend the SAP Fiori User Experience
• Build SAP Fiori designs with pre-made
SAP Fiori themes, templates, styles, icons
• Embed flavors into SAP Fiori launchpad
Simplify SAP S/4HANA or ECC screens
• Simplify complex classic UI screens
• Match your corporate branding
• Apply SAP Fiori design to custom
transactions
Access Flavors from Any Browser
• Slipstream Engine renders flavors on
desktop, tablet, or mobile phone
• Run screens in SAP GUI for Windows,
SAP GUI for HTML, or SAP GUI for Java

12. 12PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Improve business user productivity
Increase SAP adoption by making screens
easier to use
Decrease training time for SAP users with
intuitive screens
Improve data quality
Enhance user satisfaction
Gain flexibility by rendering simplified SAP
GUI screens on any connected device
Reduce the cost of mobile app development
Simpler screens deliver measurable business benefits

13. Building mobile apps with
SAP Screen Personas

14. 14PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
1. Understanding of mobile design principles
2. Way to simplify screens
3. Method to render screens on a phone and tablets
You need three things to render classic transactions on a mobile device

15. 15PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
1. Understand your users and what they need to do
2. Keep it simple
 1 or 2 functions per screen
 Maintain focus within broader context
 Avoid horizontal scrolling
Use mobile-first design principles

16. 16PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
1. Understand the use case
2. Remove all unused fields and controls
3. Organize information in an intuitive way
Simplify classic screens before using on small screen

17. 17PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
1. Component of SAP Screen Personas 3.0 SP08
2. Converts classic transactions to UI5 apps
3. Runs SAP S/4HANA and ECC screens
on mobile phones and tablets
4. Flavor editor built into Slipstream Engine
(editor runs on desktop only; mobile preview included)
Slipstream Engine renders SAP Screen Personas flavors anywhere

18. Demo: Simplify complex screens with SAP Screen
Personas flavors for mobile use

19. 19PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Slipstream Engine renders
flavors on desktop, tablet,
or mobile phone
Pre-filled fields & pull-
down menus as well as
automation of repetitive
tasks
Adapt Dynpro or Web
Dynpro ABAP screens
SAP Fiori design creation
for custom or standard
transactions, including SAP
S/4HANA; embed into SAP
Fiori launchpad
Hide / rearrange screen
elements, reduce scrolling
Reduce the cost of
personalization compared
to custom coding
Enhance user
satisfaction
Decrease training time for
SAP users with intuitive
screens
Increase SAP adoption by
making screens easier to use
Improve business
productivity
Benefits Capabilities
SAP Screen Personas simplifies complex classic ERP screens

20. Getting started on your mobile journey

21. 21PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
Simple guidance for improving SAP user experience
Yes Yes
No No
Download
out-of-the-box
SAP Fiori apps
Build custom app
SAP Screen
Personas flavors
No
Enhance using
SAP Web IDE
Reuse existing
business logic?
Yes
Start:
Design Thinking
1 2 3
App available to
meet exact
needs?
Modify existing
SAP Fiori app?

22. 22PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP has rich tools to optimize the user experience
SAP Screen Personas
SAP Fiori Elements
SAP Cloud Platform Mobile Services
Prototyping and design
Multichannel applications
Existing scenarios
Mobile apps
SAP Build

23. 23PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
SAP Press E-Book
https://www.sap-press.com/using-sap-screen-personas_3975/
Product Page
http://www.sapscreenpersonas.com
Product Support Page
https://wiki.scn.sap.com/wiki/display/Img/SAP+Screen+Personas
+Product+Support
openSAP courses
https://open.sap.com/courses/sps2 (Introduction)
https://open.sap.com/courses/sps3 (Advanced scenarios)
https://open.sap.com/courses/sps4 (Mobile development)
Flavor Gallery
http://link.personas.help/SAPScreenPersonasFlavorGallery
Practitioner Forum
http://link.personas.help/PractitionersForum/Signup
SAP provides several resources to accelerate your UX journey

24. 24PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
 Identify SAP Screen Personas champion
 Have SAP Screen Personas champion
take the openSAP courses
 Complete a pilot project
 Go live into production
Beginning your SAP Screen Personas journey

25. 25PUBLIC© 2019 SAP SE or an SAP affiliate company. All rights reserved. ǀ
3. We are continuing to
innovate with SAP
Screen Personas
2. SAP Screen Personas
simplifies classic
screens in both
SAP S/4HANA and
ECC.
1. SAP Screen Personas
is the fastest, easiest,
least expensive, and
lowest risk way to
build SAP Fiori apps.
3 things to remember when you get back to your office
fastest, easiest,
least expensive,
lowest risk SAP S/4HANA
ECC
continuing to
innovate

26. Thank you.
Contact information:
Peter Spielvogel
peter.spielvogel@sap.com
Conrad Bernal
conrad.bernal@sap.com