Slides from TechEd 2016 session UX261. SAP Screen Personas hands-on session. How to build Fiori-inspired designs using templates.

1. Public
UX261 – Simplifying Screens in SAP ERP with
SAP Screen Personas

2. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 2Public
Speakers
Bangalore, October 5 - 7
Chinthan Yajamaan
Kranthi Kumar Muppala
Las Vegas, Sept 19 - 23
Sebastian Steinhauer
Tobias Queck
Peter Spielvogel
Barcelona, Nov 8 - 10
Sebastian Steinhauer
Klaus Keller

3. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 3Public
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.

4. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 4Public
Agenda
• Product overview
• Hands-on exercises
1. Create dashboard
2. Move data with scripting
3. Use templates to speed flavor creation
4. Merge tabs to simplify screens
5. Trap errors to streamline user experience

5. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 5Public
SAP Screen Personas 3.0 is a fast way to deliver the Fiori UX
Built into SAP GUI for HTML
 Full HTML5 editing with no Silverlight
dependency
 Render in SAP GUI or Web GUI
JavaScript-based scripting engine
 Simple recording and playback of
keystrokes with full scripting power
Easier SAP Fiori integration
 Embed flavors into SAP Fiori launchpad
 Build Fiori designs
Simplify S/4HANA screens
 Apply Fiori design to custom transactions
 Simplify complex GUI screens
Edit Web Dynpro ABAP screens

6. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 6Public
How does SAP Screen Personas work?
Deploys as a layer on top of an
underlying SAP screen
• The existing functionality and
authentication model are retained
• Changes are applied as a delta to the
existing screen
• It is possible to remove, change or add
controls or scripts
Easy to create and simple to deploy
• WYSIWYG HTML5 editor to create
flavors with drag-and-drop
• JavaScript executable across SAP GUI
for Windows, HTML and Java
• Full integration with SAP roles and
authorizations

7. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 7Public
Personalization for classic SAP ERP interfaces
1
2
3
4
5
1 Basis
Kernel2
3 Screen Personas
4 Web GUI
SAP GUI5
Java GUI
Web Dynpro ABAP
S/4HANA
Fiori UX
RDS
SAP Screen Personas 3.0 architecture
also:

8. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 8Public
Where SAP Screen Personas fits into UX vision
Any database HANA
On-premiseCloud
Fiori UX
SAP
Screen
Personas
S/4 HANA
Cloud
Business
Suite Business Suite
on SAP HANA
LOB
Solutions
S/4HANA

9. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 9Public
Where is SAP Screen Personas running?
• If not logged on – please logon to student desktop
• Open Chrome (link should be on the desktop)
• Enter url:
• http://link.personas.help/UX261-00
• http://link.personas.help/UX261-01
• http://link.personas.help/UX261-02
• Logon with table number and secret password: “welcome”

10. Public
Hands-on Exercise 1 - Dashboard

11. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 11Public
59
121
350
95
59
780
200
45
109
780
200
45
59
553
200
45
109
553
200
45
37
121
345
13

12. Public
Hands-on Exercise 2 – Basic Scripting

13. Public
Hands-on Exercise 3 - Themes

14. Public
Hands-on Exercise 4
Merge Tabs

15. Public
Hands-on Exercise 5 – Error Trapping

16. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 16Public
SAP Screen Personas is part of a broader UX improvement process
Simplify Processes*
Analyze Data Requirements*
Build Screens*
Identify Problem to Solve*
Iterate With End-Users
* Validate with your users!

17. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 17Public
The right team ensures a successful project
Business Process
Expert
SAP Screen
Personas Expert
Design Expert /
User Researcher
• Understand data
• Simplify flows
• Build screens
• Write scripts
• Observe users
• Create designs

18. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 18Public
Works on
SAP GUI transactions
Web Dynpro applications (SAP_UI 750)
Requires
SAP Business Suite (ECC 6) with Unicode or SAP S/4HANA
SAP Screen Personas 3.0 SP3; Kernel 7.45 PL 201 or higher*
SAP Screen Personas 3.0 SP2; Kernel 7.42 PL 401 or higher*
SAP Screen Personas 3.0 SP2; Kernel 7.22 PL 100 or higher*
SAP Screen Personas 2.0 SP4; Kernel 7.21 PL 415 or higher*
Not Now
CRM, iPad, iPhone, Android
SAP Screen Personas: productivity through personalization
* Accurate at time of
submission to TechEd.
Subject to change without
notice

19. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 19Public
Productivity Power Play video series focuses on best practices
Tips for improving productivity with SAP
Screen Personas. Topics include:
• Release strategy
• Project planning
• System administration
• Theming
• Editor tips
• Scripting
• Building Fiori screens
http://videos.personas.help

20. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 20Public
SAP Screen Personas Flavor Gallery accelerates deployment
Gallery holds assets to build flavors more quickly
• Flavors for SAP Screen Personas provide a starting point for
transactions
• Themes for SAP Screen Personas provide visual changes
across transactions
• Templates for SAP Screen Personas offer a floorplan for
quickly building flavors with a consistent appearance
• Content provided as-is with no further support
• Mostly Fiori-designs on SAP Screen Personas 3.0
http://link.personas.help/SAPScreenPersonasFlavorGallery
More information on SCN:
http://scn.sap.com/community/gui/blog/2016/
05/14/announcing-content-flavors-themes-
and-templates-for-sap-screen-personas
i

21. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 21Public
SAP TechEd Online
Continue your SAP TechEd
education after the event!
Access replays of
 Keynotes
 Demo Jam
 SAP TechEd live interviews
 Select lecture sessions
 Hands-on sessions
 …

22. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 22Public
Further information
Related SAP TechEd sessions:
<UX209> - <SAP Screen Personas as part of the Fiori User Experience (1-hour lecture)>
<UX201> - <How Freeman Transformed UX with SAP Fiori and SAP Screen Personas (1-hour lecture)>
<UX114> - <SAP Screen Personas at Maxim Integrated Products (1-hour lecture)>>
<UX124> - <Update on SAP Business Client and the SAP GUI Interface Family (2-hour lecture)>
<UX601> - <Scripting for ABAP in Web Dynpro with SAP Screen Personas (1-hour CodeJam)>
<UX101> - <UI Technologies and Clients from SAP in Times of SAP Fiori and SAP S/4HANA (2-hour lecture)>
SAP Public Web
http://sapscreenpersonas.com
http://scn.sap.com/community/gui
http://link.personas.help/SAPScreenPersonasFlavorGallery
SAP Education and Certification Opportunities
http://videos.personas.help
https://wiki.scn.sap.com/wiki/display/Img/Getting+Started+Guides
https://open.sap.com/courses/sps1
Watch SAP TechEd Online
www.sapteched.com/online