Windows Azure Reports User Interface Design
Applies To: Windows Azure Pack
A Windows Azure Pack Resource Provider will need to generate reports for a variety of purposes. For example, billing information for tenant usage. This topic covers Windows Azure Pack report design for the management portal for administrators, the management portal for tenants and includes the initial screen and report data table.
Initial Screen
The following screen shot illustrates the correct way to present the initial screen for the Reports page.
Design Considerations
The following considerations should be taken into account:
The Quick Start page link should be the blue cloud with the lightning bolt image.
Controls should be framed within a control group.
There should be a checkmark to trigger the query. The checkmark should be located at the bottom right of the control group.
Labels should be aligned with controls on the horizontal line.
The box should have a border and the background color should be the same as the surrounding page.
Report Data
The following screen shot illustrates the correct way to present the report in a table format.
Design Considerations
The following considerations should be taken into account:
Ensure each column has a heading.
Ensure columns are left-aligned.
Use indentation in this way to show deeper context. For example, Cloud01 in the image.
If the report is greater than one page, use Pagination to denote the current page.