AdguardTeam / AdguardTeam/AdguardForWindows

Revamp Statistics Page

Aperta
#6,189 1 commento 1 reazione 1 assegnatario Assegnata a @kpokas-adguard Vedi su GitHub
Enhancement Priority: P4
Lingua principale
Nessun dato sulla lingua
Stelle
887
Fork
84
Merge medio
27m
PR unite (30g)
2

Descrizione

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

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.