2015 asug ux250 sap screen personas and fiori launchpad
TRANSCRIPT
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