AdguardTeam / AdguardTeam/AdguardForWindows
Revamp Statistics Page
- 主要语言
- 没有语言数据
- 星标
- 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.
贡献指南
这个仓库没有索引到贡献指南
评估
这个 Issue 还没有评估数据。