Tracking Dashboard with Custom Widgets

Industry
Environmental Monitoring
Platform
Web App
Our Role
UI/UX Design

Project Overview

We helped create a web application tailored for environmental monitoring, offering an editable dashboard complete with custom widgets and user-friendly presets. Users have the flexibility to choose from pre-configured presets, specifically designed for various user groups, such as those focused on business or regulatory aspects. Users can also create and customize their own presets, tailoring their dashboard to meet their specific needs.

Challenges

Our main challenge was to create a versatile dashboard system that could cater to diverse user groups while maintaining a streamlined user experience. We needed to develop a solution that allowed users to easily select presets or craft their own configurations for emissions tracking. We also needed to adhere to a specific grid system for widgets.

Design Goal

Solutions

To address these challenges, we introduced a preset feature, which includes pre-configured dashboard setups for different user groups. Users can select a preset from a drop-down menu, which populates their dashboard with widgets relevant to their specific focus, whether it's business-related or regulatory. Furthermore, users have the flexibility to customize these presets or create entirely new configurations to align with their individual monitoring needs. Each widget uses a specific tile size, so that each widget fits into either a one tile or two tile category. These tiles can then be customized with a click system, or a drag-and-drop system.

Process

  1. We started by conducting interviews and research to understand the requirements of environmental monitoring professionals and the varied needs of different user groups. We also discussed technical requirements with the development team. This research guided the use of presets.
  2. We focused on creating a user-friendly preset system, ensuring that users can select and customize presets with ease. We also created a range of custom widgets designed to cater to the different areas of emissions tracking.
  3. We designed and iterated on the interactive elements of the presets, ensuring a seamless user experience with multiple ways to customize the dashboard tiles.
  4. We created high-fidelity widgets and provided development assets to facilitate the implementation of the web app.

The Design

At the heart of this app is an editable dashboard with customizable presets, catering to different user groups within the environmental monitoring field. Users can select and customize presets, instantly populating their dashboard with relevant widgets. This solution offers a comprehensive emissions tracking system, empowering users to tailor their workspace according to their specific monitoring requirements, be it business-centric or regulatory-focused.

Process

Information architecture

The Design

View More Case Studies

Ready to Slay Giants?
Start Your Sprint Today!

Solutions

To address these challenges, we introduced a preset feature, which includes pre-configured dashboard setups for different user groups. Users can select a preset from a drop-down menu, which populates their dashboard with widgets relevant to their specific focus, whether it's business-related or regulatory. Furthermore, users have the flexibility to customize these presets or create entirely new configurations to align with their individual monitoring needs. Each widget uses a specific tile size, so that each widget fits into either a one tile or two tile category. These tiles can then be customized with a click system, or a drag-and-drop system.

Process

  1. We started by conducting interviews and research to understand the requirements of environmental monitoring professionals and the varied needs of different user groups. We also discussed technical requirements with the development team. This research guided the use of presets.
  2. We focused on creating a user-friendly preset system, ensuring that users can select and customize presets with ease. We also created a range of custom widgets designed to cater to the different areas of emissions tracking.
  3. We designed and iterated on the interactive elements of the presets, ensuring a seamless user experience with multiple ways to customize the dashboard tiles.
  4. We created high-fidelity widgets and provided development assets to facilitate the implementation of the web app.

The Design

At the heart of this app is an editable dashboard with customizable presets, catering to different user groups within the environmental monitoring field. Users can select and customize presets, instantly populating their dashboard with relevant widgets. This solution offers a comprehensive emissions tracking system, empowering users to tailor their workspace according to their specific monitoring requirements, be it business-centric or regulatory-focused.

Process

Information architecture

User Flows

The Design

Ready to Slay Giants?
Start Your Sprint Today!