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

SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

Embed Size (px)

Citation preview

Page 1: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

Peter Spielvogel, SAPDan Flesher, NIMBLTechEd 2016

SAP Screen Personas and SAP Fiori: It’s AND not OR

Page 2: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 2Public

Fiori is a top-down initiative to address user experience

Page 3: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 4: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 5: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 6: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 7: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 8: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 9: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 10: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 10Public

Transforming Create Sales Order (VA01) into Fiori-inspired Design

Page 11: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 12: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 12Public

SAP Screen Personas AND Fiori on the Launchpad

Page 13: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 13Public

SAP Screen Personas AND Fiori on the Launchpad

Page 14: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 14Public

SAP Screen Personas AND Fiori on the Launchpad

Page 15: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 16: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 2016 SAP SE or an SAP affiliate company. All rights reserved. 16Public

Accelerate your process with the Flavor Gallery

http://link.personas.help/SAPScreenPersonasFlavorGallery

Page 17: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 18: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 19: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

© 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

Page 20: SAP TechEd 2016 when_to_use_fiori_or_sap_screen_personas

Thank you

www.sapscreenpersonas.com

Dan FlesherNIMBL+1 [email protected]