This task is about providing contributors a more focused section editing experience through isolating content within the section and removing any unrelated copy.

User story

When I find a section of an article that I want to edit
I want to open an editor containing only the content of that section
so that I can focus my attention on the content I actually want to edit.

General requirements

Platform: This feature will eventually need to exist for both desktop and mobile. Mobile should be deployed first.
Languages: Editing team's target wikis
Target users: Experienced and new editors who are using Visual Editor via the mobile web
Eventlogging: ??
A/B testing: This feature should be A/B testable. We might want to test these sorts of things:

• Has this iteration improved the experience?
• Is it easier to find what you intended to edit this way?
• Are you more likely to complete your edit with this fix?

Proposed feature design requirements

Mocks: Invision mockup at: https://wikimedia.invisionapp.com/share/BVO0TWWYWNE#/334115221_Sectionediting
Slides: https://docs.google.com/presentation/d/10R0sT1CKgJ3n_QOZPwha7pkkoJmFKSjK2JcR4FBdgQQ/edit?usp=sharing
Notes on the design:

• These pain points were identified through usability testing and via a heuristic analysis. View full report here: https://www.mediawiki.org/wiki/VisualEditor_on_mobile
• When people click on a section edit button, they're declaring their intention to focus on that section, and we should give them that experience. To do this, we can provide the user a new screen view that only displays that one particular section to edit to reduce stimulation

• In terms of addressing the pain point of focus, these are routes we decided not to go for now, but might in the future:
  • create an orienting ui animation
  • refine the table of contents
  • tweak the toolbar
  • remove the need for refocusing completely, by creating a way to do sentence-level editing