Intro

SAP Fiori launchpad is a shell that hosts SAP Fiori apps, and provides the apps with services such as navigation, personalization, embedded support, and application configuration.

SAP Fiori launchpad is the entry point to SAP Fiori apps on mobile and desktop devices. The launchpad displays a home page with tiles, which can display live status indicators, such as the number of open tasks. Each tile represents a business application that the user can launch. The launchpad is role-based, displaying tiles according to the user’s role.

This article explains some of the most prominent design changes to the SAP Fiori launchpad that came to life wth SAP Fiori 2.0, the next step in the evolution of SAP Fiori.

The Viewport Metaphor

The viewport represents a partial view of a larger surface. SAP Fiori 2.0 uses this surface to offer additional space for user-specific and system-driven data. Users can access these areas through toggle buttons in the shell bar on the top left and top right corners. This action will also trigger the viewport to move to the left and the main content area to zoom out.

The transition itself is really unique – a smoothly animated lateral move that mimics the user’s head turning to the left and to the right in a panoramic view.

With the design of the viewport, we’ve introduced the possibility to concurrently manage different screen areas without sacrificing simplicity and responsiveness.

SAP Fiori launchpad - viewport concept
SAP Fiori launchpad - viewport concept

Home Page

The primary place where a user will look for applications is the home page. This is the heart of the launchpad and the starting place for the user.

The page features tiles that allow the user to launch apps and may show additional information. The page can be personalized and tiles can be added, removed, or bundled in groups. Since the launchpad is role-based, only tiles according to the user’s role are displayed.

SAP Fiori launchpad - home page
SAP Fiori launchpad - home page

Me Area

The Me Area is located off-screen to the left in the SAP Fiori launchpad. In order for the Me Area to slide into view, the user must click on the profile image located on the top left corner of the screen, which is always available from every screen.

While most actions in the Me Area are available independently of the current context, some of the actions will be directly tied to the content shown in the main content area. This includes:

  • The user’s profile picture and access to online state
  • Settings and preferences
  • A catalog of available apps (the app finder)
  • Tools to personalize the current content in the main area
  • Objects and apps recently visited by the user
SAP Fiori launchpad - Me Area
SAP Fiori launchpad - Me Area

Notifications Area

The right off-screen area is dedicated to system-generated notifications from various sources such as the workflow inbox or chat notifications. Notifications can be prioritized and grouped into groups of similar items. Through these configurations, the user will be able to access more information about a notification and take immediate action.

The notification area is accessible from every app that is shown in the main content area by clicking on the Notifications button on the top right corner of the screen.

SAP Fiori launchpad - Notifications area
SAP Fiori launchpad - Notifications area

Components

Tile

A tile is a container that represents an app on the SAP Fiori launchpad home page. Tiles are used for launching apps and presenting them on the launchpad.

For more information, see tile.

App Finder

The app finder is  an “app store”-like interface that lists all the apps that a user might potentially use. The app finder replaces the tile catalog.

For more information, see app finder.

Shell Bar

The launchpad shell bar is part of the SAP Fiori launchpad. It contains the toggle buttons to open/close the Me Area, the notifications area, and the CoPilot.  Moreover, it contains a Home icon and Back icon, the Enterprise Search, and an area for branding purposes.

For more information, see shell bar.

Enterprise Search

The SAP Fiori launchpad offers an enterprise search function that searches across all apps and business objects.

For more information, see enterprise search.

Services

The SAP Fiori launchpad provides a range of central services that can be used by application development teams. For example, the launchpad handles all navigation between apps, and offers controls for gathering user feedback and contacting support.

For more information, see services.

Resources

Check out (Vice President of Global Design) Kai Richter’s blog series on SAP Fiori 2.0 for more insights.