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 after resizing

SAP Smart Business drilldown after resizing

SAP Smart Business drilldown after resizing

SAP Smart Business drilldown after resizing

SAP Smart Business drilldown on desktop

SAP Smart Business drilldown on desktop

Layout

The page consists of a header and a chart area.

Behavior and Interaction

The white bar at the top contains the name of the KPI and the filter symbol. By clicking on the filter symbol, you can open or close the filter area.

Filter selection

Filter selection

Selected filters

Selected filters

The header area (light blue bar) displays the name of the evaluation, the actual KPI, and tiles with micro charts. A tile can display an additional visualization of the overall KPI. By clicking or tapping these tiles, the user can view further details in a popover. Other tiles display information about separate KPIs that might be related or of interest. By clicking these tiles, the user can navigate to the respective KPI.

Details on KPI tile

Details on KPI tile

The chart area below has the biggest real estate. 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.

Chart area with one selected element

Chart area with one selected element

Chart area with two selected elements

Chart area with two selected elements

[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)