Problem
When the device has no internet connection, AirBeats currently does not provide clear
feedback about the offline state or guide the user toward content that is available
offline.
As shown in the attached screenshots, the app can leave the user on the main screen
without clearly explaining what is unavailable or how they can continue listening.
Proposed Improvement
Add a proper offline-state UI and an actionable snackbar/toast when the user attempts
to use an online-only feature while offline.
Suggested UX
When the app detects that there is no internet connection:
-
Show a subtle offline indicator/snackbar:
You're offline. Only downloaded songs are available.
-
When the user tries to play/download content that requires an internet connection:
You're offline
This song isn't available offline.
[Go to Downloads]
-
The "Go to Downloads" action should navigate directly to the Downloads/Library
section so the user can continue listening to available offline content.
Expected Behavior
Users should immediately understand:
- That they are currently offline.
- Why the requested action cannot be completed.
- What they can do instead.
- Where they can access their downloaded songs.
UI Suggestion
Use a non-blocking snackbar/toast with an action button rather than a full-screen
error dialog.
Example:
Benefits
- Better offline experience
- Clearer error communication
- Prevents users from thinking the app is broken
- Gives users an immediate path to their downloaded music
- Makes offline usage feel intentional rather than like an error state
Problem
When the device has no internet connection, AirBeats currently does not provide clear
feedback about the offline state or guide the user toward content that is available
offline.
As shown in the attached screenshots, the app can leave the user on the main screen
without clearly explaining what is unavailable or how they can continue listening.
Proposed Improvement
Add a proper offline-state UI and an actionable snackbar/toast when the user attempts
to use an online-only feature while offline.
Suggested UX
When the app detects that there is no internet connection:
Show a subtle offline indicator/snackbar:
When the user tries to play/download content that requires an internet connection:
The "Go to Downloads" action should navigate directly to the Downloads/Library
section so the user can continue listening to available offline content.
Expected Behavior
Users should immediately understand:
UI Suggestion
Use a non-blocking snackbar/toast with an action button rather than a full-screen
error dialog.
Example:
Benefits