Twitter:#ASUG

How Intel Delighted Users, Customers

and Employees with a new SAP User
Experience (UXP1459)
Lavaughn Urbano (IT Capability Engineer)
Bala Suresh (IT UX Program Manager)

Legal Notices

This presentation is for informational purposes only. INTEL MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS SUMMARY.
Software and workloads used in performance tests may have been optimized for performance only on Intel microprocessors. Performance
tests, such as SYSmark and MobileMark, are measured using specific computer systems, components, software, operations and
functions. Any change to any of those factors may cause the results to vary. You should consult other information and performance tests
to assist you in fully evaluating your contemplated purchases, including the performance of that product when combined with other
products.
For more complete information about performance and benchmark results, visit www.intel.com/benchmarks
Intel and the Intel logo are trademarks of Intel Corporation in the U.S. and/or other countries.
* Other names and brands may be claimed as the property of others.
Copyright 2015, Intel Corporation. All rights reserved.

Copyright 2015, Intel Corporation. All rights reserved.

2014 Intel IT Vital Statistics

>6,065 IT employees
50 global IT sites

>106,000 Intel employees1

170 Intel sites in 66 Countries

61 Data Centers

(91 Data Centers in 2010)

80% of servers virtualized
(42% virtualized in 2010)

>119,000+ Devices

100% of laptops encrypted

100% of laptops with SSDs
>53,700 handheld devices
164 mobile applications developed
Source: Information provided by Intel IT as of Jan 2015
1Total

employee count does not include wholly owned subsidiaries that

Intel IT does not directly support
Copyright
2015,
Intel Corporation.
All rights
reserved.
Copyright
2015,
Intel Corporation.
All rights
reserved.

User Testimonials
PLEASE DONT TAKE THIS AWAY !

Love the look of

the screens

Less chance of
Errors !
No Cons

When can we roll this out to

everyone??

How did we get here? .

Copyright 2015, Intel Corporation. All rights reserved.

Agenda
Objectives and Key Takeaways
IT Usability Assessment
Improving User Experience
Priorities, Focus areas and Business Value
Benefits Realized
Lessons Learned and Tips & Tricks
Productivity Measures and metrics
Copyright 2015, Intel Corporation. All rights reserved.

Objectives and Key Takeaways

Objective:
Share our User Experience wins
Show capabilities

Key Takeaways:
How you can leverage a proven approach and technologies to
improve UX

Copyright 2015, Intel Corporation. All rights reserved.

In the beginning.
End User Experience

IT Reservations

IT focuses on technical capability

SAP & other IT
tools are difficult
to use
Too many
tools/apps needed
to get the job done

Functionality

does not work

the way I work

Not intuitive!

IT perceives that capability trumps

usability
Cost of New software (product,
licenses)
Focus on User Experience and User
Interface reduces throughput
Hence, not many innovations

..until now
Copyright 2015, Intel Corporation. All rights reserved.

IT Usability Assessment

Enterprise Application UX Satisfaction is currently poor and trending down

Majority of UX low-scoring apps are Off-the-shelf solutions

our investments to improve UX are not focused here

Users rank user experience attributes as top priority for productivity and satisfaction
A comprehensive User Experience Strategy was needed

Copyright 2015, Intel Corporation. All rights reserved.

Enterprise Biz Apps UX Strategy and Approach

Strategy

Optimize UX
through
tools and
solutions

Approach
Provide
Stronger UX
Foundation
Copyright 2015, Intel Corporation. All rights reserved.

Targeted
Partnerships
to Improve
Apps
9

Partnering with Users to Improve User Experience

Vision and Goals:
Find ways to make SAP easier to use
Quick wins inspire more ideas
Delight the Users, but show Business value to Customers

Approach:
Gather
Ideas

Prioritize &
Develop
POCs and
Pilots

Champion the user

Copyright 2015, Intel Corporation. All rights reserved.

Showcase to
User base

Incorporate
into Roadmap

Priorities, Focus areas and Value

Focus Area

Value drivers

Remarks

NWBC with Side Panels

*

Increase Productivity and

Efficiency (reduced error rate)

Resonated with the users right away

Single Sign On

Increase Productivity and

Efficiency
Productivity, Efficiency, Reduced Currently working with HTML Based SAP Screen
Learning Curve
Personas 3.0, looking forward to NWBC

SAP Screen Personas 3.0

*
Theme Design
*
Mobility POC

Consistent look and feel

Usage Analytics

Faster ticket resolution and

issue reduction

Pre Explore

Fiori POCs
*

Productivity, accessibility

Procurement and Manufacturing

Productivity, Efficiency, Reduced Shipment Status

Learning Curve

* No additional Licensing Required

Copyright 2015, Intel Corporation. All rights reserved.

NWBC Wins
Side Panels!
Side Panels across systems with Parameter Passing (Single Sign On)
Preexisting web based apps within Side Panels with Parameter Passing
SAP Native Transactions as Side Panels
URL and Web Dynpro Side Panels

Seamless direct entry to a transaction via pinned Tabs

Type Ahead functionality giving visibility into the SAP Backend
Functionality is available in tabs instead of individual sessions
Clean Look and Feel Corbu

Copyright 2015, Intel Corporation. All rights reserved.

NWBC Side Panels Demo

Copyright 2015, Intel Corporation. All rights reserved.

Over
237
Side Panels
in Production

13

Benefits Realized by Improved User Experience

Productivity
Learning curve
Time per transaction
Error Rate
Single Sign On

Agile Implementations

Low Risk
Users can revert to SAPGUI
Alleviate Ergonomic Issues
User satisfaction Delight the user !
Takes users closer to Single Interface Nirvana

Copyright 2015, Intel Corporation. All rights reserved.

Articulating Business value of User Experience to Customers*

Description
ECC pilot
Warehouse Side panel rollout
Sales Analyst Side panel rollout
SCM Side panel pilot
IT as Users (75 SAs, 75 ADs)

User base

Savings
(Hrs/wk)

Savings
(Hrs/year)

0.75

234

60

0.33

1,040

227

0.75

8,853

11

1.00

572

150

0.25

1,950

UX Productivity Tracker
25,000 hrs

2015

12,649 hrs

2014

0 hrs

YTD

Side Panels
giving back
1 workweek/year for
around 330 users
Tracked in CIOs Top Ten Productivity items

* Intel observed results in Intel specific environments

Copyright 2015, Intel Corporation. All rights reserved.

15

Challenges with Positioning NWBC as a SAPGUI replacement

Test Automation

Benchmarking
Managing Side Panels
SAP Support via OSS Messages
Support Infrastructure
Enabling NWBC for all environments

Embedded IE Browser within NWBC and Compatibility

Copyright 2015, Intel Corporation. All rights reserved.

SAP Screen Personas 3.0 Preview

(Evaluation Ongoing)

Copyright 2015, Intel Corporation. All rights reserved.

17

Guiding Principles for SAP Screen Personas 3.0

Simple

Coherent
Delightful

Goal

3 Screens or less for user tasks

Copyright 2015, Intel Corporation. All rights reserved.

Build On Top
flavors do not
touch the native
SAP transaction code

Copyright 2015, Intel Corporation. All rights reserved.

Key Functionality

Simplify Transactions
Enhance functionality via Scripts

Scripts are based in Javascript and can call ABAP function modules
Branding
Not intended for mobility, but it may be possible

Copyright 2015, Intel Corporation. All rights reserved.

Txn FB50 General Ledger

Copyright 2015, Intel Corporation. All rights reserved.

Txn MB21 Create Reservation

Copyright 2015, Intel Corporation. All rights reserved.

SAP Screen Personas Demo

Lessons Learned

Make Business Value the Centerpiece of the User Experience Strategy

User Centered Design thinking and expertise helps

Pick people with passion and dedicate User Experience champions

Focus groups: Engage End-users and develop a working relationship

Observe users in action and their workflow

Informed Risk-taking: Land in Production for before & after comparison

Measure throughput before & after

Capture testimonials and lessons learned

Acknowledge and publicly recognize IT and End-user team for their efforts

Copyright 2015, Intel Corporation. All rights reserved.

24

Session Evaluation

Feedback
Please complete a session evaluation for this session!
Help us learn from this session.

Copyright 2015, Intel Corporation. All rights reserved.

25

Sharing Intel IT Best Practices

With the World

Learn more about Intel ITs Initiatives at

www.intel.com/IT
Copyright 2015, Intel Corporation. All rights reserved.

Backup Slides

Copyright 2015, Intel Corporation. All rights reserved.

Side Panel Use Cases

User base

Main
Screen

Side Panel

Description

Business
Users

Display Order
SAP txn VA03

Product Catalog URL

Internal Applications accessed via URL

(Parameters passed)

SAP Txn: MMBE, VL03N

Commonly used SAP Transaction readily available

as a Side Panel

Backlog Report

Custom ABAP Web Dynpro

Allocation Mgmt

Custom ABAP Transaction on remote system

Change Order
SAP txn VA02

Availability Overview
/Summary

Custom Powerlist
Custom ABAP Web Dynpro

Planning Book
SAP txn
/SAPAPO/SDP94

Delivery Note Visibility

Custom ABAP Web Dynpro on remote system ERP

Availability Check

Custom HTML5 application on remote system

Object Navigator
SAP txn SE80

Data Browser
Naming Conventions
Developer Guidelines

SAP Transactions
URL
Documentation

Developers,
Analysts,
Production
Support

Copyright 2015, Intel Corporation. All rights reserved.

ECC Side
Panels

SCM Side
panels

204

27

Wish Lists
Platform

Functionality

Support

Expand support beyond Windows & Internet Explorer

Benchmarking, Test Automation & Web-based performance improvement
tools do not capture traffic within the Side Panel*
Expand some functionality to mobile devices
Usage Analytics needed direly
Allow parameter passing to Native SAP Transaction Side Panels, POWL,
AWD, BSP
Analytics for Side Panel Usage
Better Side Panel management for User Menus beyond PFCG
Better Color settings for NWBC as for SAPGUI
Microsoft Office applications like XLS embedded in-place within a side
panel
More granular control of Scripting Authorization
Improved support for Side panel OSS Messages

* Intel observed results in Intel specific environments

Copyright 2015, Intel Corporation. All rights reserved.

Getting Started & Useful links

NWBC Help:
http://help.sap.com/saphelp_nw73ehp1/helpdata/en/4c/5b13bf97817513e10000000a42189b/content.htm?frameset=/en/c7/e9391ee7c54728a59e5354f85
c207d/frameset.htmhttp://help.sap.com/saphelp_nw73ehp1/helpdata/en/4c/5bdc6497817511e10000000a42189b/content.htm

It is possible to add Side Panels directly to Web Dynpro Applications:

http://help.sap.com/saphelp_nw73ehp1/helpdata/en/54/976562e409465eb7c01b56c4b0eb6d/content.htm

SCN:
http://scn.sap.com/community/netweaver-business-client
http://scn.sap.com/community/web-dynpro-abap/blog/2011/10/09/chips-pagebuilder-and-the-side-panel--part-1
http://scn.sap.com/community/web-dynpro-abap/blog/2011/10/17/chips-pagebuilder-and-the-side-panel--part-2
Julie Plummer blogs:
http://scn.sap.com/community/netweaver-business-client/blog/2014/05/07/when-to-use-nwbc--and-when-you-really-shouldnt
http://scn.sap.com/docs/DOC-34889 NWBC: Side Panels, POWLs and Web Dynpro ABAP
http://scn.sap.com/docs/DOC-47968 Connecting 2 Backend Systems, Part Two: Trusted Relationship

Key Takeaways:

NWBC & Side Panel are two free technologies ready for you to use right now to improve UX

Copyright 2015, Intel Corporation. All rights reserved.

SAP Landscape & Usage

Using SAP since 1996 R/3
2006 - ECC, SCM, SRM, CRM
ERP6 EHP7
SCM EHP3 on HANA

Copyright 2015, Intel Corporation. All rights reserved.

Parameters Should Be Visible

The parameter being passed should be visible on the screen in the main content area when the Side
Panel is launched
Parameter passing may not be possible from a field that is absent from the main content area (it is
possible to use the LSAPI API and modify the native transaction to pass the parameters)

e.g.
Material
Number
clearly
Visible

Copyright 2015, Intel Corporation. All rights reserved.

e.g.
Hidden field
Within a tab
is not visible

Not All Screen Actions are Actionable

Test to determine what is feasible:
For some transactions not every click in the main content area is recognized as communication to the
Side Panel. e.g. CO09 calls an external system and side panel disappears.

In txn VA03, clicking on a new line item

will not result in a refresh of the material
number passed to the Side Panel

Copyright 2015, Intel Corporation. All rights reserved.

Side Panel Can Call Another System

Requires Single Sign On and a Trust Relationship

to be established between the systems.

Copyright 2015, Intel Corporation. All rights reserved.

Parameters Can be Passed

Parameters

Copyright 2015, Intel Corporation. All rights reserved.

e.g. Web
Dynpro

Exceptions exist, verify functionality

Dynpro

Parameters Cannot be Passed to Dynpros/Transactions

The Side Panel was not intended to host SAP Dynpro functionality, e.g. VA03, MM03, VL10.
It is possible and our business sees value in the split screen view. It is not possible to pass parameters from
the main content area to SAP Dynpro programs or transactions based on SAP Dynpro Programs.

Copyright 2015, Intel Corporation. All rights reserved.

Alternate Option for Dynpro/Dynpro Interaction

Develop a custom web dynpro application to provide targeted data within the side panel. Parameters can be
passed to the custom web dynpro.

Side Panel contains additional

information about the Purchase
Order. Implemented as a custom
Web Dynpro, instead of showing
the Order Transaction VA03

Copyright 2015, Intel Corporation. All rights reserved.

NWBC: Single Sign On Connecting to Remote System

3. Automatic Login
System 1 - SCM

2. Click on System

SCM

ECC

4. Select a Side Panel on the

right to auto login and launch
functionality on System 2 - ECC
1. User Authentication
Windows Domain

Copyright 2015, Intel Corporation. All rights reserved.

Side Panel Functionality

Extends functionality of Dynpro Applications by supplementing with additional
information within the Side Panel.
Parameters
The Application that
resides within the Side
Panel must be able to
accept an Input
Parameter

Main Content Area

Side Panel
Supplemental
Content Area

SAP Dynpro
transaction e.g. MM03

e.g. SAP Web Dynpro

ECC

SCM

Copyright 2015, Intel Corporation. All rights reserved.

Parameter Passing
Side Panels that accept input parameters

Parameter passing

Powerlist Application
SAPUI5 Application URL
BSP Application (custom code required)
URL

Dynpro Programs with/without variant

Native SAP Transaction (Dynpro)
Desktop Link

N/A

Webmail

N/A

Office Applications

N/A

BEX and BW Reports

N/A

Copyright 2015, Intel Corporation. All rights reserved.

Exceptions exist, verify functionality

Custom Web Dynpro Application

Side Panels Development Effort

Exceptions exist, verify functionality

Copyright 2015, Intel Corporation. All rights reserved.

Alternate Option for Dynpro/Dynpro interaction

Develop a custom web dynpro application to provide targeted
data within the side panel. Parameters can be passed to the
custom web dynpro.

Side Panel contains additional

information about the
Purchase Order. Implemented
as a custom Web Dynpro,
instead of showing the Order
Transaction VA03

Copyright 2015, Intel Corporation. All rights reserved.

Most Requested Capabilities

Users want different Biz suites & environments merged into one
(ECC, SCM, BobJ, Microstrategy, Portal)

All SAP environments in one system

Context-awareness is great
User Ideal end-state: one shell UI that can give everything in one go

Copyright 2015, Intel Corporation. All rights reserved.

43