SAP Fiori UX Design History and Overview

SAP Fiori UX Design History and Overview

SAP Fiori UX Design Principles

De-compose into 1-1-3 (1 user, 1 use

All sizes, devices, Apps that speak the Low barrier to
task-based case, 3 screens)
versions, channels same language adoption
experience

Role-based Responsive Simple Coherent Delightful

Designed for you, Supports how Focuses on Provides one Makes an

your needs and and where you the important fluid, seamless emotional
how you work work, at any time experience connection

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 3

Transactions vs. Apps

Transactions Apps
2014 SAP SE or an SAP affiliate company. All rights reserved. Public 4
Transactions: Designed from a System Perspective

CONSUMPTION
anybody

Transaction Transaction

Transaction Transaction
(create, change, query, delete, etc.)

BACKEND Object
(e.g. sales order)

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 5

Transactions: From a User Perspective Complexity

?
This information is not relevant to me.
Why is it on my screen?

MEGA TRANSACTION

Overload & Irrelevant

Create Sales Order (VA01)

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 6

Transactions: From a User Perspective Complexity (Continued)

I have a task

These transactions look so similar to me.

Which transaction should I use for what?

TRANSACTION TRANSACTION

TRANSACTION TRANSACTION

USER GETS LOST

MD04, MD05, MD06, MD07

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 7

Apps Approach: User/Task-centric

Persona task Context

CONSUMPTION purpose-built tool to support a persona

(or multiple personas with very similar
App
needs) to complete a task in their use
context.

Data mapping to backend structure

BACKEND

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 8

Decomposition & Composition

anybody Persona 1 Persona 2 Persona 3

DECOMPOSITION
MEGA TRANSACTION App App

I have a task I have a task

COMPOSITION
TRANSACTION TRANSACTION
App
TRANSACTION TRANSACTION

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 9

Recommended Process to Derive and Design Apps

1 2 3
Market STP Customer Engagement & User
E2E Process Modeling
(Segmentation, Targeting, and Research
Positioning) (Process model, E2E storyboard)
(Personas, Insights, PoVs)

4 5 6
Define Apps
Prioritization Design for Individual Apps
(Tasks & Apps Abstraction)

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 10

Thank you

Contact information:

open@sap.com
 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.

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 12

SAP Fiori UX Design Challenge Tips and Tricks
SAP Fiori UX Design Challenge Tips and Tricks
SAP Fiori UX Design Challenge Process

Videos

Prototyping Kit

Other Resources

Submission

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 3

SAP Fiori UX Design Principles

De-compose into 1-1-3 (1 user, 1 use

All sizes, devices, Apps that speak the Low barrier to
task-based case, 3 screens)
versions, channels same language adoption
experience

Role-based Responsive Simple Coherent Delightful

Designed for you, Supports how Focuses on Provides one Makes an

your needs and and where you the important fluid, seamless emotional
how you work work, at any time experience connection

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 4

Recommended Process to Derive and Design Apps

1 2 3
Market STP Customer Engagement & User
E2E Process Modeling
(Segmentation, Targeting, and Research
Positioning) (Process model, E2E storyboard)
(Personas, Insights)

4 5 6
Define Apps
Prioritization Design for Individual Apps
(Tasks & Apps Abstraction)

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 5

Example Persona

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 6

Persona Template

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 7

 Demo:

SAP Fiori UX Design Challenge Resources

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 8

 Example:

Decomposition for the Create Sales Order app

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 9

Create Sales Order Example: Segment, Research, and Storytell

Manufacturing Company X Identify Human Tasks

Purpose

Primary Persona

Trigger point

Context
Brainstorm and Understand Process
Input

Output

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 10

Create Sales Order Example: Define, Prioritize, and Design

Define Apps Based on Tasks & Use Cases Prioritize

Customer
Customer Distributor Sales
Sales Rep Service
Buyer Buyer Operation
Agent 2 1 3
Customer
Customer Distributor Sales
Sales Rep Service
Buyer Buyer Operation
Agent
Create Sales Create Sales
Shopping
Order Order
App
App App
Amazon-like self-service Productivity-oriented data Create Sales Create Sales
shopping paradigm entry paradigm Shopping
Order Order
App
Untrained users Trained users App App
Very often mobile Mostly desktop Amazon-like self-service Productivity-oriented data
Only need to specify the Need to enter complete order shopping paradigm entry paradigm
buying requirements instead information
of entering full order info
For Create Sales Order the sales rep
Need decision support info
like product recommendations persona was prioritized first
2014 SAP SE or an SAP affiliate company. All rights reserved. Public 11
SAP Fiori UX Design Challenge Expectations

Creative

Delightful Simple

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 12

Thank you

Contact information:

open@sap.com
 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.

2014 SAP SE or an SAP affiliate company. All rights reserved. Public 14