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.
3© 2013 SAP AG or an SAP affiliate company. All rights reserved.
4© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Technology(feasibility)
Business(viability)
DESIGN INNOVATION
Human Values(usability,
desirability)
How to achieve Design Innovation?
5© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Consumer user experience is the new standard for enterprise applications …
6© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Recalls Plus MyRunwayPhotoTribe Fan Experience
Have you seen these consumer apps from SAP?
7© 2013 SAP AG or an SAP affiliate company. All rights reserved.
8© 2013 SAP AG or an SAP affiliate company. All rights reserved.
• 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
9© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Many SAP users still use SAP GUI
10© 2013 SAP AG or an SAP affiliate company. All rights reserved.
SAP GUI defines customer perception of SAP usability
SAP GUI
Highest impact on
UX perception
Other UI Technologies
Time
Usa
ge
11© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
12© 2013 SAP AG or an SAP affiliate company. All rights reserved.
ENABLENEW RENEW
UX DESIGN SERVICES
SAP USER EXPERIENCE STRATEGY
13© 2013 SAP AG or an SAP affiliate company. All rights reserved.
ENABLENEW RENEW
UX DESIGN SERVICES
SAP USER EXPERIENCE STRATEGY
14© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Consumer-grade UX for NEW applications
Care Circles
15© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Consumer-grade UX for NEW applications(Example: Visual Business)
16© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Consumer-grade UX for NEW applications
SAP Customer Financial Fact Sheet SAP Cloud for Customer
17© 2013 SAP AG or an SAP affiliate company. All rights reserved.
ENABLENEW RENEW
UX DESIGN SERVICES
SAP USER EXPERIENCE STRATEGY
18© 2013 SAP AG or an SAP affiliate company. All rights reserved.
RENEW the most widely-used top scenarios
19© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
20© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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.
21© 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
22© 2013 SAP AG or an SAP affiliate company. All rights reserved.
SAP GUI/Side Panel
FloorplanManager(WDA)
SAP UI5
Harmonize and simplify UIs of key roles
RENEW the most widely-used core scenarios
SAP NetWeaver Business Client as
single point of entry for the user
23© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Side Panel: Enhance SAP GUI applications without modification
Pre-Defined Content
RENEW the most widely-used core scenarios
~ 1250 Transactions Side Panel enabled
24© 2013 SAP AG or an SAP affiliate company. All rights reserved.
ENABLENEW RENEW
UX DESIGN SERVICES
SAP USER EXPERIENCE STRATEGY
25© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
26© 2013 SAP AG or an SAP affiliate company. All rights reserved.
SAP Screen PersonasExamples
DEMO DATA
27© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
28© 2013 SAP AG or an SAP affiliate company. All rights reserved.
ENABLENEW RENEW
UX DESIGN SERVICES
SAP USER EXPERIENCE STRATEGY
29© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
30© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
31© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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)
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
32© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Design is a Process
33© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
34© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Showcase: Financial Dashboard (Optimization)
BEFOREAFTER
35© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Reduced number of clicks by 43% from 45 to 26 clicks
DEMO DATA
Showcase: SAP Screen Personas Starter Pack
BEFORE
AFTER
36© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
37© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Showcase: Kindergarten Dashboard (UX Design)
BEFORE
AFTER
38© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
40© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
41© 2013 SAP AG or an SAP affiliate company. All rights reserved.
SAP invests in the Work EnvironmentA Creative Work Environment enables Design Innovation
Palo Alto, USA Shanghai, China Dublin, Ireland Waterloo, Canada
42© 2013 SAP AG or an SAP affiliate company. All rights reserved.
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
43© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Learn more at experience.sap.com
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
THANK YOUFOR YOURATTENTION
© 2013 SAP AG or an SAP affiliate company. All rights reserved.
Need [email protected]