Help with designing a Chrome extension UI
Hey, I wish to redevelop my extension from scratch: https://chrome.google.com/webstore/detail/fpoooibdndpjcnoodfionoeakeojdjaj
The only issue is that I roughly know what features I want to include but I have no idea how to present them in a nice and intuitive UI
I wish to include:
- A chart of time spent each day, up to the last 7 days (by default); the range can be changed
- Show the total time spent on YouTube
- What channels the user spent the most time on
- A button to exclude certain channels, view the exclusion list
- Exclude certain categories, view the exclusion list
YouTube Watch Time Counter
Counts the total time you watch videos on YouTube.
2 Replies
What I would recommend, is to google something like 'modern dashboard design' or 'modern css dashboard'. You should get a bunch of good examples. Then find a few you like as inspiration
You'll also notice a lot of common design ticks shared by many of them (like separate cards for each data point, side bars for quick access, minimal designs outside of the main elements, diferentiated data visuals etc), and that should help you determine your specific layout
But how will I neatly package it into a small window? A popup page's UI is much smaller than a typical web page