This task involves the work of creating a functional prototype that volunteers can use to evaluate the three Usability Improvements the Editing Team is exploring:
1) Topic Containers
2) Clear Affordances
3) Page Frame
=== Prototype
- Link to prototype: **!!#TODO!! (prototype last updated on: //TBD DATE//)**
=== Requirements
//Meta//
- Platforms: **Desktop** & **Mobile**
- Skin(s): **New Vector**
-- //Note: "Topic Containers" and "Clear Affordances" should still appear for people who enabled the `Vector Legacy` setting within Special:Preferences#mw-prefsection-rendering` whereas the "Page Frame" interventions (ToC) + Sticky Header will NOT appear in `Vector Legacy`.//
- Localization: **two patch demo instances will need to be created** (one instance for RTL languages and another for LTR languages)
- Prototype location/implementation: **https://patchdemo.wmflabs.org/**
//User Experience//
1. Topic Containers
-- //Note: implementation of Topic Containers (mobile + desktop) will have happened in T303362 and T301139.//
2. Clear Affordances/Clearer Visual Cues
-- The {nav [ reply ]`} links that are appended to signed comments should be styled in the way that is shown in ____ (!!@ppelberg to finalize whether all {nav [ reply ]} links will be styled the same way or styled differently depending on whether the comment to which the {nav [ reply ]} link is connected is indented!!)
3. Page Frame
-- Table of Contents: see `===Requirements` in T303634
-- Sticky Header:
=== Designs
//Designs that illustrate the requirements above can be found in the `===Phased roll-out annotated designs` section of T299814.//