AdguardTeam / AdguardTeam/AdguardForWindows

Revamp Statistics Page

Ouverte
#6,189 1 commentaire 1 réaction 1 personne assignée Assignée à @kpokas-adguard Voir sur GitHub
Enhancement Priority: P4
Langage dominant
Aucune donnée de langage
Étoiles
887
Forks
84
Merge moyen
27 min
PR mergées (30 j)
2

Description

### 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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.