Page MenuHomePhabricator

Wikipedia Preview Error Handling
Closed, ResolvedPublic

Description

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 State - 1.png (350×360 px, 15 KB)
  • 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

Event Timeline

AMuigai edited projects, added Inuka-Team (Kanban); removed Inuka-Team.
SGautam_WMF removed a project: Design.
SGautam_WMF updated the task description. (Show Details)
SGautam_WMF moved this task from Definition to Ready for Dev on the Inuka-Team (Kanban) board.

Updated a minor word discrepancy between task description and attached mock up.