Improve Coverage View User Experience #11

New issue

Open

opened 2025-08-24 18:17:34 +02:00 by olemd · 0 comments

olemd commented

2025-08-24 18:17:34 +02:00

Owner

Description

The Coverage view has several UX issues that make it confusing and difficult to use.

Current Issues

Source selection dropdown defaults to empty state with no guidance
No indication which source should be selected or why
'Please select a source first' alert is not user-friendly
No automatic source selection or sensible defaults
No loading states or feedback during data fetching

Expected Improvements

Default Source Selection

Auto-select first available source when coverage view opens
Remember last selected source in localStorage
Show source selection status clearly

Better User Guidance

Add help text explaining what coverage analysis shows
Provide tooltips for coverage controls
Show source statistics (message count, last update time)

Improved Feedback

Replace generic alert with styled toast notifications
Add loading spinners during data fetching
Show 'No data available' states gracefully
Display source connection status

Enhanced Controls

Make source selector more prominent and intuitive
Add 'Refresh' button to reload coverage data
Show data timestamp and update frequency

Files to Modify

assets/static/index.html - Add help text and improved UI
assets/static/js/modules/ui-manager.js - Better notification system
assets/static/css/style.css - Coverage view styling improvements
Coverage view logic - Auto-selection and state management

## Description The Coverage view has several UX issues that make it confusing and difficult to use. ## Current Issues - Source selection dropdown defaults to empty state with no guidance - No indication which source should be selected or why - 'Please select a source first' alert is not user-friendly - No automatic source selection or sensible defaults - No loading states or feedback during data fetching ## Expected Improvements ### Default Source Selection - Auto-select first available source when coverage view opens - Remember last selected source in localStorage - Show source selection status clearly ### Better User Guidance - Add help text explaining what coverage analysis shows - Provide tooltips for coverage controls - Show source statistics (message count, last update time) ### Improved Feedback - Replace generic alert with styled toast notifications - Add loading spinners during data fetching - Show 'No data available' states gracefully - Display source connection status ### Enhanced Controls - Make source selector more prominent and intuitive - Add 'Refresh' button to reload coverage data - Show data timestamp and update frequency ## Files to Modify - assets/static/index.html - Add help text and improved UI - assets/static/js/modules/ui-manager.js - Better notification system - assets/static/css/style.css - Coverage view styling improvements - Coverage view logic - Auto-selection and state management