OpenSAP Fiux1 Design Your First SAP Fiori App

87
Week 2 Unit 1: Introduction to Design Thinking

description

Continuation of the SAP Fiori training

Transcript of OpenSAP Fiux1 Design Your First SAP Fiori App

Week 2 Unit 1: Introduction to

Design Thinking

© 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

Thank you

Contact information:

[email protected]

© 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:

[email protected]

© 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:

[email protected]

© 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:

[email protected]

© 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.

Week 2 Unit 5: Introduction to

SAP HANA Cloud Platform

© 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. 9 Public

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

© 2015 SAP SE or an SAP affiliate company. All rights reserved. 11 Public

© 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

Thank you

Contact information:

[email protected]

© 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.

Week 2 Unit 6: SAP Fiori UX Design Challenge

Winner Walkthrough

© 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. 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

Thank you

Contact information:

[email protected]

© 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.