Public
UX209 – SAP Screen Personas As Part of the SAP Fiori User Experience
© 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
Peter Spielvogel
Sebastian Steinhauer
Tobias Queck
Barcelona, Nov 8 - 10
Sebastian Steinhauer
Klaus Keller
© 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.
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 4Public
Agenda
• Connecting SAP Screen Personas, SAP Fiori UX, and SAP S/4HANA
• Building Fiori Designs with SAP Screen Personas
• Adding SAP Screen Personas Flavors to the Fiori Launchpad
• Choosing the Right Technology
• Getting Started on UX Transformation
Public
Connecting SAP Screen Personas, SAP Fiori UX, and SAP S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 6Public
Fiori is a top-down initiative to address user experience
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 7Public
Role-based SimpleAdaptive Coherent Delightful
TechnologyDesign
Information ArchitectureVisual Design Interaction
PatternsUser Interface
Business Logic
SAP Fiori has several meanings
Concept
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 8Public
Fiori Launchpad is the single entry point to all SAP
• Fiori apps
• SAP Screen Personas flavors
• SAP GUI for HTML transactions
• Web DynproApplications
• Custom applications
• Cloud-based applications
• Third-party applications
• Web-based content
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 9Public
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
Public
The Fiori User Experience Inside the SAP GUI for HTML (Web GUI)
DemoUsing SAP Screen Personas
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 11Public
Where SAP Screen Personas fits into UX vision
Any database HANA
On-
prem
ise
Clo
udFiori UX
SAP Screen Personas
S/4 HANACloud
Business Suite Business Suite
on SAP HANA
LOB Solutions
S/4HANA
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 12Public
SAP Screen Personas is a key part of the S/4HANA Fiori UX
• Option to access SAP S/4HANA through the traditional user interfaces: Dynpro and Web Dynpro
• Use SAP Screen Personas 3.0 to:• Apply Fiori design to custom transactions• Simplify classic screens with Fiori Theme for
S/4HANA (Belize theme)• Simplify transaction screens for which no
Fiori app exists• Launch flavors from your Fiori Launchpad and
support intent-based navigation
Public
Building Fiori Designs with SAP Screen Personas
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 14Public
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 scriptsEasy 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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 15Public
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
Public
Building the Fiori user experience with SAP Screen Personas
DemoVA05N - List Sales Orders
Public
Adding SAP Screen Personas Flavors to the Fiori Launchpad
Public
Adding SAP Screen Personas Flavors to the Fiori Launchpad
DemoFiori Launchpad Integration
Public
Choosing the Right Technology
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 20Public
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 orWeb Dynpro
ABAP?
Yes
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 21Public
SAP Screen Personas and Fiori use different approaches
FioriBuild anything with UI5 controls and Web IDE
• Developers can create applications that connect to your SAP data sources
SAP Screen PersonasStart with existing business logic
• Business analysts can remove extraneous fields, merge screens, and automate actions to simplify transaction flows
Public
Getting Started on UX Transformation
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 23Public
SAP Screen Personas is part of a broader UX improvement process
* Validate with your users!
Simplify Processes*
Analyze Data Requirements*
Build Screens*
Identify Problem to Solve*
Iterate With End-Users
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 24Public
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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 25Public
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-personasi
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 26Public
Works onSAP GUI transactionsWeb Dynpro applications (SAP_UI 750)
RequiresSAP Business Suite (ECC 6) with Unicode or SAP S/4HANASAP 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 NowCRM, iPad, iPhone, Android
SAP Screen Personas: productivity through personalization
* Accurate at time of submission to TechEd. Subject to change without notice
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 27Public
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 …