Why are we doing this?
Android currently supports a robust set of offline features including the ability for users to save whole reading lists or individual articles offline. Android also includes messaging alerting users that they are reading a saved version of an article when they are offline and when a user clicks into a link that is not saved they are shown an option to queue that article to be saved when they are next online.
Suggested features
- Messaging alerting a user that they are offline when they are reading a saved article, which includes the timestamp of last update
- Messaging when a user clicks on an article that they do not currently have saved to queue this article to be saved when they are back online
Designs
Mocks and Zeplin links
Offline toast message | Queue article to sync later |
} | |
Zeplin: https://zpl.io/a8ElxY6 | Zeplin: https://zpl.io/V1MyjkQ |
Design details
- Toast message only presented when user is offline
- Tapping on the 'Add to reading list' CTA on the queue article download message opens the 'Add to reading list' overlay
Copy
Type | When Shown | Copy |
---|---|---|
Alert | When a user accesses a downloaded article when offline | You are reading a version of this article from [Date] |
Scenario
Pre-requisite: User is offline with the article 'Ching Shih' saved
- User goes to their Saved article list
- User taps on the article 'Ching Shih' which they had previously saved while online and which is downloaded to their device
- Alert is shown informing user that they are offline and accessing an old version of the article (https://zpl.io/a8ElxY6)
- User taps on a link in the article to the article 'Cantonese,' which they do not have downloaded on their device
- The 'Article cannot be loaded' model is shown (https://zpl.io/V1MyjkQ)
- User taps on the CTA to 'Add to reading list'
- User adds 'Cantonese' to their reading list 'Read later'
- Model is closed and confirmation hint is shown confirming that 'Cantonese has been added to Read later'
End result: Cantonese has been queued for download and added to the user's list 'Read later'