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 part of an article that I want to edit and click the section editing button ...
**I want to **click the section editing button and see that editable content secluded from the rest of the article
**so that I can** focus my attention on the content I want to edit.
==General requirements==
**Platform:** This feature will eventually need to exist for both desktop and mobile. Desktop should be built and 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
**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