Page MenuHomePhabricator

Improve scannability and section orientation in full-page editing on mobile
Open, Needs TriagePublic

Description

Background goal

In T410614: Conduct usability study: [Mobile] Offer button that enables people to edit an entire article from section editing we detected that some users commented that it’s difficult to locate the content when switching to full page: the lack of collapsing reduces the content scannability and users lose the section reference since it's difficult to find the headings of each section.

We need to make the full page easy to scan and provide an easy way to find the different sections.

NOTE: This is not a block for T409112, just a future improvement to make the full-page editing easier.

Possible solutions

  • Op.1: Use Accordions in edit mode to collapse the section's content as in read mode to make it easy to locate the sections when switching to full-page.
  • Op.2: Use a fixed button on top to display the ToC, similar to this one used in read mode in Vector 22.
    Captura de pantalla 2025-12-02 a las 19.30.26.png (1,494×1,360 px, 476 KB)

Considerations

  • If we use Accordions to collapse/expand sections in edit mode, we will need to find a way to be able to edit the section's title without conflicting with collapsing/expanding the section content.

Acceptance criteria (or Done)

  • Explore feasible solutions
  • Implement decided solutions