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:
- Topic Containers
- Clear Affordances
- Page Frame
Prototype
- Link to prototype: #TODO (prototype last updated on: TBD DATE)
Requirements
Meta
- Platforms: Desktop & Mobile
- Skin(s): New Vector, Vector Legacy, and Minerva
- 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 new Table of Contents and Sticky Header will NOT appear in Vector Legacy or Minerva Neue.
- 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
- Topic Containers
- Clear Affordances/Clearer Visual Cues
- The reply buttons that are appended to signed comments should all look the same, regardless of whether the comment to which the reply button is connected is indented or not.
- Page Frame
Designs
Designs that illustrate the requirements above can be found in the ===Phased roll-out annotated designs section of T299814.
Open questions
- 1. What – if any – skins beyond Minerva, New Vector, and Vector Legacy will the Usability Improvements be compatible with?
- See T305655#7874565
- 2. How – if at all – should section edit links be displayed for H3s and H4s?
- Section edit links should continue to be displayed next to === H3 === and ==== H4 ==== section headings.
- 3. How – if at all – will Reply buttons be styled and placed differently on desktop vs. mobile?
- Consider the case of votes on desktop: Talk:DiscussionTools#Proposal_to_turn_the_DYK_helper_into_a_gadget .
- Mobile + Desktop: both interfaces will use the "quiet" style buttons
- Mobile: the "quiet" style Reply buttons will appear on the line beneath the last line of the comment to which they are connected
- Desktop: the "quiet" style Reply buttons will appear on the same line as the signature contained within the comment to which they are connected