Embed Size (px)
Peter Spielvogel, SAPDan Flesher, NIMBLTechEd 2016
SAP Screen Personas and SAP Fiori: It’s AND not OR
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 2Public
Fiori is a top-down initiative to address user experience
© 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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 4Public
Role-based SimpleResponsive 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. 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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 6Public
SAP Screen Personas and Fiori use different approaches
Fiori - additiveBuild anything with UI5 controls and Web IDE
• Developers can create applications that connect to your SAP data sources
SAP Screen Personas - subtractiveStart with existing business logic
• Business analysts can remove extraneous fields, merge screens, and automate actions to simplify transaction flows
© 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 DynproApplications
• Custom applications
• Cloud-based applications
• Third-party applications
• Web-based content
© 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 orWeb Dynpro
ABAP?
Yes
© 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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 10Public
Transforming Create Sales Order (VA01) into Fiori-inspired Design
© 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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 12Public
SAP Screen Personas AND Fiori on the Launchpad
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 13Public
SAP Screen Personas AND Fiori on the Launchpad
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 14Public
SAP Screen Personas AND Fiori on the Launchpad
© 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
© 2016 SAP SE or an SAP affiliate company. All rights reserved. 16Public
Accelerate your process with the Flavor Gallery
http://link.personas.help/SAPScreenPersonasFlavorGallery
© 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
© 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
© 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
