Fiori Tab Strip — Blah

This Tab Strip seems to make its way into most standard SAP Fiori apps, such as the Retail Product Look Up app: Look Up Retail ...

Contact us
Fiori Retail Product Lookup

Look at the ugly Tab Strip

This Tab Strip seems to make its way into most standard SAP Fiori apps, such as the Retail Product Look Up app: Look Up Retail Products

I have 3 issues with the Icon Tab Strip:

  1. One icon always seems to be taken up by “Information”, which is 1/3 of the available screen real-estate.
  2. There is only room for 2 more icons, or else the dreaded scrolling bar appears.
  3. Clicking an icon that is already open, closes the details below it. Why would you ever want that closed?

I believe that in a mobile app, vertical scrolling is always preferred to horizontal. Let me instead suggest:

  • If you have header information, just put it in the header at the top.
  • If you have several sections (and multiple apps doesn’t make sense), then this layout may work better: Object Page.
  • (The Object Page also suffers from some tab issues, but hoping to fix those with CSS)
  • Just use a segmented button instead of Icon Tab Strip.

This looks better:

Object page screen shot

Like the scrolling action!

Thoughts?

Gavin Quinn

Gavin Quinn

Gavin Quinn is an industry thought leader and has a relentless commitment to making the SAP user experience simple, mobile, and beautiful. Gavin is the founder and chief architect of Mindset Consulting and has over 15 years of experience leading SAP projects for Fortune 1000 companies, internationally-renowned health care organizations, and government agencies. He got his start in UX design with SAP NetWeaver Portal and has quickly evolved to include mobile design using SAP Fiori and other web-friendly technologies. Most recently, his focus has been SAP ERP, SAP HANA, and SAP Fiori. Gavin is a regular blogger and speaker on the topics of mobility and SAP Fiori.

Let’s make your SAP better, together.

  • This field is for validation purposes and should be left unchanged.