VisualEditor on mobile/Draft:Edit cards

This page talks about the Editing Team's work to implement new mobile context items in the mobile VisualEditor. These "edit cards" as we are calling them, refer to the part of the interface that shows additional details about, and actions related to, elements within articles. Elements like links, citations, images, infoboxes, templates, etc.

For this quarter's work, we will focus on two elements in particular:


 * 1) Links
 * 2) Citations

This initiative sits within our team's larger effort to simplify contributing on mobile, described in the Foundation's 2018-2019 annual plan.

You might find value in watching this page if you are interested in:


 * Helping to shape how these new edit cards are implemented
 * Testing prototypes
 * Getting real-time updates about new designs, user testing findings, measurement specifications,

Background
draft

Screen space on mobile is limited.

We know from the Design Research team's Mobile contribution research that having less room has led contributors to report:

1) It is hard to find edit tools. Contributors report it being difficult to figure out where to edit, and to find the tools needing for doing so.

2) Editing tasks seem or are too complicated to complete.

Current situation: the virtual keyboard, which can take up to ___% of available screen space, is shown in situations when it is not needed.

Solution we are exploring: what if we repurpose that space previously taken up by the keyboard to show information about the editable elements on the page (links, citations, images, etc.) and the tools and workflows available to interact with and affect these elements.

We think doing so will cause:


 * Contributors to be more likely to engage with modifying links + citations when the details of those items are more visible
 * Contributors to be more likely to have success adding/modifying links + citations when the steps to do so are visible and clear
 * Contributors to be more likely to have success adding/modifying links + citations when they have a clear sense of their progress along the way

Glossary

 * "Mobile context items": the parts of the mobile editing interface that shows details about, and actions related to, different elements within articles, like links, citations, images, infoboxes, templates, etc.
 * "Context items": the parts of the editing interface that shows details about, and actions related to, different elements within articles, like links, citations, images, infoboxes, templates, etc.