Skip to content

Patterns overview

Preferred solutions to common user goals in the platform

Before choosing a layout, consider the following:

  1. Know your use case: understand how users will interact with the information on the page.
  2. Prioritize your content: structure your content to emphasize the most important information.
  3. Group related content together: ensure users can efficiently navigate and work with the content.

Spacing and layout

This guideline offers the foundation for establishing a consistent rhythm that guides users through Siteimprove’s interface and ensures all teams are aligned in their design approach.

Data visualization

This guideline offers direction for creating organised layouts and achieving visual clarity that empower users with quick insights, driving informed decisions and streamlined workflows.

Detail

This guideline offers direction for creating organized layouts and clear visuals that ensure easy comprehension, focusing on presenting information at the same level of hierarchy.

Settings

This guideline offers direction for creating an organized, user-friendly structure for managing preferences and customizing the platform, emphasizing that changes should typically be applied immediately.

Widget

This guideline offers direction for creating self-contained, customizable widgets that convert data into actionable insights to genuinely inform and effectively engage users.

Choosing chart types

This guideline offers direction for choosing charts that effectively transform raw data into meaningful insights, enabling users to identify trends, spot anomalies, and compare metrics.