Combining Fiori Launchpad with SAP Screen Personas to Run SimpleSebastian Steinhauer & Tobias Queck, SAP

SESSION CODE: UX250

How to determine whether to use a Fiori app or a Screen Personas flavor

How to integrate SAP Screen Personas flavors into the Fiori Launchpad

Design considerations for SAP Screen Personas flavors to optimize experience in the FioriLaunchpad

Learning points

What is Fiori UX?SA

P Fi

ori

Concept

SAP Screen Personas

Design

Interaction Patterns

Information Architecture

Visual Design

Role-based SimpleResponsive Coherent Delightful

PrinciplesParadigm Shift

Technology User Interface

Business Logic

…

Products with SAP Fiori UX Out of the Box

Today 500+ SAP Fiori HTML5 apps

Future All SAP products (cloud, on-premise)

Tools for customers to implement new UX

SAP Screen PersonasModernize SAP GUI,apply Fiori or customer-branded design

SAP Web IDEBuild and extend Fiori apps

Fiori Launchpad, Fiori Client, SAP Portal Consume Fiori apps

SAP UX OverviewSAP Fiori = The new user experience for SAP software

UX Design Services to help you implement SAP Fiori & SAP Screen Personas

Demo:Use SAP Screen Personas to build Fiori UX

This Fioriscreen was built using SAP Screen Personas

We make it easy for you

http://www.slideshare.net/peterspielvogel/sap-screen-personas-style-guide-for-fiori-2015-feb06

SAP Screen Personas architecture

Demo:SAP Screen Personas in Fiori Launchpad

• Browser

• NWBC

• SAP Portal

• SAP GUI

• Fiori Launchpad

When to use which solution

Fiori app available now?

Modify existing Fiori?

Mobile UX 

required?

Yes Yes

No No

SAP Fiori SAP UI5 custom development

Based    on SAP GUI?

No

Yes

SAP Screen Personas

No

Yes

Start:Design Thinking

Create one Launchpad tile per activity not per transaction Combine transactions in your activity using

scripting Create one global Personas theme

matching your Fiori styling Keep it simple

Integration tips – best practices

Where to learn more

Product Page www.sapscreenpersonas.com

Getting Started resource page scn.sap.com/docs/DOC‐54574

Run Simple with SAP Screen Personas

scn.sap.com/community/gui/blog/2014/09/30/run‐simple‐with‐sap‐screen‐personas

SAP UX on SAP.com

www.sap.com/solution/ux‐user‐experience/software/overview.html

SAP Screen Personas @ SAPPHIRE NOWTuesday 11:00 ‐ 11:20 AM Demo 

Theater 1 Build Intuitive ERP Screens Quickly and Easily 

12:30 ‐1:30 PM S210C Intel 1:45‐2:45 PM S210C Fiori Launchpad and SAP Screen Personas

Wed

nesday

10:30‐11:00 AM S320 RT15 Influence SAP Screen Personas 4.0 Round Table

11:00 ‐ 11:20 AM S210C Norfolk Southern

4:15 ‐ 5:15 PM S210CWhat's New and Exciting in SAP Screen Personas 3.0 

5:00 ‐ 5:20 PM Demo Theater 3 Build Intuitive ERP Screens Quickly and Easily

Thursday 8:00 ‐ 9:00 AM S210C Lockheed Martin

12:00 ‐ 1:00 PM S210C Making SAP’s User Experience Strategy Reality2:00 ‐ 3:00 PM S330B Freescale

Stay informed

Follow the ASUGNews team:

Tom Wailgum: @twailgum

Chris Kanaracus: @chriskanaracus

Craig Powers: @Powers_ASUG

SAP Imagineering: @SAPImagineering

Thank you for participating

Please provide feedback on this session by completing a short survey via the event mobile application.SESSION CODE: UX250For ongoing education on this area of focus,visit www.ASUG.com

Sebastian SteinhauerSAP Screen PersonasProduct Owner

Tobias QueckSAP Screen PersonasLead Architect