2. Appearance and Structure of Applications

Design:

UI5 has a built-in UI kit that is well integrated into the framework.
It comes with detailed documentation and examples.
Moreover, most companies have pre-configured themes for this kit.

So, if you can express your business logic using existing UI components — don’t reinvent the wheel.

But if you really want to create something custom: it’s best to take inspiration from existing elements in terms of appearance and UX. UI5 design guidelines are here.

Page Structure:

SAP strongly recommends organizing all business logic on a page using so-called floorplans.

The main ones are:

  1. List Report
    Most often used together with Object Page (see below). A page with filters at the top and a data table in the center (usually smartfilterbar + smarttable). When you click on a specific item or create a new one, it navigates to the Object Page. Used for searching and navigating a list of objects.
  2. Object Page
    A page with fields for a specific entity. At the top — a header with key fields, in the center — the rest. Used for editing and creating documents.
  3. Analytical List Page
    A dashboard with charts/graphical filters.
  4. Overview Page
    An aggregator of reports in the form of many tiles on one page.
  5. Worklist
    Almost the same as List Report. A page with tables. Filter bar is optional, with a strong focus on processing entities in the table.