Missing Design Patterns in Fiori Design Guidelines

Discussion Forum SAP Fiori Design Missing Design Patterns in Fiori Design Guidelines
Viewing 2 posts - 1 through 2 (of 2 total)

Last week I saw two customer UI5 applications which both used a design pattern that is quite useful but not part of Fiori design guidelines. The shell contains of two parts: an object header together with a NavContainer containing some tiles as navigation links. The tiles display some information similar to KPI tiles in SAP Smart Business.

This is no Fiori pattern – but nevertheless useful. You can use it to create dashboard-like applications that display information standardized way. Typical applications are 360 degree views for complex business objects. The representation as tile indicates that you can use it for navigation

At the moment I don’t no other pattern to for creating 360 degree views with navigation targets. The Fiori Launchpad is something different since there is no common filter. Fiori Overview Page could be an alternative but is not yet released and doesn’t provide a mechanism for custom cards yet.

So my questions are:

  • How do you design apps for 360 degree views in Fiori?
  • Are there other patterns that are invented again and again by Fiori designers and show a missing design pattern in Fiori?

Best Regards,

Chief Designer

Hi Tobias,

thank you for your post. This is in fact something that we have been working on for a while now.

Something that is already available for you today is the Object Page Layout. This floorplan has been defined to exactly the use case you describe. The Object Page Header is container that can hold any UI5 control including micro charts or key figures. As the Object Header collapses on scroll, this information doesn’t block screen real estate but leaves room for the page content. That way you can programmatically build a 360° view of an object with a variety of information pieces visualized in different ways. Something similar will be possible using the Smart Templates, then generated out of meta data.

In the UI5 Explored app you find an excellent example of the possible contents in an Object Page Header:

object Page


We are currently working on offering more such functionality in a consistent manner across different floorplans.

I hope this helps.

Best regards


Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘SAP Fiori Design’ is closed to new topics and replies.