changing the game of sap user experience

Sam Yen, Andreas Hauser, Nis Boy Naeve, Volker Zimmermann, Gerrit Kotze - SAPSeptember, 2013

Changing the Game of User ExperienceSAP’s User Experience Strategy and Design Services

2© 2013 SAP AG or an SAP affiliate company. All rights reserved.

Disclaimer

This presentation outlines our general product direction and should not be relied on in making a purchase decision. This presentation is not subject to your license agreement or any other agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to develop or release any functionality mentioned in this presentation. This presentation and SAP's strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice. This document 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. SAP assumes no responsibility for errors or omissions in this document, except if such damages were caused by SAP intentionally or grossly negligent.


Technology(feasibility)

Business(viability)

DESIGN INNOVATION

Human Values(usability,

desirability)

How to achieve Design Innovation?


Consumer user experience is the new standard for enterprise applications …


Recalls Plus MyRunwayPhotoTribe Fan Experience

Have you seen these consumer apps from SAP?


• Make simple things simple

• Don’t get in my way

• Don’t waste my time

• Know what I am doing

• Let me personalize

• Know my preferences

• I have other things to do

Bill of rights for the SAP users

8


Many SAP users still use SAP GUI


SAP GUI defines customer perception of SAP usability

SAP GUI

Highest impact on

UX perception

Other UI Technologies

Time

Usa

ge


Top use scenarios

Core usescenarios Specific customer value

use scenarios

The SAP User Experience Strategy

Existing Applications

RENEW ENABLE

SAPFiori

Renovation Enablement Tools(e.g. SAP Screen Personas)

NEW

New Applications

Usa

ge/R

each


ENABLENEW RENEW

UX DESIGN SERVICES

SAP USER EXPERIENCE STRATEGY


ENABLENEW RENEW

UX DESIGN SERVICES



Consumer-grade UX for NEW applications

Care Circles


Consumer-grade UX for NEW applications(Example: Visual Business)


Consumer-grade UX for NEW applications

SAP Customer Financial Fact Sheet SAP Cloud for Customer


ENABLENEW RENEW

UX DESIGN SERVICES



RENEW the most widely-used top scenarios


Responsive Simple CoherentInstant Value

All sizes, devices, versions, channels

1-1-3 (1 user, 1 use case, 3 screens)

Apps that speak the same language

Low barrier to adoption

Fiori: Design Principles

De-composition into task-base experience

Role-based


My Leave RequestsMy Timesheet My Travel RequestsMy Shopping CartTrack Shopping Cart

Approvals

Insight

Approve RequestsApprove Leave Requests Approve TimesheetsApprove Travel RequestsApprove Travel ExpensesApprove Shopping CartsApprove Purchase OrdersApprove RequisitionsApprove Purchase Contracts

PurchasingMy Spend Track Purchase Orders

Order from Requisitions

Requests

Insights

My PaystubMy Benefits

Purchasing Agent

Manager Employee

Sales Transactions

Sales Insight

SAP Fiori

Sales Rep

Create Sales OrdersChange Sales Orders

Check Price and AvailabilityTrack Sales OrdersTrack ShipmentsTrack Invoices

25 SAP Fiori Apps available nowThey touch 87% of the users at an SAP Customer

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


Harmonize and simplify UIs of key roles

RENEW the most widely-used core scenarios


SAP GUI/Side Panel

FloorplanManager(WDA)

SAP UI5

Harmonize and simplify UIs of key roles


SAP NetWeaver Business Client as

single point of entry for the user


Side Panel: Enhance SAP GUI applications without modification

Pre-Defined Content


~ 1250 Transactions Side Panel enabled


ENABLENEW RENEW

UX DESIGN SERVICES



Floorplan Manager

(for FPM screens*)

NWBC & Side Panel

(all screens)

further tools available

*: for CRM Web UI screens use CRM WebUIF

SAP Screen Personas (all SAP GUI screens)

SAP UI5 Application

Development Tools

Theme Designer (all screens)

ENABLE Customers to Improve Specific Value ScenariosKey Enablement Tools


SAP Screen PersonasExamples

DEMO DATA


Backends/Platforms

Key UI Technologies(desktop perspective)

1 Harmonized in Run & Design Time with WebUIF

GATEWAY

SAP NetWeaver Portal

SAP NetWeaverBusiness Client SAP GUI

CLIE

NTS

SAP UI5 ApplicationDevelopment Tools

Flexible UI

Designer

SAP Screen Personas

TH

EM

E D

ES

IGN

ER

SAP UI5WebDynpro

ABAP/Floorplan Manager 1)

DYNPRO


ENABLENEW RENEW

UX DESIGN SERVICES



Why? Great User Experience has an impact on business value

Gain productivity

Increase user adoption

Decrease user errors

Save training costs $Gre

at

Use

r Exp

eri

en

ce


Observations from 70+ customer engagements

• Several UX issues could be solved with existing SAP tools• IT organizations need to better understand the needs of their end users• End users perceive custom build screens as SAP Screens


Required design skills

• Design Thinking Coaching, Moderation, Storyboarding

• User ResearchUser Interviews, Observation, User testing

• Interaction DesignScreen flows, Low & high-fidelity mock-ups,Design specifications

• Visual DesignBranding, Visual language (e.g. color, typography, logo)



Design is a Process


DESIGN SERVICES

Want to understand the SAP UX Strategy and translate it into your business reality?

ADVISE

DESIGN THINKINGpowered by

SAP’s Design Services OfferingCustomer Needs

INNOVATE Want to be a leader and create a new high value and competitive advantage?

EMPOWERWant to enable your organization to achieve the best user experience?

REALIZEWant to implement, adapt SAP UX solutions or optimize the User Experience of your existing SAP software?

DES

IGN

SER

VIC

ES


Showcase: Financial Dashboard (Optimization)

BEFOREAFTER


Reduced number of clicks by 43% from 45 to 26 clicks

DEMO DATA

Showcase: SAP Screen Personas Starter Pack

BEFORE

AFTER


Example: SAP Screen Personas Starter PackJourney Map (Shell Plant Maintenance)

BEFORE

AFTER

Location needs to be searched via F4 Help

Checkboxes need to be changed every time

Hierarchical tree which is rather not used

Favorites can not be structured

Many buttons which are not used

Too many steps to get the text template

Additional screen to edit text template

Too many tabs, some not needed at all

Some fields not needed

Unused / empty space

Notification type needs to be selected from list via F4 help

To initiate the creation process a long click path on top level navigation needs to be followed

Too many clicks and too many iterations within the screen

Location needs to be searched via F4 Help

Checkboxes need to be changed every time

~6 ~18

1 5 ~5 ~4 2 ~25 3

SAP Easy Access Select location Structure List Create Notification

Notification type Z1 Notification Text template

2 ~ 26Clicks

~ 45Clicks



Showcase: Kindergarten Dashboard (UX Design)

BEFORE

AFTER


DESIGN THINKINGpowered by

SAP’s Design Services OfferingOverview

INNOVATE

REALIZE

DES

IGN

SER

VIC

ES ADVISE

UX Strategy

UX Value Framework

UX Roadmap

UI Technology Implement standard SolutionAdapt standard SolutionOptimize existing Solution

Discover area of innovationDesign innovative solutionDevelop customer solutionUX Center of ExcellenceDT/Design MethodsUI Technology Training

EMPOWER


SAP invests in People

Established a new team “Design & Co-Innovation Center” to provide design services to customers

50+ additional highly skilled design experts hired in 2013

Supports customer and strategic design projects through Co-Innovation and Design Thinking


SAP invests in the Work EnvironmentA Creative Work Environment enables Design Innovation

Palo Alto, USA Shanghai, China Dublin, Ireland Waterloo, Canada


Recommendations for customers

UNDERSTAND SAP User Experience Strategy

DEFINE and EXECUTE Customer UX StrategyIdentify your UX pain points and areas of high business valueInvestigate which NEW and RENEWED applications are available

SAP Business Suite Road Map for User Experiencewww.sapsolutionbrowser.com www.sapimprovementfinder.com

Evaluate ENABLING toolsUse the SAP UX Explorer for details about UX topics relevant for you:

http://uxexplorer.hana.ondemand.comJoin SAP’s discussion on user experience and design services:

https://experience.sap.com

LEVERAGE SAP’s Design Serviceshttps://experience.sap.com/designservices


Learn more at experience.sap.com


THANK YOUFOR YOURATTENTION


Need [email protected]