Problem
Wikipedia preview uses summary API to fetch the summary of a given article, there could be some instances where API call might result in an error which needs to be communicated to users.
Solution
Wikipedia preview UI needs to communicate about these errors in simple and easy language to the users.
Design Details
Note: Below designs are only for the mobile portrait view.
Preview error state |
- Error handling state shows up when we are unable to show preview due to different errors(status code 204/500).
- Error copy: There was an issue while displaying this preview.
- Users can close the error card either by tap close icon or area outside it.
- Tap on CTA would take users to the article page.
zeplin:
https://app.zeplin.io/project/5edf645eef92dfb2dc2f8ce8/dashboard?seid=5f212ea403eeb3800b1f3e27