SAP TechEd 2016 ux209_sap_screen_personas_lecture

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


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.


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


Fiori is a top-down initiative to address user experience


Role-based SimpleAdaptive Coherent Delightful

TechnologyDesign

Information ArchitectureVisual Design Interaction

PatternsUser Interface

Business Logic

SAP Fiori has several meanings

Concept


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


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


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


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


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


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


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


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


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


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


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


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


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 …