LT144 - SAP Fiori 3

Transcription

LT144 – SAP Fiori 3PUBLIC

Speakers 2018SAP TechEd Las VegasOctober 2–5, 2018SAP TechEd BarcelonaOctober 23–25, 2018SAP TechEd BangaloreNovember 28–30, 2018 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLICEmil VouttaEmil VouttaMamatah K H2

Take the session survey.We want to hear from you!Be sure to complete the session evaluationfor this session LT144on the SAP TechEd mobile app.Download the app fromiPhone App Store or Google Play. 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC3

DisclaimerThe information in this presentation is confidential and proprietary to SAP and may not be disclosed without the permission of SAP.Except for your obligation to protect confidential information, this presentation is not subject to your license agreement or any other serviceor subscription agreement with SAP. SAP has no obligation to pursue any course of business outlined in this presentation or any relateddocument, or to develop or release any functionality mentioned therein.This presentation, or any related document and SAP's strategy and possible future developments, products and or platforms directions andfunctionality are all subject to change and may be changed by SAP at any time for any reason without notice. The information in thispresentation is not a commitment, promise or legal obligation to deliver any material, code or functionality. This presentation is providedwithout a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for aparticular purpose, or non-infringement. This presentation is for informational purposes and may not be incorporated into a contract. SAPassumes no responsibility for errors or omissions in this presentation, except if such damages were caused by SAP’s intentional or grossnegligence.All forward-looking statements are subject to various risks and uncertainties that could cause actual results to differ materially fromexpectations. 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. 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC4

“Design is relationships.Design is a relationshipbetween form and content.”Paul Rand 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC5

AgendaEvolutionDesign PrinciplesSAP Fiori 3Intelligent EnterpriseNext 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC6

Evolution

SAP FioriFiori 1 12013201425 mostExtended forprofessional usecases withfrequentlyused apps witheveryday touchpoint.81 simplefinance appsFiori 220162017Professional use cases with SAPS/4HANA16.10.Conversational UI withSAP CoPilot600 SAP Fiori apps and7022 visually harmonizedSAP Cloud Platformclassic applicationsGreater scalability with SAPFiori ElementFiori 32018SapphireFiori DesignLanguage adoptionfor CRM, SAC, SFSF,Hybris Marketing SAP Fiori for iOS apps 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC8

SAP FioriFiori 120132014 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC20159

SAP FioriFiori 22016 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC10

SAP Product2018Landscape 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC11

Fiori 3ConversationalContextualConnectedIntegrated 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC12

Design Principles

SAP Fiori Design PrinciplesRole-Based 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLICAdaptiveSimpleCoherentDelightful14

Role-Based 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC15

AdaptiveSAP Fiori for Web 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLICSAP Fiori for iOS16

Simple 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC17

Coherent 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC18

Delightful 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC19

SAP Fiori 3

Fiori 3 Harmonized DesignCommon visual design elements acrossproductsStructureFlexible content structure via sites toprovide multi-level navigationContent?Scalable static and dynamic buildingblocks, e.g. cardsGridSelected common layoutsCoPIlotConnects content and servicesfrom different products 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC21

Design Harmonization Selected color set: e.g. brand color, interaction color, semantic colors, major accentcolors Selected icon set: most used control icons such as ‘create’ ‘delete’, ‘share’, ‘group’,‘sort, etc. Selected common functions and consistent placement:One digital assistant, a set of core settings, user profile, shell bar in terms of navigation andplacementNEW VISUALTHEME Emblematic branded moments ’72’ typeface & typographyALIGNEDCONCEPTS 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC22

Current Shell DesignsFiori 3Product SwitcherProduct Specific ActionsCoPilot in the centerAribaFieldglassS/4HANADigital Supply Chain &ManufacturingAnalytics CloudHomeConcurNavigationSuccessFactorsCustomer Experience(Sales)Customer Experience(Sales)Customer Experience(Sales)Customer Experience(Sales) 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC23In App/ Page

Current StructureFiori 3NavigationLoB specific Homes or other company specific sitesCentral Home1st LvlNavigationSitesContentNavigation 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC24

Fiori 3LoB specific Homes or other company specific pagesCentral HomeSites ConceptA Site has one product specific homepage which is the entry point to the availablecontents of a product, e.g. LoB specific. Thepage can have one or multiple sub-pages inthe navigation structure.Any site of the environment can be defined asstart page. The start page is the first page thata user sees after start.Sub-Pages can either be accessed via thecontent, e.g. cards, links, etc. or via anintegrated vertical navigation bar. 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC1st LvlNavigationSitesContentNavigationSub-Pages25

Current Home ContentFiori 3Product Specific HomeCentral HomeFeatured GroupoptionalPinned Contente.g. Cards, freestyle 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC26

CoPilotCoPilot acts as the single point ofinteraction for end users who workacross SAP products.-Connects content and services runtime.-In a consistent style andpersonality-Dynamic workflow based on users’intent and contextSAP Customer Experience 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC27

Current CoPilotFiori 3Central Element 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLICFull Screen28

RoadmapStart 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC29

RoadmapStart2018/192018Introduction - Product Switcher 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC2019 Embedded Integration and Consistent UX30

RoadmapFiori 3Fully Integrated &ConsistentCentral Home 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLICLine of Business SitesCompany SitesApps31

DemoSAP Fiori 3Intelligent Enterprise Experience 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC32

Next

SAP Fiori 3Mike SmithService Operations Supervisor.as a Casual User 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC.as a Specialist34

Fiori 3 VisionDynamic workflowsCoPilotComposed on the fly, according to business situations,context and your preferences.Your digital assistant, works trough all products, systems and datasources to proactively nurture your digital workspace. 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLICIntelligent AppsProviding intelligent guidance to get things donefaster.35

VideosSAP Fiori 3 VisionScenarios 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC36

SAP TechEd online / SAP CommunityAccess replays of: Keynotes SAP TechEd live interviews Selected lecture sessionshttp://sapteched.com/onlineContinue your SAP TechEd discussion afterthe event within SAP Community: Read and reply to blog posts Ask your questions Join conversationssap.com/communitySee all SAP TechEd blog posts 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC37

Further informationRelated SAP TechEd learning journeysCGE2 – How to Design and Develop SAP Fiori AppsCGE1 – How to Become the UX Transformation Champion in My CompanyCGE4 – How to Build Mobile Apps for the Digital EnterpriseRelated SAP TechEd sessionsCGE219 – SAP Fiori Design – Your Toolbox of Design Concepts .CGE351 – How to Design SAP Fiori AppsCGE717 – Best Practices for Designing SAP Fiori AppsPublic SAP Web sitesSAP Fiori Design Guidelines: https://experience.sap.com/fiori-design/SAP Fiori User Experience Community: https://experience.sap.com/fiori/SAP UI5: https://sapui5.hana.ondemand.com/SAP Fiori Mentor: d1215284965?mt 8SAP training and certification opportunitiesSAP Fiori – Foundation foundation-classroom-002-g-en/?openSAP Introduction to SAP Fiori UX https://open.sap.com/courses/fiori1?locale de 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC38

Thanks for attending this session.FeedbackContact for further topic inquiriesPlease complete your sessionevaluation for LT144Emil VouttaVP, SAP Designemil.voutta@sap.com 2018 SAP SE or an SAP affiliate company. All rights reserved. ǀ PUBLIC39

SAP TechEd Las Vegas. October 2-5, 2018 Emil Voutta. SAP TechEd Barcelona. October 23-25, 2018 Emil Voutta. . Ariba. Concur. Current Shell Designs: Fiori 3: CoPilot in the center: Product Switcher. Home: In App/ Page. . SAP TechEd live interviews Selected lecture sessions: