SAP TechEd SAP Screen Personas lecture session UXP203

39

Click here to load reader

description

Slides from SAP TechEd lecture session UXP203. Overview of SAP Screen Personas. Product capabilities, design process, customer examples.

Transcript of SAP TechEd SAP Screen Personas lecture session UXP203

Page 1: SAP TechEd SAP Screen Personas lecture session UXP203

Public

Sebastian Steinhauer, SAP Imagineering

Peter Spielvogel, SAP Imagineering

UXP203 – SAP Screen Personas

The power to improve your user experience

Page 2: SAP TechEd SAP Screen Personas lecture session UXP203

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

Disclaimer

This presentation outlines our general product direction and should not be relied on in making a

purchase decision. This presentation is not subject to your license agreement or any other agreement

with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or to

develop or release any functionality mentioned in this presentation. This presentation and SAP's

strategy and possible future developments are subject to change and may be changed by SAP at any

time for any reason without notice. This document 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. SAP assumes no responsibility for errors or omissions in this

document, except if such damages were caused by SAP intentionally or grossly negligent.

Page 3: SAP TechEd SAP Screen Personas lecture session UXP203

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

Agenda

• History of SAP Screen Personas

• Architecture

• Flavor creation process

• Building screens (demo)

global themes, visual elements, merging tabs, basic scripting

• System administration

• Business value

Page 4: SAP TechEd SAP Screen Personas lecture session UXP203

History of SAP Screen Personas

Page 5: SAP TechEd SAP Screen Personas lecture session UXP203

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

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

We started by listening to comments about improving usability

Streamline my

business

processes

Simplify my screens

Help me run my

business better

Reduce the training

requirements for my

users

Personalize my

screens by role

Page 6: SAP TechEd SAP Screen Personas lecture session UXP203

Architecture

Page 7: SAP TechEd SAP Screen Personas lecture session UXP203

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

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Personalization now built into SAP GUI for HTML (Web GUI)

Page 8: SAP TechEd SAP Screen Personas lecture session UXP203

Flavor creation process

Page 9: SAP TechEd SAP Screen Personas lecture session UXP203

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

SAP Screen Personas is part of a broader UX improvement process

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Identify Processes

Simplify Processes

Analyze Data Requirements

Build Screens

Automate Where Appropriate

Page 10: SAP TechEd SAP Screen Personas lecture session UXP203

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

The right team ensures a successful SAP Screen Personas project

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Business Process Expert

SAP Screen Personas Expert

DesignExpert

Page 11: SAP TechEd SAP Screen Personas lecture session UXP203

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

Process

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Discover Design DevelopEffective

Task Flow

Page 12: SAP TechEd SAP Screen Personas lecture session UXP203

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

Process

Discover

Determine who, why, task triggers, task steps, fields, and issues

Kick off meeting to determine roles, key tasks, number and scheduling of participants

Remote interviews with end users

Review session with end users

Output: Wireframes and client validated ‘Journey map’ includes existing screen flow and issues

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Discover Design Develop

Page 13: SAP TechEd SAP Screen Personas lecture session UXP203

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

Process

Design

Design screens that resolve customer issue with elegance as design goal

SAP designers create preliminary solutions and validates with SAP business and technical experts

SAP team and customer iterate on designed solution

Customer signs off on design

Output: Wireframes, Visual Design and Journey Map

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Discover Design Develop

Page 14: SAP TechEd SAP Screen Personas lecture session UXP203

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

Wireframes

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Prototyping

Page 15: SAP TechEd SAP Screen Personas lecture session UXP203

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

Wireframes

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 16: SAP TechEd SAP Screen Personas lecture session UXP203

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

Process

Develop

SAP technical team implements the solution

SAP project team and customer implement the agreed design proposal in SAP Screen Personas

Customer validates implementation

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Discover Design Develop

Page 17: SAP TechEd SAP Screen Personas lecture session UXP203

Global themes

Visual elements

Merging tabs

Basic scripting

Building screens

Page 18: SAP TechEd SAP Screen Personas lecture session UXP203

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

Themes set the look and feel for all screens at one time

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 19: SAP TechEd SAP Screen Personas lecture session UXP203

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

Edit mode lets you modify individual screens

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 20: SAP TechEd SAP Screen Personas lecture session UXP203

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

Visual enhancements improve usability

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 21: SAP TechEd SAP Screen Personas lecture session UXP203

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

Merge information from different tabs onto a single screen

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 22: SAP TechEd SAP Screen Personas lecture session UXP203

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

Scripting improves user productivity

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 23: SAP TechEd SAP Screen Personas lecture session UXP203

System administration

Page 24: SAP TechEd SAP Screen Personas lecture session UXP203

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

Administrative settings give you complete control

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

Page 25: SAP TechEd SAP Screen Personas lecture session UXP203

What’s next?

Page 26: SAP TechEd SAP Screen Personas lecture session UXP203

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

SAP Screen Personas for Web Dynpro ABAP

Lab Preview

Lab Preview

Integration into SAP Screen Personas

• Common editor• Same look & feel

• Common flavor handler• Reuse of flavors across technology

• Common persistency

• Common administrator tools• Similar administrator UIs

• Common sharing concepts

Planned (not committed!) for 3.0 SP01

• Styles and formatting

• Insert/move/hide/show elements

• Z layering

• Clone controls

Planned (not committed!) for later

• Scripting & tab merging

• Format painter

Roadmap information; subject to change

Page 27: SAP TechEd SAP Screen Personas lecture session UXP203

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

SAP Screen Personas for Web Dynpro ABAP Lab Preview Demo

Lab Preview

Page 28: SAP TechEd SAP Screen Personas lecture session UXP203

Business value

Page 29: SAP TechEd SAP Screen Personas lecture session UXP203

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

Help your employees do their jobs better

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

• Number of users

• % time spent on data entry

• Per user annual salary

• Improvement range: 50-200%

Improve user productivity

50-200%

Userproductivity

Page 30: SAP TechEd SAP Screen Personas lecture session UXP203

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

Make your people feel smarter

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

• Number of duplicate processes

• How many can you retire?

• Annual maintenance cost

• Improvement range: 20-70%

Improve adoption of business processes

20-70%

TrainingCost

Page 31: SAP TechEd SAP Screen Personas lecture session UXP203

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

Make your people feel smarter

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

• Number of users

• % trained annually

• Training cost per user

• Improvement range: 40-60%

Decrease training costs

40-60%

TrainingCost

Page 32: SAP TechEd SAP Screen Personas lecture session UXP203

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

Reduce rework to make everyone happier

1

History

2

Architecture

3

Develop. Process

4

Building Screens

5

System Admin

6

Business Value

• Number of data entry errors annually

• Average cost to correct each error

• Improvement range: 10-30%

Increase Data Quality

10-30%

DataQuality

Page 33: SAP TechEd SAP Screen Personas lecture session UXP203

Additional information

Page 34: SAP TechEd SAP Screen Personas lecture session UXP203

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

SAP d-code Virtual Hands-on Workshops and SAP d-code OnlineContinue your SAP d-code education after the event!

SAP d-code Online

Access replays of keynotes, Demo Jam, SAP d-code

live interviews, select lecture sessions, and more!

Hands-on replays

http://sapdcode.com/online

SAP d-code Virtual Hands-on Workshops

Access hands-on workshops post-event

Starting January 2015

Complementary with your SAP d-code registration

http://sapdcodehandson.sap.com

Page 35: SAP TechEd SAP Screen Personas lecture session UXP203

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

Further Information

Watch SAP d-code Online

www.sapcode.com/online

SAP Public Web

SAP Screen Personas Product Page

http://www.sapscreenpersonas.com

Getting Started Guide

http://scn.sap.com/docs/DOC-54574

Customer facing presentation

http://www.slideshare.net/peterspielvogel/

Page 36: SAP TechEd SAP Screen Personas lecture session UXP203

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

Further Information

SAP Education and Certification Opportunities

www.sap.com/education

RKT Learning Map for SAP Screen Personas 3.0

http://service.sap.com/rkt-fbs-acs

SAP Screen Personas Practitioner Forum

Americas / EMEA

http://scn.sap.com/community/gui/blog/2013/06/25/maximize-your-investment-in-sap-screen-

personas-free-practitioner-forum-best-practices

Asia – Pacific

http://scn.sap.com/community/gui/blog/2014/08/02/sap-screen-personas-practitioner-forum-for-asia-

pacific-region

Page 37: SAP TechEd SAP Screen Personas lecture session UXP203

37© 2014 SAP SE or an SAP affiliate company. All rights reserved.

FeedbackPlease complete your session evaluation for

<UXP203>.

Thanks for attending this SAP TechEd && d-code session.

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

Contact information:

[email protected]

[email protected]

Page 38: SAP TechEd SAP Screen Personas lecture session UXP203

© 2014 SAP SE or an SAP affiliate company. All rights reserved.

Thank you

www.sapscreenpersonas.com

Page 39: SAP TechEd SAP Screen Personas lecture session UXP203

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

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