Upload
selvansap1
View
241
Download
0
Embed Size (px)
DESCRIPTION
bbtr
Citation preview
SAP Fiori UX Design History and Overview
SAP Fiori UX Design History and Overview
2014 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
SAP Fiori UX Design Principles
Supports how
and where you
work, at any time
Provides one
fluid, seamless
experience
Makes an
emotional
connection
Designed for you,
your needs and
how you work
Focuses on
the important
Responsive Simple Coherent Delightful Role-based
De-compose into task-based experience
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
Transactions vs. Apps
Transactions Apps
2014 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
Transactions: Designed from a System Perspective
BACKEND
Transaction
Object (e.g. sales order)
CONSUMPTION anybody
Transaction
Transaction Transaction
(create, change, query, delete, etc.)
2014 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
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)
?
2014 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
Context
Apps Approach: User/Task-centric
BACKEND
CONSUMPTION
App
task
purpose-built tool to support a persona (or multiple personas with very similar needs) to complete a task in their use context.
Persona
Data mapping to backend structure
2014 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
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
Contact information:
Thank you
2014 SAP SE or an SAP affiliate company. All rights reserved. 12 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 SEs 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.
SAP Fiori UX Design Challenge Tips and Tricks
SAP Fiori UX Design Challenge Tips and Tricks
2014 SAP SE or an SAP affiliate company. All rights reserved. 3 Public
SAP Fiori UX Design Challenge Process
Videos
Prototyping Kit
Other Resources
Submission
2014 SAP SE or an SAP affiliate company. All rights reserved. 4 Public
SAP Fiori UX Design Principles
Supports how
and where you
work, at any time
Provides one
fluid, seamless
experience
Makes an
emotional
connection
Designed for you,
your needs and
how you work
Focuses on
the important
Responsive Simple Coherent Delightful Role-based
De-compose into task-based experience
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 5 Public
Recommended Process to Derive and Design Apps
Market STP
(Segmentation, Targeting, and
Positioning)
Customer Engagement & User
Research
(Personas, Insights)
E2E Process Modeling
(Process model, E2E storyboard)
1 2 3
Define Apps
(Tasks & Apps Abstraction) Prioritization Design for Individual Apps
4 5 6
2014 SAP SE or an SAP affiliate company. All rights reserved. 6 Public
Example Persona
2014 SAP SE or an SAP affiliate company. All rights reserved. 7 Public
Persona Template
2014 SAP SE or an SAP affiliate company. All rights reserved. 8 Public
Demo:
SAP Fiori UX Design Challenge Resources
2014 SAP SE or an SAP affiliate company. All rights reserved. 9 Public
Example:
Decomposition for the Create Sales Order app
2014 SAP SE or an SAP affiliate company. All rights reserved. 10 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 11 Public
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
2014 SAP SE or an SAP affiliate company. All rights reserved. 12 Public
SAP Fiori UX Design Challenge Expectations
Creative
Simple Delightful
Contact information:
Thank you
2014 SAP SE or an SAP affiliate company. All rights reserved. 14 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 SEs 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.
openSAP_fiori1_Challenge_SAP_Fiori_UX_Design_History_and_OverviewopenSAP_fiori1_Challenge_SAP_Fiori_UX_Design_Tips_and_Tricks