Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
  • About

Patterns


  • General

    • Actions
      • Global actions
      • In-context actions
    • Announcing new features
    • Announcing beta and preview features
    • Communicating unsaved changes
    • Data visualization
      • Chart metric drill down
    • Density settings
    • Disabled and read-only states
    • Drag-and-drop
    • Errors
      • Error messages
      • Validation
    • Empty states
    • Feedback mechanisms
    • Filtering patterns
      • Saved filter sets
      • Filter persistence in collection views
    • Hero header
    • Help system
    • Image magnifier
    • Loading and refreshing
    • Onboarding
      • Hands-on tutorials
    • Selection in forms
    • Service navigation
      • Side navigation
      • Top navigation
    • Service Dashboard
      • Static dashboard
      • Configurable dashboard
      • Dashboard items
    • Secondary panels
    • Timestamps
    • User feedback

  • Generative AI patterns

    • Pattern abstraction
    • Generative AI chat
    • Ingress
    • Generative AI output label
    • Generative AI loading states
    • Progressive steps

  • Resource management

    • Create resource
      • Multipage create
      • Single page create
      • Sub resource create
    • Delete patterns
      • One-click delete
      • Delete with simple confirmation
      • Delete with additional confirmation
    • Edit resource
      • Page edit
      • Inline edit
      • Attribute editing
    • View resources
      • Table view
      • Card view
      • Split view
      • Table with expandable rows
    • Resource details
      • Details page
      • Details page with tabs
      • Details page as a hub
  1. Cloudscape Design System
    • Patterns
    • General: Service Dashboard
    1. Cloudscape Design System
    2. Patterns
    3. General: Service Dashboard

    Service dashboards

    A dashboard page presents at-a-glance information about service and resource status. Users can monitor this information and act upon it quickly.

    Published: March 10, 2023

    On this page

    1. Patterns
    2. Objectives
    3. Criteria
    4. General guidelines

    Did this page help you?

    Tell us more - optional

    1000 character(s) available. Do not disclose any personal, commercially sensitive, or confidential information.

    Patterns

    Static dashboard

    Identify and structure a predefined and persistent set off items within a dashboard.

    Configurable dashboard

    Gives control to the user to show/hide, delete, move, change the size of, and add items to a dashboard.

    Dashboard items

    Dashboard items are self contained UI elements that address specific customer needs, such as navigating to a resource, monitor resources status, or viewing a costs summary.

    Objectives

    The objective of dashboards is to summarize the primary information of the service. In general, there are three primary use cases that a dashboard can address:

    • Monitor: Users monitor the overall system health and track trends to prevent issues and optimize the system.

    • Investigate: Users filter and drill down to the root cause of the occurring issues, make decisions after investigating, and take action. This often involves navigating across services.

    • Be informed: The dashboard provides guidance aimed at new users about how to use the service. It also informs all users about service updates relevant to their tasks.

    When creating a service dashboard, focus on your users. The guidelines and structures we provide are oriented to build a more consistent experience, but ultimately the experience delivered should be based on concrete data for your service, such as conversion analytics, user research, and direct user feedback.

    Configurable layout

    When building a dashboard you can decide the level of control you want to provide to your users. We provide the option to make dashboard configurable by your users, which includes the possibility to add, remove, and arrange dashboard items based on their preferences.

    Where dashboards fit in services

    The dashboard page may be used as the default landing page of a service for returning users. Make sure to reflect it in your service side navigation, by placing the dashboard as first link listed in it.

    Some services might have a hub structure, we recommend to add the dashboard page as the first link within the console section in the service side navigation.

    Criteria

    Configurable layoutStatic layout
    Use-caseEnable users to independently define content type and order within the viewOffer users a defined set of content type and order
    Content personalisationDashboard item types and their position are editable by usersDashboard items types and their position are predefined and persistent

    Use-case

    A configurable dashboard layout is valuable to provide an editable experience to users that need to select the type of content and their position within the view, for example, to perform troubleshooting.

    A static layout is preferred when the order and importance of dashboard items displayed in the page is critical to the user success, for example, when monitoring a campaign.

    Content personalization

    When creating a configurable dashboard consider the level or personalization you want to offer to your users. Configurable layout is preferred when users can independently choose the items to visualize, and their order, providing a fully personal experience.

    Static layout is preferred when the dashboard items and their position is better offered as predefined and non-editable, ensuring consistency of information.

    General guidelines

    Don't

    • Don't combine static and configurable layout in one dashboard. Mixing static items with configurable items can cause user frustration.

    Did this page help you?

    Tell us more - optional

    1000 character(s) available. Do not disclose any personal, commercially sensitive, or confidential information.
    • About
    • Connect
    • Privacy 
    • Site terms 
    • © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved.
    Made with love atAWS