OpenSAP Fiori1 Challenge All Slides

download OpenSAP Fiori1 Challenge All Slides

of 26

description

bbtr

Transcript of OpenSAP Fiori1 Challenge All Slides

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

    [email protected]

    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:

    [email protected]

    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