OpenSAP Iot3 Week 3 All Slides

Touch IoT with SAP Leonardo
3.1 Introduction to Design Thinking
© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 1

What is design thinking
…and how does it help you here?

Introduction to Design Thinking
Definition
Design thinking means creating innovation by combining ...
Diverse people Creative space Iterative approach
+ +

DVF diagram
Start Desirability
here
Viability Feasibility

design thinking
vs.
problem solving

Design thinking vs. problem solving (1)
QUESTION
ANSWER

Design thinking vs. problem solving (2)
QUESTION
POSSIBILITES
ANSWER
SOLUTION

How do you get started
…actually DOING design thinking?

A 5-step iterative process
EMPATHIZE IDEATE
DEFINE PROTOTYPE
TEST
Problem Solution

Introduction to Design Thinking EMPATHIZE IDEATE
3 ways to empathize DEFINE PROTOTYPE
TEST
Immerse Observe Engage

Walk in user’s See user in Let the user tell
shoes. action. his/her story.

Story map DEFINE PROTOTYPE
TEST
Quotes & Thoughts &

Defining Words Beliefs
Actions & Feelings &

Behaviors Emotions

Persona DEFINE PROTOTYPE
TEST
What is a persona? What are the persona’s characteristics?

Personas are fictional  Name
characters based on real  Background
data to represent user
types.
 Job title/role
 Job responsibilities
 Main goals
 Needs
 Pain points
Why do I need a persona?
 Stakeholders
“We work with personas so our  Competencies
developers don’t develop for
themselves.”
-SAP user researcher

Persona template DEFINE PROTOTYPE
TEST

User experience journey DEFINE PROTOTYPE
TEST
. . . . . . .
▶ Enter coffee shop ▶ Look at menu ▶ Order ▶ Wait ▶ Wait ▶ Take coffee ▶ Find seat
▶ Line up to order ▶ Make a choice …coffee ▶ Pay for coffee ▶ Receive coffee ▶ Add milk & ▶ Drink coffee
…sugar
ACTIONS
. . . . . . .
.▶ "A line again" ▶ "Should I take ▶ "Yeees! I ▶ "What?! ▶ "Wow this took ▶ ”No sugar, I am ▶ "Finally, I can
MINDSET
▶ "Aaaahhh I need ….tea instead? ….can't wait" 5$?" …. forever" ….on a diet" ….enjoy my
…coffee, now!" ▶ "Well no a café ▶ “Today is a …. ….coffee"
….latte as usual” …. cheat day"
….
FEELING
. . . . . . .
▶ Coffee shop flyer ▶ Menu board ▶ Barista ▶ Cashier ▶ Coffee mug ▶ Coffee mug ▶ Coffee mug
TOUCH P.
▶ Credit card ▶ Barista ▶ Milk ▶ Seat

▶ Loyalty card ▶ Sugar

Point of view (POV) DEFINE PROTOTYPE
TEST
What is a POV?
User + Need + Why
Problem POV
Why create a POV?

• To help focus on the problem to solve
• To fuel brainstorming
• To be something you revisit and
reformulate as you learn by doing

Brainstorming DEFINE PROTOTYPE
TEST
1 Person
Stay on Encourage Be Go for

the wild ideas visual quantity
topic
Multiple People
Defer Build on One

judgement other’s conversation
ideas at a time

How to prototype DEFINE PROTOTYPE
TEST
What is prototyping? How to prototype?

Prototyping is the iterative
generation of artifacts intended to
answer questions that get you
closer to your final solution.
Why prototype?
• To ideate and problem solve
• To communicate
• To start a conversation
• To test possibilities
• To manage the solution-building
process

Testing DEFINE PROTOTYPE
TEST
What is testing? How to test?

Testing is the mode in which the
low-resolution artifacts are put into
practice by placing the prototype Ideas, Feedback
in the appropriate context. Ideas,
Idea
Testing
Prototype
Why test?
• To refine prototypes and solutions
• To learn more about your user Learn
• To refine your POV

A lot of information
Let’s recap...

Recap of the process
EMPATHIZE --- Walk in your user’s shoes!
DEFINE --- Create a persona, user journey, and POV.
IDEATE --- Come up with lots of ideas to solve your POV.
PROTOTYPE --- Build a tangible prototype.
TEST --- Get feedback on your prototype from your users.

Thank you
Contact information:
open@sap.com
© 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://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.

3.2 User Experience for the Internet of Things

User Experience for the Internet of Things
The UI is only part of the user experience

What user experience (UX) is and why it matters
Monetary value
 Gain productivity
 Save training costs
 Decrease user errors
 Decrease change requests
Human value
 Increase user satisfaction
 Increase customer loyalty
 Increase solution adoption
 Strengthen relationships

What is the SAP Fiori user experience?
SAP Fiori Principles
Role-Based Responsive Simple Coherent Delightful
Information Architecture Interaction Design Visual Design
SAP Fiori Design
User Interface
Other
SAP Fiori Technologies Technologies*
Business Logic *SAP’s preferred way to build
SAP Fiori is using SAPUI5
https://experience.sap.com/fiori-design/

5 SAP Fiori principles
Stable principles ensure meaningful evolution regardless of technology and visual changes.
Role-Based Responsive Simple Coherent Delightful
Designed for you, Supports how Focuses on Provides one Makes an

your needs, and and where you what’s important fluid, intuitive emotional
how you work work, at any time experience connection

Designing for
the Internet
of Things

Designing for the Internet of Things
Challenges Cross-discipline collaboration between…
Current state of technology Design
Immature understanding
of compelling consumer Technology
IoT value propositions
More aspects of design Business

Inter-usability ensures the overall UX is coherent

Visual representation of physical objects
Object Page

The whole system experience is often equally important than any single device UX
Permutations

Designing for the Internet of Things
New Design Challenges
Development requires Offer clear solutions to User experience needs Connect a web of
more team work problems, good service to be coherent across distributed systems
and support all touch points

Why IoT UX data is different
Perception Transparency Inclusiveness

Generating meaningful insights Seeing the breadth of an entire Enabling casual users to discover
from large data sets is easy if dataset at a glance increases insights in massive data sets
users have the right tools. confidence and likelihood of increases opportunities for
meaningful insights. organizational learning and
knowledge sharing.

SAP IoT UX example: Visual Table
The components of a visual table:

1. A comprehensive list, providing direct
access to underlying data
2. A visualization that calls out anomalies
1
and allows a user to analyze root cause
for deeper insights
3. A mini-table to allow the user to quickly 2
and easily navigate to any interesting
anomalies

UX questions to consider
Do one or more simple visualizations, or Is it possible to clearly visualize Is it possible to synchronize components
dashboards containing multiple simple activity on a map and see changes within a dashboard to update when data is
visualizations, solve real business operations unfold over time? selected, filtered, and sorted?
problems?
Do the visualizations call attention to buried

insights and make them readily
comprehensible and actionable?
Of all these capabilities, how easily can they be implemented (if at all)?

Thank you
open@sap.com

3.3 The Importance of Prototyping

Before we get started
let’s recap...

The Importance of Prototyping
Recap from design thinking
EMPATHIZE IDEATE
DEFINE PROTOTYPE
TEST

Prototyping
What is it and why is it so valuable?

Definition of prototyping
Definitions
“A prototype is an early sample, model, or
release of a product built to test a concept or
process or to act as a thing to be replicated or
learned from.” - Wikipedia
“A prototype is worth a thousand meetings.”

- Twitter

Benefit of prototyping
Why prototyping?
1. Prototypes make your designs better.
2. Prototypes facilitate communication.
3. Prototypes enable user input and usability
assessment.
4. Prototypes help assess technical feasibility
and reduce development time.

Cost factor
DISCOVER DESIGN DEVELOP DEPLOY

$1 $5 $30 $75
Fixing UX in development is an expensive problem.

Different kinds of prototypes
When should you pick which type?

Wireframes: low fidelity prototypes
What is it?
A simple sketch of a user interface
Advantages
• Quick to create and share
• Inexpensive
• Easy to understand
• Minimally detailed
• Confirmatory

Explore many ideas for the same problem
Option 1 Option 2 Option 3

High-fidelity mockups
What is it?
Like a wireframe, but with

more detail and color

Interactive prototypes: combining mockups in a flow
Initial screen Time entries listed Editing a time entry Confirmation of action

Prototyping + feedback
How does your prototype evolve over time?

Form and feedback co-evolve
Hi-fidelity mocks
Fidelity
Lo-fidelity mocks
Storyboards
Needfinding
User scenarios Time

Grab some people! (informal)
Structured critiques
Controlled experiments

Your first mockup and prototype
Key pitfalls to avoid

Pitfalls in prototyping
Pitfalls
• Taking feedback as requirements

• Prototyping everything
• Ignoring feasibility

Unit Summary and Looking Ahead
Unit Summary
• Prototyping as part of the design thinking process
• Different kinds of prototypes
• Form and feedback co-evolve
• Key pitfalls
Looking Ahead
• Prototype Challenge

3.4 Prototype Challenge:
Create Your Own Connected Goods Prototype

Course Schedule
Where are we?

Prototype Challenge: Create Your Own Connected Goods Prototype
Course structure
Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7
Get to Know Go Deeper Create Your No Final

the Internet into IoT First IoT Exam
of Things with SAP Prototype More Time
for Innovation
Video lectures and assignments Evaluate Peers
Submit your work View Results
Announce
Design, iterate, and prototype IoT application
Winners

Prototype Challenge
What is it about?

What is the challenge?
Create your
own
Connected
Goods
Prototype

Prototype Challenge
How to get started?

Submission checklist
 Story
Make a case and tell your story like an elevator pitch.
 Persona
Explain the needs, goals, and pain points.
 User experience journey
Map out the persona’s mindset, actions, and touchpoints.
 Point of view (POV)
Include user + need + insight/surprise.
 Mock-up
Create a user experience mock-up via BUILD, PowerPoint, or another way.
 Peer review
Share your prototype for others to evaluate and participate.

Submission logistics
Format PDF (design components and/or screenshots) and/or video
Language English
7 pages max (design components and/or screenshots)

Length or 7 minutes of video
or these 2 formats together where 1 page = 1 min of video
File format, size, and upload Details in “Prototype Challenge” section
Anonymous participation Possible

Mock-up templates

Mock-up template: PowerPoint
1401-Espresso
Device ID Maker
Serial Number Contact PersonPartner Caswell, Bob
Distribution Notify
Empty data fields Device

Notification
Espresso MakerType 1 not used Espresso beans for 24 hours
1401 has 5 min ago
STOCK LEVEL (Regular Coffee Beans)
Image Notification
Espresso MakerType 2 low on stock
1401 is 20 min ago
94 %
Primary KPI Notification
Espresso MakerType 3 not brew at the optimal temperature
1401 does 1 day ago
2 min ago Espresso Maker Type

Notification 1401 has
4 missed a cleaning cycle 1 day ago
L’s Coffee Shop, Hauptstr. 6,

Location
68165 Mannheim, Germany
COFFEE CONSUMPTION
10 Cups Cappuccino
Regular
Data Visualization - 1
5 Cups Espresso
Decaf
Latte
Map 0 Cups
STOCK LEVEL (Coffee Beans)

100%
50 %
Data Visualization - 2 Regular
Decaf
0%
BREW TEMPERATURE
100 Data Visualization - 3

°C
90 °C
80 °C
CLEANING CYCLES
Data Visualization - 4

Mock-up template: PowerPoint
1401-Espresso Maker
Distribution Partner Caswell, Bob Notify
Filled out data fields Espresso Maker 1401 has not used Espresso beans for 24 hours 5 min ago
STOCK LEVEL (Regular Coffee Beans)
Espresso Maker 1401 is low on stock 20 min ago
94 %
1 day ago
Espresso Maker 1401 does not brew at the optimal temperature
2 min ago Espresso Maker 1401 has missed a cleaning cycle 1 day ago
L’s Coffee Shop, Hauptstr. 6,

68165 Mannheim, Germany
COFFEE CONSUMPTION
10 Cups Cappuccino
Regular
5 Cups Espresso
Decaf
Latte
0 Cups
STOCK LEVEL (Coffee Beans)

100%
Regular
50 %
Decaf
0%
BREW TEMPERATURE
100
°C
90 °C
80 °C
CLEANING CYCLES

Mock-up template: BUILD
3 Simple Steps
1. Go to our BUILD gallery prototype
https://sap.build.me/splashapp/gallery
/project/1156
2. Sign up/Log in
3. Click on Clone
4. Customize!

Points & Prizes
How do you get points?

Challenge points
Did you submit all components in a coherent format?
Story Persona UX Journey Point of View Mock-Up
Does your submission make sense?
Focused User-Centric Intuitive
Did you complete the peer review process?

Bonus points
Points
Calculation
Peer grade Bonus points: Bonus points:
(max 60 points) Writing good reviews Accurate self-evaluation
Winners
Selection
Peers select Review by “Best of”

extraordinary submissions board of experts page created

Prizes for top prototypes
Top 5 Prototypes Top 200 Prototypes
NUC Mini PC Give $$ to fund an entrepreneur of

your choice in the developing world

Unit summary and looking ahead
Unit Summary
 Prototype challenge is worth 60 points
 Submission deadline is end of week 4
 No coding required!
Looking Ahead
 IoT Prototyping Using BUILD – Demo

Thank you
open@sap.com

3.5 IoT Prototyping using BUILD

BUILD
What is it? How does it help you?

IoT Prototyping Using BUILD
BUILD overview
Everything you need to design enterprise apps
LEARN DESIGN J U M P - S TA R T C R E AT E G AT H E R U S E R
THINKING WITH I NTERACTI VE FEEDBACK
G AL L E RY PROTOTYPES

Learn design thinking
Design Thinking
Learn design thinking principles using bite-
sized guides and other design courses.

Jump-start with gallery
Gallery
Jump-start your process by leveraging
SAP Fiori-inspired prototypes to
create your own.

Create interactive prototypes
Interactive Prototypes
Create interactive prototypes—from low
to high fidelity—collaboratively.
Leverage SAP Fiori UI controls and add
real sample data.

Gather user feedback
User Feedback
Gather remote feedback with in-line
annotations.
Learn actual user behavior with analytics
(for example, hotspots).

Fail fast, learn fast, iterate
DISCOVER DESIGN DEVELOP DEPLOY

$1 $5 $30 $75

Demo

Thank you
open@sap.com

3.6 Think Big, Start Small with SAP and IoT

Think Big, Start Small with SAP and IoT
Thinking about IoT
Internet of Things
Not a technology, not a market, not a solution!
Waves of invention
PCs The Internet Mobile devices

Businesses and applications
Businesses
 Complex systems with lots of functions
 For example, operations, finance, personal, sales, marketing, and
so on
Applications
 Applications – The way to apply technology to a business function
 IoT enables more applications that deliver more benefits
Business functions
 IoT affects more business functions than ever before
 Not only common business functions, but also specific business
functions

Invention
Design Thinking Connections Integration Repeat
Bringing together the IoT is about connecting IoT integrates parts of The process of
needs of the business things, moving data along the business that were invention will go on
and the potential of the connections, and bringing largely separated with more things to
IoT technology data from various sources connect
together to deliver value

Processes, logic, and maps
Processes
 IoT is about connecting things to processes
 IoT is not only about recording data, but acting on it
Maps
 Business systems are different types of maps of the same territory
 Connections and logic are built between those maps
 With IoT, the physical plant map will also be added

Making the connections
Design Thinking Building Blocks Standards

Integrating people from People with business Agreeing on a standard
different functions, working knowledge can specify their framework or platform for
together to invent new applications in terms of IoT for easy integration
solutions that help the building blocks
business

Unit Summary
 IoT creates opportunities to invent new solutions for businesses.
 The potential solutions affect more parts of the business then ever before.
 Inventing these solutions will be a continuous process.
Looking Ahead
 SAP Leonardo Foundation for Application Enablement

Thank you
open@sap.com

3.7 IoT Application Enablement

SAP Leonardo Foundation for Application Enablement
SAP Leonardo Foundation in more detail
SAP Leonardo Bridge
SAP Leonardo SAP Leonardo Foundation

Edge Technical Services Data Management Business Services
 Streaming  Device management  Aggregate store  Thing model (digital twin)
 Persistence  Connectivity  Times series store  Application development
 Business  Messaging  Data archive  Re-use UI and APIs

transactions
 Predictive and
machine learning
 Analytics SAP Cloud Platform
Analytics Mobile Machine Integration
Learning

Build applications that connect with the digital core
SAP IoT Application

SAP Cloud Platform
Enablement
SAP Cloud Platform
Integration Internet of Things Service
SAP Cloud Platform
Thing Model/Thing Modeler

APIs/Big Data
SAP Web IDE Plugin

Accelerating your IoT journey
Build Enable Act
IoT application development tools Microservices automate Big Data IoT applications make thing data
drive scale and consistency and storage and secure access, and actionable and help you achieve
achieve value faster. organize data with an extensible critical business outcomes.
thing data model.

What’s included
APIs to set up, configure, User interface applications IoT application template for
populate, maintain, and store act as a front end to much of SAP Web IDE to rapidly
IoT and Big Data as well as the functionality delivered via prototype IoT applications that
authorization access and the APIs, including thing can be easily extended from
event management modeling, authorization, and the generated source code
business partner relationships

Thing model, sensor data, and events management
Enable the digital twin Thing Hierarchies Thing Data
 Structure  Basic data

 Hierarchy  Properties
 Relationships  Status
 Documents &
specifications
Time Series & Events

Thing Packages  Measurements
 Thresholds
 Flexible usage in  Error codes
different applications  Alerts
 Thing configurations
Thing Connectivity
Business semantics to realize the digital twin across  Secure onboarding
different industries and IoT scenarios. The  Connectivity via SAP IoT
foundation for all IoT scenarios from SAP and the services
partner ecosystem.

IoT application template for SAP Web IDE
Reusable UI Components
Address
Map
Time Series Chart
Property Picker
Thing List
Filter Bar
Event List
File Up/Download

IoT application template for SAP Web IDE
 New rapid development perspective in

SAP Web IDE
 Freely definable page layout with
horizontal and vertical sections
 Drag and drop of smart controls with
WYSIWYG capabilities
 Data binding easily configured via a
dialog
 Interaction configuration for events and
actions via a dialog
 Live connection to data and live preview
 Configure in SAP Fiori launchpad and
deploy on SAP Cloud Platform on Cloud
Foundry

Unit Summary
SAP IoT Application Enablement
provides what you need to rapidly build IoT applications
SAP Web IDE
is the development environment and has IoT templates to start without code
The Thing Modeler
is where you create and define your “digital twins”, which are virtual models of your physical objects
Looking Ahead
Good luck with the Prototype Challenge!

Thank you
open@sap.com

OpenSAP Iot3 Week 3 All Slides

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

OpenSAP Iot3 Week 3 All Slides

Hochgeladen von

Copyright:

Verfügbare Formate

Touch IoT with SAP Leonardo

3.1 Introduction to Design Thinking

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 1

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

Design thinking means creating innovation by combining ...

Diverse people Creative space Iterative approach

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

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

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

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

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

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

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

3 ways to empathize DEFINE PROTOTYPE

Immerse Observe Engage

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

Story map DEFINE PROTOTYPE

Quotes & Thoughts &

Actions & Feelings &

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

Persona DEFINE PROTOTYPE

What is a persona? What are the persona’s characteristics?

-SAP user researcher

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

Persona template DEFINE PROTOTYPE

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 13

User experience journey DEFINE PROTOTYPE

▶ Credit card ▶ Barista ▶ Milk ▶ Seat

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

Point of view (POV) DEFINE PROTOTYPE

User + Need + Why

Why create a POV?

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 15

Brainstorming DEFINE PROTOTYPE

Stay on Encourage Be Go for

Defer Build on One

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 16

How to prototype DEFINE PROTOTYPE

What is prototyping? How to prototype?

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 17

Testing DEFINE PROTOTYPE

What is testing? How to test?

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 18

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 19

EMPATHIZE --- Walk in your user’s shoes!

DEFINE --- Create a persona, user journey, and POV.

IDEATE --- Come up with lots of ideas to solve your POV.

PROTOTYPE --- Build a tangible prototype.

TEST --- Get feedback on your prototype from your users.

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 20

National product specifications may vary.

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 22

© 2017 SAP SE or an SAP affiliate company. All rights reserved. Public 1

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

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

SAP Fiori Principles

Role-Based Responsive Simple Coherent Delightful

Information Architecture Interaction Design Visual Design

SAP Fiori Design

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

Role-Based Responsive Simple Coherent Delightful

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

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

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