Complete UI Redesign

[stefanodevenuto]

Overview

The current design of the UI is pretty raw, and the overall user experience could be affected by that:

• The "Report generation" feature should be optional, and with a dedicated specific section in the main page. Also, the resulting CVS must be visible inside the application itself
• More general statistics could be shown (considering the fact that many of the data needed are already ready-to-use but simply not visualized)
• More options must be customizable
• Overall, the general placement of the different components is chaotic

Disclaimer

• The upcoming screenshot must be intended as an example of what the UI will look like. They will be updated accordingly with the Figma project
• The new UI is not intended to completely replace the old one, but a toggle component will permit to choose between the two views

Intended outcome

So, a proposal of the new UI is:

Features

The different components shown are:

• Past sessions carousel #28
• Sniffing view + Filters' panel + Bitrate chart #29
• Current session panel (chart + general info)
• CSV Table

References

Figma Project