AdguardTeam / AdguardTeam/AdguardForWindows

Revamp Statistics Page

未关闭
#6,189 1 条评论 1 个 reaction 已指派 1 人 已指派给 @kpokas-adguard 在 GitHub 查看
Enhancement Priority: P4
主要语言
没有语言数据
星标
887
派生
84
平均合并
27 分钟
30 天内合并 PR
2

描述

### Issue Details

The current "Statistics" page in AdGuard relies on a basic, list-driven layout. It displays text-based metrics and straightforward lists of applications and domains, functioning primarily as a raw log viewer rather than an engaging, intuitive dashboard.

### Proposed solution

To resolve the current limitations and significantly enhance the user experience, I propose redesigning the Statistics page into a modern, visually engaging analytics dashboard. The proposed changes are as follows:

* **Interactive Overview Cards:** Replace the plain text metrics at the top with distinct, visually appealing cards for key data points (e.g., Blocked Ads, Trackers Blocked, Data Saved, DNS Requests). These cards should include prominent icons, bold typography, and sparkline graphs to show recent trends at a glance.

* **Consistent & Advanced Data Visualization:** Introduce a large, interactive central graph (e.g., a line or area chart) to display traffic over time. **Crucially, ensure strict color consistency** across the dashboard—for example, the colors used for "Blocked Ads" and "Trackers Blocked" in the top cards must perfectly match the colors used for those exact parameters in the main traffic graph.

* **Expanded Analytics (New Widgets):** Enhance the depth of the statistics by introducing new visualization panels. In addition to "Top Apps" and "Top Domains," add widgets for **"Top Companies"** and **"Top Countries"** to give users better context regarding who is tracking them and where the traffic is going. These can be represented using clean ranked lists with progress bars.

* **Updated UI Aesthetics:** Adopt a modern design language with proper containerization (grouping related data into distinct panels), clear time-range filtering dropdowns, and plenty of negative space to make the dashboard easily readable.

* Add global search and filtering to quickly find apps, domains, categories, or request types.

### Alternative solution

I’ve created a mockup of the Statistics page using AI. Of course, this is just a concept, so the details might not be exact, but it gives you a general idea.

Image

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。