AdguardTeam / AdguardTeam/AdguardForWindows

Revamp Statistics Page

オープン
#6,189 コメント 1 件 リアクション 1 件 担当者 1 名 @kpokas-adguard に割り当て済み GitHub で見る
Enhancement Priority: P4
主要言語
言語のデータがありません
スター
887
フォーク
84
平均マージ
27分
マージ済み PR(30日)
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 を短くまとめたダイジェスト。