Page MenuHomePhabricator
Create Task
Maniphest T229030

Design refreshed toolbar v2
Open, Needs TriagePublic
Actions

Description

Contributor stories

v2

The objectives of v2 of the refreshed toolbar are to:

  • Help contributors feel confident in the changes they have made
  • Help contributors find the editing tool(s) they need to make a change
  • Make the edit flow feel more "knowable" and "fluid"

To help meet the objectives listed above we will make the following changes:

  • Evaluate the mobile dialog transitions: T224277 / T226951
  • Make it more clear to contributors when they are in "edit mode"
  • Show the visual diff – in its own step – by default

Contributor stories

Story D
When I am ready to publish my edit(s)
...I want to know I am making the changes I intended to make
...so that I can feel confident publishing my changes

Story E
When I notice an edit I want to make
...I want to be able to find the editing tools I need
...so that I can make that edit

"Done"

Related Objects
Search...

StatusSubtypeAssignedTask
 OpenNoneT211255 [EPIC] Mobile VE toolbar improvements
 OpenNoneT229030 Design refreshed toolbar v2

Event Timeline

ppelberg created this task.Jul 25 2019, 5:29 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 25 2019, 5:29 PM
ppelberg added a parent task: T211255: [EPIC] Mobile VE toolbar improvements.Jul 25 2019, 5:30 PM
• iamjessklein added a project: Editing Design.Jul 25 2019, 5:31 PM
ppelberg updated the task description. (Show Details)Jul 25 2019, 10:38 PM
ppelberg added a subscriber: DLynch.
ppelberg mentioned this in T229079: Instrument each step of mobile VE edit flow.Jul 26 2019, 12:45 AM
• iamjessklein moved this task from 📚 Backlog to 📐 Doing on the Editing Design board.Jul 29 2019, 3:40 PM
• iamjessklein added a comment.Jul 30 2019, 3:35 PM

I made a draft of the design doc for this round of features. You can view it in google slides while in progress.

• iamjessklein moved this task from 📐 Doing to 👀 Needs PM Input on the Editing Design board.Jul 31 2019, 3:37 PM
• iamjessklein added a comment.Jul 31 2019, 3:41 PM

Here are the next steps that we identified (some which might need to be turned into sub-tasks of this ticket):

  • Team to give Jess directional feedback on this deck
  • Jess to draft Mockups
  • Jess to present mockups
  • Team to give Jess nit picky feedback on Invision
  • Jess to integrate feedback into final mockups and put into Zeplin
ppelberg mentioned this in T229467: Investigate how visual diffs differ performance can be optimized .Jul 31 2019, 7:25 PM
JTannerWMF moved this task from 👀 Needs PM Input to 👁Needs Engineering Input on the Editing Design board.Aug 1 2019, 3:59 PM
ppelberg added a comment.Aug 1 2019, 11:02 PM
In T229030#5380393, @iamjessklein wrote:

Here are the next steps that we identified (some which might need to be turned into sub-tasks of this ticket):

  • Team to give Jess directional feedback on this deck

The deck looks good, @iamjessklein. I have no fundamental questions/concerns/comments.

I mainly:

  • Added relevant tickets throughout the deck
  • Contributed to the existing language in slides 14 ("Issue 2: Review changes"), and 15 ("Issue 3: Mobile dialog transitions")
  • Added a design consideration to side, 19 ("Design constraints")
• iamjessklein moved this task from 👁Needs Engineering Input to 📐 Doing on the Editing Design board.Aug 5 2019, 1:42 PM
JTannerWMF moved this task from Incoming to Needs Design/Design Doing on the VisualEditor (Current work) board.Aug 8 2019, 6:53 PM
• iamjessklein mentioned this in T208738: Perform comparative analysis of editing toolbar UIs.Sep 3 2019, 1:49 PM
• iamjessklein mentioned this in T231815: Consider removing toolbar borders.Sep 4 2019, 2:23 PM
• iamjessklein added a subscriber: • Esanders.Sep 4 2019, 3:05 PM

I haven't thought these through 100% but since @Esanders pre-empted the conversation over in T208738, here are a few mockups that I've been tinkering with. These show a few specific attempts at highlighting edit vs read mode:

  • background color change
  • toolbar color change
  • selection highlighting
• iamjessklein moved this task from 📐 Doing to 📢 To Do on the Editing Design board.Sep 9 2019, 3:34 PM
JTannerWMF edited projects, added VisualEditor; removed Editing Design, VisualEditor (Current work).Oct 30 2019, 7:18 PM
JTannerWMF subscribed.

DUe to our work on OWC2020, we are deprioritizing this task

JTannerWMF moved this task from To Triage to Freezer on the VisualEditor board.Oct 30 2019, 7:18 PM
Aklapper removed • iamjessklein as the assignee of this task.Mar 13 2022, 7:45 PM
Aklapper added a subscriber: • iamjessklein.

Removing task assignee due to inactivity, as this open task has been assigned for more than two years. See the email sent to the task assignee on February 06th 2022 (and T295729).

Please assign this task to yourself again if you still realistically [plan to] work on this task - it would be welcome.

If this task has been resolved in the meantime, or should not be worked on ("declined"), please update its task status via "Add Action… 🡒 Change Status".

Also see https://www.mediawiki.org/wiki/Bug_management/Assignee_cleanup for tips how to best manage your individual work in Phabricator.

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits