You are on page 1of 32

Public

UX102 – Design Your Own SAP Fiori App


Prototype with Build

Public
Speakers

Las Vegas, Sept 19 - 23 Bangalore, October 5 - 7 Barcelona, Nov 8 - 10

Sami Muneer Charu Pandey Thomas Dubreuil

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 2


Disclaimer

The information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of
SAP. Except for your obligation to protect confidential information, this presentation is not subject to your license agreement or
any other service or subscription agreement with SAP. SAP has no obligation to pursue any course of business outlined in this
presentation or any related document, or to develop or release any functionality mentioned therein.

This presentation, or any related document and SAP's strategy and possible future developments, products and or platforms
directions and functionality are all subject to change and may be changed by SAP at any time for any reason without notice.
The information in this presentation is not a commitment, promise or legal obligation to deliver any material, code or functionality.
This presentation is provided without a warranty of any kind, either express or implied, including but not limited to, the implied
warranties of merchantability, fitness for a particular purpose, or non-infringement. This presentation is for informational
purposes and may not be incorporated into a contract. SAP assumes no responsibility for errors or omissions in this
presentation, except if such damages were caused by SAP’s intentional or gross negligence.

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.

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


BUILD BEAUTIFUL APPS
UX Tools to Help You Today

P H O TO C R E D I T: T H O M A S H AW K
“ If it looks like a cow, swims like a dolphin, and
quacks like a duck, it must be enterprise software. ”
—Khol Vinh, Principal Designer, Adobe
“ If it looks like a cow, swims like a dolphin, and
quacks like a duck, it must be enterprise software. ”
—Khol Vinh, Principal Designer, Adobe
USERS ARE UNHAPPY WITH ENTERPRISE SOFTWARE UX
Source: Sand Hill Group, Neochange, & TSIA, Netscope 2015 Fall Report

10 ABOVE 33 GOOD ENOUGH


57 BELOW
AV E R A G E AV E R A G E
% % %
IT BUYERS AND DECISION MAKERS REALIZE THE PROBLEM
Source: Survey of 159 IT buyers and software decision makers, Sandhill Group & TSIA

Why do companies FAIL to get value from their software?

1% Missing
functionality 16% Require organizational
change

Lack of process Poor user


13% alignment 70% adoption
80%
of the unforeseen fixes
(after development and deployment)
are due to UI changes*

*Source: Strategic Data Consulting


IT’S EXPONENTIALLY MORE EXPENSIVE
TO MAKE CHANGES LATER
Source: Forrester Research, State of Customer Experience

DISCOVER DESIGN DEVELOP DEPLOY


$1 $5 $30 $75
So why is it difficult to deliver great UX?
Don't know or can’t
verify my user’s needs

B U S I N E S S A N A LY S T END USERS
It’s difficult to iterate
possible solutions with users quickly

B U S I N E S S A N A LY S T END USERS
PROJECT TEAM

The team lacks design expertise and tools


Proposal

END USERS
PROJECT TEAM
Source
Feedback

B U S I N E S S AN A LY S T

Sync

DEVELOPMENT

Requirements are lost in translation


INTRODUCING UX AS A SERVICE TO SCALE DESIGN

DISCOVER DESIGN DEVELOP DEPLOY


INTRODUCING UX AS A SERVICE TO SCALE DESIGN

D I S CPrototyping
OVER and research
DESIGN SAP
D E VWebIDE
ELOP SAP Fiori
D E Cloud
P L O Y Edition

SAP HANA Cloud Platform (HCP)


E v e r yt h i n g yo u n e e d t o d e s i g n e n t e r p r i s e a p p s

LEARN DESIGN J U M P S TAR T C R E AT E G AT H E R U S E R


THINKING WITH GALLERY INTERACTIVE FEEDBACK
PROTOTYPES
LEARN GALLERY PROTOTYPE FEEDBACK

Learn design-thinking principles


using our bite-sized guides and
detailed courses
LEARN

Jumpstart your process by


leveraging SAP Fiori-
inspired prototypes from
SAP to create your own
PROTOTYPE

GALLERY

• Create interactive prototypes


from—low to high fidelity—
collaboratively

• Leverage SAP Fiori UI controls


and add real sample data

• Handover prototype to SAP


Web IDe with starter code
FEEDBACK

PROTOTYPE

• Gather remote feedback


with in-line annotations

• Learn actual user behavior


with analytics (e.g.
hotspots)
DEMO
SCALING DESIGN
MOST COMPREHENSIVE TOOLSET FOR ANY
NON-DESIGNER TO DESIGN ENTERPRISE APPS
EVEN EASIER TO DESIGN SAP APPS

Gallery of prototypes SAP Fiori controls and floorplans Starter code for WebIDE
BUILD: PRODUCT ROAD MAP OVERVIEW
SAP UI Technologies Road Map as of Q3 2016

T O D AY P L A N N E D I N N O VAT I O N S FUTURE DIRECTION

Learn Design Thinking: New learni Prototyping w ith added SAP Fiori Advanced Collaborative Prototyping
ng center Support
• Visual UI Logic enhancements
• Import SAP Fiori applications for proto • Data-driven prototypes with AI
Simplified Prototyping typing extensions
• Collaborative, real-time design
• Chart controls for prototyping analytical apps • Additional SAP Fiori controls and floor
• Prototype UI5 apps (table definition, pre-ren plans
dering of controls and copy and paste of pag
• Support for importing and applying More Design-Thinking Tools
es)
custom themes
Improved User Research: Advanced st
udy creation Share User Research Integration to Make Developme
• Export of user research study results
nt Even Easier
Innovation Lifecycle Manageme • API discovery and consumption
nt
• Partner integration framework
Tighter HCP Integration: Provisioning, Further Simplification o
WebIDE configuration and IDP definiti f User Experience
on

Pricing: Enterprise And Free Trials


TRY IT OUT!
w w w. b u i l d . m e
YOU CAN FIND US AT

BUILD
https://build.me

EM AIL
contact.build@sap.com

VIMEO
https://vimeo.com/sapux

TWITTER
@buildwithbuild

GITHUB
https://github.com/sap/build
SAP TechEd Online

Continue your SAP TechEd


education after the event!
Access replays of
 Keynotes
 Demo Jam
 SAP TechEd live interviews
 Select lecture sessions
 Hands-on sessions
 …

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 29


Further information

Related SAP TechEd sessions:


UX 161 - Prototyping with Build
UX 104 - User Experience as a Service for Business Analysts and Development
MOB160 - MOB160 – Agile Meets Mobile: Go from Prototype to SAP Fiori App in 15 Minutes

SAP Public Web


www.build.me
experience.sap.com

SAP Education and Certification Opportunities


www.sap.com/education

Watch SAP TechEd Online


www.sapteched.com/online

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 30


Feedback
Contact information:
Please complete your
contact.BUILD@sap.com
session evaluation for
UX102.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 31


© 2016 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://www.sap.com/corporate-en/about/legal/copyright/index.html 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.

© 2016 SAP SE or an SAP affiliate company. All rights reserved. Public 32