2014.12.04 expert session sap ux @ expertum - sap's ux strategy unraveled

SAP Strategy

The SAP User Experience Strategy (recap)

Deepdive into some UI technologiesFioriNWBCScreen Personas

Architecture

Final Thoughts


3

Our Private Lives Happen in Real Time

7© 2014 SAP AG or an SAP affiliate company. All rights reserved. 7


PC / Desktop

anywhere, any device

for all users

event-driven

working model

SAP has Changed !SAP has Changed !SAP has Changed !SAP has Changed !

for expert users

standardized

transactionstransactional

working model

collaborative

data processing


Digitization ConsumerizationInternet of Things

Way of working

Run SimpleThe Cloud Company powered by SAP HANA

CloudEmpower the end userData in memory


Applications Analytics

User Experience & Mobility

PartnersCustomersSAP

Industries Line of Business

SAP HANA Platform for Innovation & Simplification

User Experience in general is changing...

... still, most end-users experience SAP through classic SAP GUI

GARTNER REPORT

65% of the Expert Users rated the SAP GUI as good or very good80% of the Casual Users rated the SAP GUI as poor or not good

Not every employee is an IT expert...

Complex screens

Diversity between tools/transactions

High learning curve

Document numbers

Unattractive design

Not every employee is an IT expert...

Training non-IT minded employees...

Training costs

Resources

Time

Trainee attention span

Training organization

Importance of SAP User Experience

Lower productivity due to complex transactions

High fault-rate (financial impact?)

Lower user involvement

High training costs

Today’s goal

Providing you an overview of existing solutions

Demonstrating some of those solutions

Helping you in making the right choice if and which solution(s) can benefit your company

Agenda

SAP Strategy

The SAP User Experience Strategy (recap)


Architecture

Final Thoughts

The SAP User Experience Strategy


Top use scenarios Core use scenarios

Existing Applications

RENEW ENABLE

Fiori NWBC Enablement Tools(e.g. SAP Screen Personas)

NEW

New Applications

Usage/Reach

Customer value use scenarios

Agenda

SAP Strategy



Architecture

Final Thoughts

Fiori – Qu’est-ce que c’est?

A collection of apps

For most frequently used SAP transactions

Simple & easy tile-based navigation

Same UI across multiple platforms

Role based access

Fiori – Qu’est-ce que c’est?

Fiori - App types

# of available apps: 131 145 95

... and counting

Fiori - Demo time

Fiori - Benefits

IntuitiveSmartphone-like

Out-of-the-boxInstantly to be used

MobileDesktop, iPad, smartphone, ...

Works offline

ResponsiveSame UI across all devices, versions, channels, ...

Fiori – Best used at...

Top used transactions

Low complexity transactions

Various audience

Casual users

mobile users

limited action users

Various devices

(analytical apps: HANA enabled)

Fiori - FAQ

Works on any standard transaction?

Remake, not reuseWaves

Customizing/Development?Small customizing > app updateCustomized processes > custom apps

What SAP systems does Fiori apply to?

ECC, HR, CRM, SRM, ...More to come in next waves

How does Fiori relate to other launchpads?

Can be integrated with each otherSAP future approach – all on Fiori

Only relevant for simple cases?Also for more complex transactions (MRP, Finance, Sales, etc)

Required infrastructure? Transactional app: any databaseAnalytical apps: HANA

Licenses?Free

Access ManagementPFCG role based

CatalogsGroups

Agenda

SAP Strategy



Architecture

Final Thoughts

NWBC – Qu’est-ce que c’est?

UI client to combine SAP GUI transactions and Web based applications

Browser-like navigation

Power lists

Side Panel

Integration with web-services(Google, Social Media, etc)

Role based access

NWBC – Qu’est-ce que c’est?

NWBC – Sidepanel variations

NWBC – Demo time

NWBC - Benefits

Single point of entry for all SAP applications

Standard + custom SAPGUI transactions

Renewed Transactions (Webdynpro, …)

Powerlists

BW reports

Screen Personas flavors

Consistent look & feel

Instantly applicable

Enables renewed transactions

Side Panel adds various useful information:

Additional data

Graphs & charts

Autocad drawings

Google webservices

Social Media

NWBC – Best used at...

All, always

Desktop users

NWBC – FAQ

Development of sidepanels?

Standard sidepanels available

Webdynpro development

Implementation time?

Download & install

Redefinition of PFCG roles

Required infrastructure?

Not applicable – is a front end tool

Licenses?

Free

Access Management: PFCG role based

Role Menus

Agenda

SAP Strategy



Architecture

Final Thoughts

Screen Personas - Qu’est-ce que c’est?

Tool for...

Screen simplification

Screen personalization

Pre-filled fields

Drop-down menu’s with limited input choices

Key stroke automation

Screen Personas – Demo time

Scenario: Creation of Material Master Data

Screen Personas - Benefits

Simplification of complex transactions

Personalization

For all classic SAPGUI transactions, including custom transactions

No programming or technical skills needed

WYSIWYG

Easy addition of web content, images, shortcuts, etc

Easy distribution of screens (& variants) to specific user groups

Screen Personas – Best used at...

Classic SAPGUI transactions (incl. custom)

Complex screens

Specific user groups

Desktop users

Support teams have a clear understanding of users & their screens

Screen Personas - FAQ

Applicable to all systems/screens?

only on classic SAPGUI (Dynpro) screens

+10.000 transactions, +400.000 screens

Applicable to any device?

Yes, but no responsive design

Functional restrictions?

Is a presentation layer

Can end-users develop own flavors?

Yes, but needs to be authorized & is not best practice

Can I share my flavors?

Screens can be distributed to specific user groups

What happens with mandatory fields that are hidden and not filled in?

Script blocks

Change management

Flavors can be transported

Implementation time

“Fast and easy”

Licenses?

Free

Required infrastructure

Works on SAPGUI

Can be integrated with NWBC

Agenda

SAP Strategy



Architecture

Final Thoughts

Architecture

Bert Vanstechelman, Logos

SAP‘s Key UI Tools & Technologies - Overview

SAP NetWeaver Business Client

SAP NetWeaver Portal

DYNPRO

GATEWAY

SAPScreenPersonas

UIT

hem

eD

esig

ner

UI Technologies

SAP GUI

UI Tools

Web

Dynpro* ABAP/FPM1

Flexible UIDesigner

UI Clients

SAPUI5

SAP RiverRapidDevelopmentEnvironment

SAP Fiori Launchpad

Backend* Harmonized in Run & Design Time with WebUIF, 1 Floorplan Manager

Public

© 2014 SAP SE or an SAP affiliate company. All rightsreserved.

46

UX features per Business Suite EhP - Overview

Business Suite 7.0

EhP 1 EhP 2 EhP 3

Note

EhP 0 EhP 4 EhP 5 EhP 6 EhP 7

SAP Fiori Suite on HANA

Side Panels Side Panel Server for EhP < 6

NW Portal

NWBC Desktop 4.0

Corbu Design

Entry Pages Created via Page Builder

Visual Enterprise Former Right Hemisphere

Lanes HCM Add-on for EhP6, Gateway

SAP Jam Integration

Floor Plan Manager

SAP Screen Personas Kernel 7.21 or higher required

Mobile Solutions SMP, Gateway, …

PLM

Side Panel Server / Limited ChipSet

TransactionalApps

© 2014 SAP AG or an SAP affiliate company. All rights reserved.

Public

47

Support Timeline for SAP GUI for Windows

Today

Decem

berSAP GUI for Windows

7.10

Ap

ril

SAP GUI for Windows7.30

Maintenance (EOL

14.7.2015)

Beta phase


Maintenance (EOL

12.4.2013)

2011

2012

2013

2014

2015

Ap

ril Ju

ly

Maintenance (EOL

9.4.2011)

Refer to SAP Note 147519 for details


Maintenance (EOL

9.1.2018)

Beta phase

2016

No

vem

be

r

Restricted Maintenance till October

31st


Public

48

SAP Screen Personas 3.0


Public

5is built into SAP GUI for HTML (Web GUI)

SAP Screen Personas 3.0


Public

5

Fiori Architecture - High-level overview

DMZ

Intrane

t

Interne

t

Tunneling Solution (Relayserver, reverse proxy…)

SAP Business Suite(ERP, SRM, …)

SAP Business Suiteon HANA (ERP, SRM,

…)

…

� One code line for all screen sizes

� SAP UI5 (HTML5) control Library

� No Installation

� Enhanced deployment options for Mobile

� Gateway Server

� Leveraging Odata

� Fiori ABAP Add-Ons

� HANA and ‘any DB’ options

� Architecture differences for

different app types

� Multiple Backends support

Frontend Server

Identity Provider (*)

� Several Security options

Fiori ABAP Add-on

� Several Authentication options

2014 SAP SE. All rights reserved FLPC

Fiori Architecture

Central Hub Deployment of SAP Gateway

EmbeddedDeployment of SAP Gateway

SAP Gateway Server

SAP UI 5

SAP Fiori UI Add-ons

SAP Business Suite ABAP

Enterprise Search Models

SAP Gateway Server

SAP UI 5

SAP Fiori UI Add-ons

SAP Business Suite ABAP

Enterprise Search Models

Architecture - Fiori Apps, Launchpad and SAP PortalFiori launchpad running on the SAP Enterprise Portal

INT

ER

NE

TO

UT

ER

D

MZ

INN

ER

D

MZ

INT

RA

NE

T

SAP Enterprise Portal

SAP Business Suite (ERP, SRM, …)

HANA / anyDB

SAP None-SAPNone-SAP

None-SAP

Reverse Proxy / Load Balancer

HTTP(S)

HTTP(S)

HTTP(S)

HTTP(S)

SAPSAP

HANA / anyDB

ODATA

LDAP

LDAP

HTTP(S)

HTTP(S

)

ODAT

A

RFC

HTTP(S)

HTTP(S)

Single Sign-On

� SAML 2.0� X.509

�

�

3rd party ticket issuer Other…

Single Sign-On (desktop) only� SPNego

Security:

� Fiori security guide� NetWeaver security guide

Recommended

SAP NetWeaver Gateway Fiori Front End Server

2014 SAP SE. All rights reserved 53FLPC

Architecture SAPUI5 - Overview

SAP NetWeaver Portal 7.30 SP10+

UI Theme Designer(IE10+/Firefox/Chrome

)

SAPNetWeaverAS ABAP

UI Add-on 1.0 SP04+ for SAPNetWeaver

UI theme repository (storage)

Unified Rendering

Themes

UI Dev. Toolkit for HTML5 (SAPUI5)

SAP NWBCthemes

.less.css

.less

WebDAV/HTTP

ApplicationApplication

Application

.css

Theme Admin Tool

© 2014 SAP SE. All rights reserved.

Public

54

Agenda

SAP Strategy



Architecture

Final Thoughts

Screen Personas (enable)

SAP UX Strategy

Fiori (renew)

Many other new products

NWBC (renew)

SAP UX Strategy – Importance to your business

• Intiutive UI• Reduced learning curve

• Reduced complexity• Reduced/simplified input

• Recognizable UI• Visually more appealing• Personalization

• Intiutive, simplification, personalization, ...

• Reduced money loss

Why you should go for a better SAP UI experience

Feeling before Feeling after

How do I choose?

Fiori Screen Personas NWBC

Key feature Tile-based apps Screen personalization/ simplification

Powerlists, renewed transactions, Sidepanel

Applicable to Frequently used transactions

All SAP GUI transactions, incl. custom

All transactions & applications

Configuration Out of the box – new apps Easy personalization of existing transactions

Instant translation of existing transactions

Development/ Customizing

Minimal changes in existing apps / own apps for custom processes

WYSIWYG Web application development

Devices All Desktop Desktop

Audience Various users Specific user groups All users

Important question(s)

Are my transactions on the Fiori list?

Ratio transactional / analytical requirements?

Are my transactions Dynpro transactions?

Can my end-users handle various UI’s?

Where is SAP heading to?

Expertum’s contribution

Key Take-aways

1. There’s a wide range of UI technologies to help you improve your end-users’ working experience

3. Don’t focus on one solution. The secret lies in diversity. Mix the right UI technologies for the best result!

2. Making the right decision will

Save on training costs & decrease user errors

Improve productivity & make users happy

Thanks for listening!

Any questions?

2014.12.04 expert session sap ux @ expertum - sap's ux strategy unraveled

Business

Transcript of 2014.12.04 expert session sap ux @ expertum - sap's ux strategy unraveled