OpenSAP Fiux1 Design Your First SAP Fiori App
-
Upload
samkelwe-january -
Category
Documents
-
view
39 -
download
3
description
Transcript of OpenSAP Fiux1 Design Your First SAP Fiori App
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
Introduction to Design Thinking Definition
DESIGN THINKING means…
…creating INNOVATION by combining diverse PEOPLE,
creative SPACE, and an iterative APPROACH.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
Introduction to Design Thinking Desirability, Feasibility, Viability
The most valuable
design
Do they want this?
DESIRABILITY
Can we do this?
FEASIBILITY
Should we do this?
VIABILITY
Start
here
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
Dev
Lead
Product
Manager Design
Lead
I know how to build the
product. I can pick the right
technology and tools
I can tell you what is
technically feasible
I know the tools and methods to
make this product feel great.
I know how to deliver to the
users’ needs.
I know the domain, the users,
the market, and how this can
become a success
I know what we need to
deliver.
I respect your
expertise
I respect your
expertise
I respect your expertise
Goal
Introduction to Design Thinking Differing Roles & Goals
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
PROBLEM SPACE SOLUTION SPACE
Introduction to Design Thinking Think like a Designer: Broad First and Focus Later
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
THE DESIGN THINKING STEPS.
Introduction to Design Thinking A Design-Led Development Approach
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
What are the characteristics?
What are their tasks in their job?
What IT touchpoints do they have? (Business,
private…)
What are their goals in the context of the
scenario?
What triggers them to start the scenario?
“We work with personas so our developers
don’t develop for themselves.” SAP User Researcher
Introduction to Design Thinking Persona
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
Introduction to Design Thinking Persona Template
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
Introduction to Design Thinking Example Persona
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
Introduction to Design Thinking User Experience Journey
Current User Experience Journey
Mindset
Duration of the Journey:
What is on the Persona’s mind
while taking the actions of their
journey? How do they feel each
step of the journey?
Touchpoints
What touchpoints does the
Persona have?
(Tools, channels, devices,
conversations, and so on.)
Actions
What actions and activities
does the Persona take while
going thru the journey to
achieve their goal?
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
Introduction to Design Thinking User Experience Journey 2
Current User Experience Journey
Mindset
Actions
Duration of the Journey: 20 min
What is on the Persona’s mind
while taking the actions of their
journey? How do they feel each
step of the journey?
What actions and activities
does the Persona take while
going thru the journey to
achieve their goal?
Ahh, need get
coffee
A line again
Should I take a
tea instead?
I need my
coffee!
Well, coffee latte
as usual
What? €3?
Let’s what’s app Coffee
Should I slow
down on sugar?
Hmm – my
latte
Get in line to
order coffee
Look at the
menu board
Wait
Order a
coffee of
choice
Make a choice
what coffee
Pay
the
coffee
Go to the pick-up
area
Receive
your
coffee
Take you
coffee
Go to the
condiments area
Add milk and
sugar to your
coffee
Drink the
coffee
Go to the coffee
shop
Touchpoints
What touchpoints does the
Persona have?
(Tools, channels, devices,
conversations, and so on.)
Coffee Shop Menu Board
Barista Coffee Shop Flyer Cashier
coffee mug /
sleeve Sugar Supply
Seating area
Loyalty card
Mobile
Device
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
Introduction to Design Thinking User Experience Journey 3
Current User Experience Journey
Mindset
Actions
Touchpoints
Duration of the Journey: 20 min
What is on the Persona’s mind
while taking the actions of their
journey? How do they feel each
step of the journey?
What actions and activities
does the Persona take while
going thru the journey to
achieve their goal?
What touchpoints does the
Persona have?
(Tools, channels, devices,
conversations, and so on.)
Ahh, need get
coffee
A line again
Should I take a
tea instead?
I need my
coffee!
Well, coffee latte
as usual
What? €3?
Let’s what’s app Coffee
Should I slow
down on sugar?
Hmm – my
latte
Get in line to
order coffee
Look at the
menu board
Wait
Order a
coffee of
choice
Make a choice
what coffee
Pay
the
coffee
Go to the pick-up
area
Receive
your
coffee
Take you
coffee
Go to the
condiments area
Add milk and
sugar to your
coffee
Drink the
coffee
Go to the coffee
shop
Coffee Shop Menu Board
Barista Coffee Shop Flyer Cashier
coffee mug /
sleeve Sugar Supply
Seating area
Loyalty card
Mobile
Device
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 13 Public
Introduction to Design Thinking Brainstorming Rules
BUILD ON THE IDEAS OF OTHERS
FAIL EARLY AND OFTEN
THINK USER-CENTRIC
DEFER JUDGMENT STAY FOCUSED ON TOPIC
BE VISUAL
GO FOR QUANTITY
ONE CONVERSATION AT A
TIME
GO FOR WILD IDEAS
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 15 Public
© 2015 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
constituting an additional warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 1 Public
Week 2 Unit 2: SAP Fiori
Design Guidelines
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
SAP Fiori Design Guidelines 5 SAP Fiori Principles
Role-based Simple Coherent
Delightful Responsive / Adaptive
Stable principles ensure meaningful evolution regardless of technology and visual changes
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
SAP Fiori Design Guidelines Role-Based
Each user has multiple roles depending on their responsibilities, he or she can have multiple
activities from various business domains
SRM
HR FIN
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
SAP Fiori Design Guidelines Classical UX: One Transaction for Multiple Users
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
SAP Fiori Design Guidelines SAP Fiori Role-Based Simplification
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
SAP Fiori Design Guidelines Simple
Complex transactions broken down into logical units of work or activities
- Focused on the purpose and the important
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
SAP Fiori Design Guidelines Coherent
SAP Fiori launchpad:
Single point of entry to a collection of business activities and cross-application services like search
One UX: One intuitive experience across business domains and Cross App consistency
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
SAP Fiori Design Guidelines Delightful
Enjoyable for our users
Build an emotional connection to our users
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
SAP Fiori Design Guidelines Responsive / Adaptive
Support how and where our users want to work
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
SAP Fiori Design Guidelines SAP Fiori: Principles, Design, and Technology
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
SAP Fiori Design Guidelines Fiori Is Not Equal to Fiori-Like
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
Thank you
Contact information:
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 13 Public
© 2015 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
constituting an additional warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 1 Public
Week 2 Unit 3: SAP Fiori Decomposition and
Re-composition
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
SAP Fiori Decomposition and Re-composition Transactions vs. Apps
Transactions Apps
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
SAP Fiori Decomposition and Re-composition Transactions: Designed from a System Perspective
BACK END
Transaction
Object (such as sales order)
CONSUMPTION “anybody”
Transaction
Transaction Transaction
(create, change, query, delete,...)
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
SAP Fiori Decomposition and Re-composition Transactions from a User Perspective – Complexity
MEGA TRANSACTION
Overload & Irrelevant
“This information is not relevant to me.
Why is it on my screen?”
Create Sales Order (VA01)
?
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
SAP Fiori Decomposition and Re-composition Transactions from a User Perspective – Complexity (Continued)
MD04, MD05, MD06, MD07
TRANSACTION TRANSACTION
“These transactions look so similar to me.
Which transaction should I use for what?”
USER GETS LOST
I have a task
TRANSACTION TRANSACTION
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
Context
SAP Fiori Decomposition and Re-composition Apps Approach: User/Task-Centric
BACK END
CONSUMPTION
App
Task
Purpose-built to support a persona (or
multiple personas with very similar needs) to
complete a task in their use context
Persona
Data mapping to back-end structure
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
SAP Fiori Decomposition and Re-composition Decomposition & Composition
MEGA TRANSACTION
Persona 1 Persona 2 Persona 3
App App
“anybody”
DECOMPOSITION
App
COMPOSITION TRANSACTION TRANSACTION
TRANSACTION TRANSACTION
I have a task I have a task
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
SAP Fiori Decomposition and Re-composition Create Sales Order Example: Segment, Research, and Storytell
Manufacturing Company X Identify Human Tasks
• Purpose
• Primary Persona
• Trigger Point
• Context
• Input
• Output
Brainstorm and Understand Process
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
SAP Fiori Decomposition and Re-composition Create Sales Order Example: Define, Prioritize, and Design
Customer
Buyer
Sales
Operation
Customer
Service
Agent
“Shopping”
App
Amazon-like self-service
shopping paradigm
Productivity-oriented data
entry paradigm
Sales Rep
“Create Sales
Order”
App
Distributor
Buyer
“Create Sales
Order”
App
1 2 3
For “Create Sales Order” the sales rep
persona was prioritized first
Prioritize
Customer
Buyer
Sales
Operation
Customer
Service
Agent
“Shopping”
App
Amazon-like self-service
shopping paradigm
Productivity-oriented
data entry paradigm
Sales Rep
“Create Sales
Order”
App
Distributor
Buyer
“Create Sales
Order”
App
• Untrained users
• Very often mobile
• Only need to specify the buying
requirements instead of entering
full order info
• Need decision support info like
product recommendations
• Trained users
• Mostly desktop
• Need to enter complete
order information
Define Apps Based on Tasks & Use Cases
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
SAP Fiori Decomposition and Re-composition Recommended Process to Derive and Design Apps
Market STP
(Segmentation, Targeting, and
Positioning)
Customer Engagement & User
Research
(Personas, Insights, PoVs)
E2E Process Modeling
(Process Model, E2E Storyboard)
1 2 3
Define Apps
(Tasks & Apps Abstraction) Prioritization Design for Individual Apps
4 5 6
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
Thank you
Contact information:
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
© 2015 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
constituting an additional warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 1 Public
Week 2 Unit 4: SAP Fiori
Prototyping with Mockups
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
SAP Fiori Prototyping with Mockups Resources & Tips
• SAP Fiori Guidelines:
http://experience.sap.com/fiori-guidelines
• SAP Fiori Prototyping Kit:
http://experience.sap.com/fiori-
guidelines/downloads/Prototyping_Kit.pptx
• SAP Fiori Design Best Practices Guide
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
SAP Fiori Prototyping with Mockups
Demo:
SAP Fiori Prototyping Resources
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
Thank you
Contact information:
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
© 2015 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
constituting an additional warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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.
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
SAP HANA Cloud Platform The In-Memory, Platform as a Service (PaaS)
Simple, Integrated, Instant Access
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
Advertise and sell apps via
SAP HANA Marketplace
Runs in certified SAP data
centers in Europe and North
America
Enterprise service levels with
global 24x7 support and
99.9% availability for platform
Built-in app lifecycle
management for seamless
app update and
maintenance
Persistence service leveraging
the advanced SAP HANA
services
Transactions
Analytics
Predictive
Streaming
Spatial
Text & Geospatial
Introduction to SAP HANA Cloud Platform Application Platform, Managed Services, and Self-Service Tools
Standards-based and native SAP HANA
development and runtime environment
Renew and Mobilize apps with SAP Fiori
& mobile services
Mashup apps with portal services
Security services including Federated
Identity Management and single sign-on
Integration services for data interchange
via ETL/ELT as well as process integration
Gateway & connectivity service
enabling seamless integration with SAP
and other systems
Analytics service for data discovery
& advanced visualization
Scalable document service for
managing unstructured data
Social & collaboration service via
SAP JAM
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
Introduction to SAP HANA Cloud Platform What SAP Cloud PaaS Can Do for You
Extend existing applications and build new ones on top of the SAP HANA platform in the cloud
Build New Cloud Apps
Extend Cloud Apps
Extend On-Premise Apps
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
Introduction to SAP HANA Cloud Platform Additional openSAP courses
Internal
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
Introduction to SAP HANA Cloud Platform Connectivity Service I – SAP HANA Cloud Connector
Secure integration with SAP
on-premise systems
Establishes secure SSL VPN connection between the
SAP HANA Cloud and on-premise systems
Connectivity created by on-premise agent through
reverse-invoke process
Supports pre-configured destination API and certificate
inspection to safeguard against forgeries
Complementary to SAP Gateway, SAP HANA Cloud
Integration and 3rd party integration suites both on-
premise and in the cloud
Internal
Internet
Custo
me
r S
AP
Applications on
SAP HANA
Cloud Platform
HTTPS
Custo
me
r
SSL Tunnel
Firewall
Internet
Firewall
SAP HANA
Cloud Connector
ECC CRM
HCM
On-Premise Network
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
Introduction to SAP HANA Cloud Platform Connectivity Service II
Easy integration with external online
systems
Establishes secure SSL VPN connection between the
SAP HANA Cloud and other cloud systems
Connectivity based on easy-to-consume REST or
SOAP services over HTTP
Supports multiple authentication protocols
Complementary to SAP Gateway, Microsoft Azure, or
any other OData-capable platform
Internal
Internet
Custo
me
r S
AP
Applications on
SAP HANA
Cloud Platform
HTTPS
DA
TA
Pro
vid
ers
Internet
REST Services
Remote Services
Firewall
Firewall
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
Introduction to SAP HANA Cloud Platform Federated Security Management
Delegated authentication and
authorization across applications
Comprehensive authentication management with
SAP Cloud Identity
• Web single sign-on via SAML for SAP and non-SAP
applications
• Branding and policies
• Integration capabilities into the on-premise landscape
• Central user management
Support for SAML-based party identity providers from
SAP or 3rd party
Free alternative: use your SCN account to sign on to
SAP HANA Cloud Platform applications with the SAP
ID service
Internal
Access protected resource
User
Authentication
Identity Provider (SAP Cloud Identity, SAP ID service, SAP Single
Sign-On, 3rd party identity provider)
Applications
on SAP HANA
Cloud Platform
Delegate
Authentication
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
Introduction to SAP HANA Cloud Platform SAP Fiori, Cloud Editions
SAP Fiori, Demo Cloud Edition • Try out and explore SAP Fiori applications in the cloud
• In the first step focus is on transactional SAP Fiori applications for
SAP ERP / CRM / SRM
SAP Fiori, Trial Cloud Edition • Customize the applications on several adaptation levels (UI
theming, UI extension)
• Connect to on-premise back-end systems (via SAP HANA Cloud
connector) to test drive the applications with your data
SAP Fiori, Cloud Edition • Run SAP Fiori applications productively in the cloud with data
coming from your on-premise landscape
• Use HTML5 infrastructure on SAP HANA Cloud Platform to
decouple UI application lifecycle from your on-premise back-end
systems
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 13 Public
Introduction to SAP HANA Cloud Platform Enterprise Service Levels
Reliable, Scalable, and Open
Internal
24/7 Global Support
99.9% Platform Availability
Standards Certified Operations
ISO
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 14 Public
Introduction to SAP HANA Cloud Platform Getting Started
http://hanatrial.ondemand.com
Internal
© 2015 SAP SE or an SAP affiliate company. All rights reserved. 16 Public
© 2015 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an SAP affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE (or an SAP affiliate
company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or SAP affiliate company products and
services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as
constituting an additional warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop
or release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time
for any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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.
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 2 Public
SAP Fiori UX Design Challenge Winner Walkthrough Learning Objectives
What is an example outcome of the SAP Fiori UX design process?
How was such an outcome derived using the SAP tools and resources freely available?
What are key pitfalls to avoid when creating your first SAP Fiori UX design?
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
SAP Fiori UX Design Challenge Winner Walkthrough Business Scenario – Introducing Captain Sydney Smith
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
SAP Fiori UX Design Challenge Winner Walkthrough Business Scenario – Flight operations process overview
• Mission planning
• Assign aircraft and crew
• Prepare aircraft
• Fly mission
• Mission debrief
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
SAP Fiori UX Design Challenge Winner Walkthrough Business Scenario – Flight operations process overview
• Mission planning
• Assign aircraft and crew
• Prepare aircraft
• Fly mission
• Mission debrief
Pilot Acceptance
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
50+ SAP GUI Screens
9 SAP ERP
Transactions
60+ Minutes
To accept an aircraft before a flight
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Equipment (IE03)
Review equipment technical status
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Measurement Documents (IK13) for
the following measurement points:
Weight
Center of Gravity
APU hours
Engine hours
Fuel on board
Aircraft landings
APU Starts
Bird nest check
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Flight Order (/ISDFPS/LMFL03)
Determine crew assigned to the flight
Display Profile Matchup (PEPM)
For each crew member assigned to the flight
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Equipment (IE03)
Review current weapons configuration of the
helicopter
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Equipment (IE03)
Review current interior configuration of the helicopter
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Flight Order (/ISDFPS/LMFL03)
Review the flight status
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 13 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display View “Maintain Permits” (IPMD)
Review the status of the following permit categories
for the helicopter:
– Deviations
– Waivers
– Operational Restrictions
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 14 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Notifications (IW29)
Need to search open notifications for the
helicopter of the following types and review:
– Maintenance requests
– Malfunction reports
– Technical inspections
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 15 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Display Maintenance Plans (IP03)
Determine when the next preventative maintenance
activities need to occur for each of the 30+ separate
maintenance plans for the helicopter
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 16 Public
SAP Fiori UX Design Challenge Winner Walkthrough Pilot Acceptance
Change Flight Order (/ISDFPS/LMFL02)
Change the flight status to “Accepted”
Affix Digital Signature
É
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 17 Public
SAP Fiori UX Design Challenge Winner Walkthrough Selecting the “Approval App” Application Type
http://experience.sap.com/fiori-guidelines/index.html#FioriApplicationTypes
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 18 Public
SAP Fiori UX Design Challenge Winner Walkthrough Studying existing “Approval App” SAP Fiori Applications
https://demo-fioritrial.dispatcher.hana.ondemand.com/sap/hana/uis/clients/ushell-app/shells/fiori/FioriLaunchpad.html?sap-client=001
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 19 Public
SAP Fiori UX Design Challenge Winner Walkthrough Studying “Master/Detail” App Framework
http://experience.sap.com/fiori-guidelines/FioriAppFramework/32_Fiori_AppFramework-MasterDetail.html
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 20 Public
SAP Fiori UX Design Challenge Winner Walkthrough Initial prototype
Built in PowerPoint using the SAP Fiori
Prototyping Kit
No coding required
Defined basic layout
Defined screen flow
Made most design decisions
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 21 Public
SAP Fiori UX Design Challenge Winner Walkthrough Initial prototype – Example of design decision
1st step in the app is for the pilot to find
their helicopter
30 helicopters in unit
Pilot does not know which helicopter they will
be assigned until the last minute
4 flight statuses possible
Solution
Search on pilot’s name
Filter on the 4 possible flight statuses
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 22 Public
SAP Fiori UX Design Challenge Winner Walkthrough Demo of application
Demo
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 23 Public
SAP Fiori UX Design Challenge Winner Walkthrough Demo of application
With SAP Fiori
To accept an aircraft before a flight
Designed for a Pilot
Simple
Coherent
Delightful
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 24 Public
SAP Fiori UX Design Challenge Winner Walkthrough Conclusions – Pitfalls to avoid when creating your first SAP Fiori UX design
Use existing SAP Fiori applications as starting points that you
modify/enhance to the need of the end-user to provide coherance
between applications
Use end-user vocabulary
Re-invent the wheel
Use (nearly) every controls
Less is more
Provide ways to navigate (when needed) from high level information
to more details in natural steps
Overwhelm the end-user with
too much detail in a screen
Keep the end-user in mind and what they need to see and do in
order to make their decision
Keep the flow consistent with the end-user’s mental model
Redesign existing
applications/screens
© 2014 SAP SE or an SAP affiliate company. All rights reserved. 26 Public
© 2014 SAP SE or an SAP affiliate company. All rights reserved.
No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP SE or an
SAP affiliate company.
SAP and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP SE
(or an SAP affiliate company) in Germany and other countries. Please see http://global12.sap.com/corporate-en/legal/copyright/index.epx for additional trademark
information and notices.
Some software products marketed by SAP SE and its distributors contain proprietary software components of other software vendors.
National product specifications may vary.
These materials are provided by SAP SE or an SAP affiliate company for informational purposes only, without representation or warranty of any kind, and SAP SE or its
affiliated companies shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP SE or
SAP affiliate company products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing
herein should be construed as constituting an additional warranty.
In particular, SAP SE or its affiliated companies have no obligation to pursue any course of business outlined in this document or any related presentation, or to develop or
release any functionality mentioned therein. This document, or any related presentation, and SAP SE’s or its affiliated companies’ strategy and possible future
developments, products, and/or platform directions and functionality are all subject to change and may be changed by SAP SE or its affiliated companies at any time for
any reason without notice. The information in this document is not a commitment, promise, or legal obligation to deliver any material, code, or functionality. 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.