SAP Smart Business Framework

Intro

SAP Smart Business drilldown is an analytical app. It enables the user to view and analyze the data of one key performance indicator (KPI).

SAP Smart Business drilldown

SAP Smart Business drilldown

Responsiveness

SAP Smart Business pages are responsive, but work best on either desktop or tablet devices. [internal_only]We plan to provide an adaptive version for smartphones.[/internal_only]

SAP Smart Business drilldown on desktop

SAP Smart Business drilldown on desktop

SAP Smart Business drilldown on tablet (landscape mode)

SAP Smart Business drilldown on tablet (portrait mode)

SAP Smart Business drilldown on tablet (portrait mode)

Layout

The page consists of a header and a chart area.

Behavior and Interaction

The header area (light blue bar) at the top contains a smart filter bar with KPI information and the facet filters. The facet filters act as a cross filter secondary to smart filters providing multiple dimensions. By clicking on the blue bar, you can open or close the filter area.

SAP Smart Business drilldown - Filter selection

SAP Smart Business drilldown - Filter selection

SAP Smart Business drilldown after filter selection

SAP Smart Business drilldown after filter selection

The header also displays the names of the evaluations on tiles with micro charts. By clicking or tapping these tiles, the user navigates to that KPI’s SAP Smart Business app. If the user clicks on the same tile again within the SAP Smart Business app, a popover appears showing the threshold values. Additional tiles display information about other KPIs that might be related or of interest.

SAP Smart Business drilldown with message popover on a KPI tile

SAP Smart Business drilldown with message popover on a KPI tile

When the header is collapsed and all the filters are set, maximum real estate is available for analysis of the content in the chart area below. The chart toolbar provides a number of standard interactions. You can switch between different views, chart types, and a table view. The chart can also be enlarged to full screen size.

SAP Smart Business drilldown with one selected data point

SAP Smart Business drilldown with one selected data point

SAP Smart Business drilldown with two selected data points

SAP Smart Business drilldown with two selected data points

[internal_only]

Additional Information

For more information, check out the SAP Smart Business Wiki.

[/internal_only][internal_only]

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

[/internal_only]

Elements and Controls

Implementation

Visual Design

  • Tiles (visual design specification)