1. Peter Spielvogel, SAP
Dan Flesher, NIMBL
TechEd 2016
SAP Screen Personas and SAP Fiori: It’s AND not OR

2. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 2Public
Fiori is a top-down initiative to address user experience

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

4. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 4Public
Role-based SimpleResponsive Coherent Delightful
TechnologyDesign
Information
Architecture
Visual Design
Interaction
Patterns
User Interface
Business Logic
SAP Fiori has several meanings
Concept

5. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 5Public
Let’s define what we are talking about
SAP Fiori UX
• The new look and feel of SAP
software
• Role-based user experience
• Included with S/4HANA
SAP Screen Personas
• Tool to simplify interaction with
SAP ERP
• For SAP GUI screens or
WebDynpro ABAP applications
• S/4HANA approved add-on
SAP Fiori apps
• Templates based on common
business scenarios
• Across industries and
lines of business
• Backend requirements vary

6. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 6Public
SAP Screen Personas and Fiori use different approaches
Fiori - additive
Build anything with UI5 controls and Web IDE
• Developers can create applications that
connect to your SAP data sources
SAP Screen Personas - subtractive
Start with existing business logic
• Business analysts can remove extraneous
fields, merge screens, and automate actions to
simplify transaction flows

7. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 7Public
What you need to know: single entry point to all SAP
• Fiori apps
• SAP Screen
Personas flavors
• SAP GUI for HTML
transactions
• Web Dynpro
Applications
• Custom applications
• Cloud-based
applications
• Third-party
applications
• Web-based content

8. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 8Public
Simple guidance for improving desktop user experience
Fiori app
available to
meet exact
needs?
Modify
existing
Fiori app?
Yes Yes
No No
SAP Fiori
Build your own
Fiori app
SAP Screen
Personas
No
Start:
Design Thinking
Enhance using
SAP Web IDE
Based on
SAP GUI or
Web Dynpro
ABAP?
Yes

9. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 9Public
SAP Screen Personas AND SAP Fiori (it’s not OR)
• It’s not an either or scenario – each technology compliments the other
• SAP Screen Personas flavors can be displayed in
• SAPGUI
• Business Client 6.0
• SAP Fiori Launchpad
• SAP Screen Personas includes SAP Fiori “themes” to create
applications with similar look and feel
• SAP Screen Personas reduces development effort by not requiring
SAP Gateway development

10. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 10Public
Transforming Create Sales Order (VA01) into Fiori-inspired Design

11. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 11Public
Real World Scenario
• Customer running S/4 HANA wants to introduce Personas
flavors into their landscape
• Utilize pre-built flavors from the Personas Gallery
• Configure a new tile on the Fiori Launchpad to access our
Personas Flavor
• Very few customizations, and 0 custom code

12. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 12Public
SAP Screen Personas AND Fiori on the Launchpad

13. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 13Public
SAP Screen Personas AND Fiori on the Launchpad

14. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 14Public
SAP Screen Personas AND Fiori on the Launchpad

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

16. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 16Public
Accelerate your process with the Flavor Gallery
http://link.personas.help/SAPScreenPersonasFlavorGallery

17. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 17Public
Assets for building Fiori-inspired designs
Themes
- pre-defined Fiori background and buttons
- applies to multiple screens
Templates
- pre-defined placeholders onto which you drop controls
- include formatting
Flavors
- download example Fiori-inspired flavors from Flavor Gallery
Quick Styles
- formatting you can apply to controls for consistent designs

18. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 18Public
Technical details
Installed as ABAP add-on – Any version of SAP NetWeaver 7.01+
Approved S/4HANA add-on; planned compatibility with Belize theme
Scripting capabilities based on JavaScript
Enables automation of click
and typing events

19. © 2016 SAP SE or an SAP affiliate company. All rights reserved. 19Public
More information about SAP Screen Personas
Product Page www.sapscreenpersonas.com
Getting Started resource page scn.sap.com/docs/DOC-54574
OpenSAP course https://open.sap.com/courses/sps1
Productivity Power Play (video series) http://videos.personas.help
SAP Press e-book
https://www.sap-press.com/using-sap-
screen-personas_3975/
Download (part of NetWeaver license) https://service.sap.com

20. Thank you
www.sapscreenpersonas.com
Dan Flesher
NIMBL
+1 856-313-9252
daniel.flesher@benimbl.com