2015 asug ux250 sap screen personas and fiori launchpad
TRANSCRIPT
![Page 1: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/1.jpg)
Combining Fiori Launchpad with SAP Screen Personas to Run SimpleSebastian Steinhauer & Tobias Queck, SAP
SESSION CODE: UX250
![Page 2: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/2.jpg)
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
![Page 3: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/3.jpg)
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
…
![Page 4: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/4.jpg)
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
![Page 5: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/5.jpg)
Demo:Use SAP Screen Personas to build Fiori UX
This Fioriscreen was built using SAP Screen Personas
![Page 6: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/6.jpg)
We make it easy for you
http://www.slideshare.net/peterspielvogel/sap-screen-personas-style-guide-for-fiori-2015-feb06
![Page 7: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/7.jpg)
SAP Screen Personas architecture
![Page 8: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/8.jpg)
Demo:SAP Screen Personas in Fiori Launchpad
• Browser
• NWBC
• SAP Portal
• SAP GUI
• Fiori Launchpad
![Page 9: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/9.jpg)
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
![Page 10: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/10.jpg)
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
![Page 11: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/11.jpg)
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
![Page 12: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/12.jpg)
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
![Page 13: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/13.jpg)
Stay informed
Follow the ASUGNews team:
Tom Wailgum: @twailgum
Chris Kanaracus: @chriskanaracus
Craig Powers: @Powers_ASUG
SAP Imagineering: @SAPImagineering
![Page 14: 2015 ASUG UX250 SAP Screen Personas and Fiori launchpad](https://reader034.vdocuments.site/reader034/viewer/2022042502/55aad9db1a28abe2598b461f/html5/thumbnails/14.jpg)
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