HPE
Design System
Foundation
Components
Templates
Extend
Jump to section
Guidance
Dashboard templates
Two column dashboard
Three column dashboard
Templates

Dashboards

At-a-glance preview for operation critical information with easy access to areas requiring attention.

Hello, John!

Welcome to the HPE Common Cloud Console.

Aruba Network Manager
Network configuration and operations made simple. Your network on a single pane of glass.
Guides & Resources
Stay informed with how-to guides, resources, and documentation.
Invite Users
Send a sign-up link to users so you can collaborate with your team.
Assign User Access
Assign a custom role or built-in roles to your account.
Add a SSO/SAML Connection
Easily add extra protection to your HPE Account by connecting to your company's IDP.
Setup Multi-Factor Authentication
Easily add extra protection by requiring access to your phone.
Get Release Notes
Stay up to date with the latest release notes from HPE Common Cloud.
© 2023 Hewlett Packard Enterprise Development LP
TermsPrivacyDo Not Sell My Personal Information

Guidance

Dashboards provide users peace-of-mind knowing critical measures, applications, and services are healthy; plus, easy access to areas needing attention for the moments when they are not.

Well designed dashboards begin by defining the specific purpose and user needs it is serving.

Operational dashboards focus on delivering information such as data deviations, current resources, and resource statuses so that users can proactively execute time-sensitive tasks.

Analytical dashboards present comparison, relationship, and distribution data supporting analysis and decision making.

Regardless of need, each of these templates deliver at-a-glance critical information and quick navigation to underlying detail.

Consider:

  • abbreviated numbers (ex: $1.2M vs $1,234,567.89)
  • less detail
  • fewer colors (ex: show 4 pie chart sections and a 5th for other)
  • larger items and fewer items

Dashboard templates

The following templates are based on page layout guidelines and serve as a starting point for design and development. They are customizable depending on your content and UX needs. Templates for 3 column and 4 column dashboards are coming soon.

Two column dashboard

Global Header

Dashboard

Activity

Servers

Server health
Needs attention

Firmware

Firmware status
Updates available!
    Firmware baselines
      Global Footer

      Three column dashboard

      Global Header

      Dashboard

      Cost by ServiceLast 30 Days
      Cost by MonthLast Year
      Annual SpendLifetime
      ComplianceLast Year
      Rules
      0
      Frameworks
      0
      Audits
      0%100%
      Global Footer

      Related

      Related content you may find useful when using Dashboards.

      Grid
      Grid is a component based on columns and rows used for organizing layouts. From scaffolding page layouts, to organizing elements within a Card, Grid is a powerful tool for composing responsive, adaptive layouts.
      HPE Page Layouts Preview
      Page Layouts
      Choosing a layout is an important first step in designing a user interface. These guidelines will help create a consistent user experience across HPE applications and services.
      Content Layouts
      Creating responsive, adaptable content layouts is central to the user experience.
      HPE Cards Preview
      Card
      A container providing at-a-glance information and easy access to more details.
      HPE Lists Preview
      Lists
      Go-to patterns for displaying many services, devices, users, and more.

      Still have questions?

      Something missing or looking for more information? Get in touch to help make the HPE Design System better.

      Edit this page