VisualEditor on mobile/Toolbar refresh

This page talks about the Editing Team's work to redesign the mobile VisualEditor's editing toolbar.

This initiative is a part of our team's larger effort to simplify contributing on mobile, described in the Foundation's 2018-2019 annual plan. And more specifically, to increase the likelihood contributors will have success making quick edits on-the-go, by making it easier for them to find the tools they need to complete their edits.

We will use this page to, among other things:


 * Host conversations about experiences with the mobile VisualEditor's existing editing toolbar
 * Invite feedback about designs in-progress
 * Share plans for, and findings from, user testing
 * Announce deployment details

Watching this page is a good way to stay up-to-date about the above in real-time.

Background
For contributors to be successful making quick edits on-the-go, it is important they be able to easily find the editing tools needed to complete their edits. It is also important for those editing tools to work as contributors expect.

Trouble is, as our team's and the Design Research team's research has shown, the mobile VisualEditor's existing editing toolbar can make it difficult for contributors to:


 * Find the tools they need to make an edit/change
 * Know what to do to publish their changes
 * Know what to do to undo a change/recover from a mistake

These issues are intensified on mobile where screen space limits how many editing tools and how much information about each can be exposed on-screen.

We intend to address these issues by redesigning the existing mobile VisualEditing toolbar in such a way that contributors:


 * Can easily find the editing tools needed to complete edits
 * Can recover from mistakes with minimal effort
 * Can easily understand what steps to take to publish their changes

We think that by making the editing tools easier to find and the steps to publish edits more clear, a greater percentage of contributors will complete the edits they open the VisualEditor with the intention of making.

Glossary

 * "Editing toolbar"
 * The part of the mobile VisualEditor interface face where the tools needed to make changes to the content within articles are located. The editing toolbar also houses buttons for publishing changes made during an edit session.
 * "Common edits"
 * Adding and modifying links, adding and modifying citations and formatting text.