Page MenuHomePhabricator

Help panel: design/UI standardization feedback
Open, Needs TriagePublic

Description

The Help panel has a few minor issues that are irritating/confusing from user perspective:

  • The transition of the button is happening up to 3 times instead of just one, while VE is loaded. Appears buggy.
  • The inputs need dedicated form labels to be accessible. The labels are currently not connected with the inputs below (for attr is missing)
  • The 'settings' icon should better be an 'overflow' ellipsis icon that triggers a menu, not a setting directly. Similar to
  • “Continue” button is positioned on the left, in the next step the progressive action is on the right. That's confusing, the progressive action should always be on the right – https://gerrit.wikimedia.org/r/534256
  • Dialog z-index does not seem appropriate

Related Objects

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 23 2019, 11:50 PM
MMiller_WMF renamed this task from Design/UI Standardization feedback on Help panel to Help panel: design/UI standardization feedback.May 30 2019, 1:03 AM
MMiller_WMF added a project: Growth-Team.
MMiller_WMF added subscribers: Cntlsn, JTannerWMF, Catrope and 6 others.
kostajh moved this task from Inbox to Upcoming Work on the Growth-Team board.Aug 20 2019, 7:58 AM
kostajh added a project: Growth Design.
kostajh added a subscriber: RHo.

Some of these seem like they could be done fairly quickly, so I've put it into Upcoming Work to do as a backburner item for an upcoming sprint. Also tagging with Growth Design for @RHo's input.

RHo updated the task description. (Show Details)Aug 20 2019, 10:27 PM
RHo added a comment.Aug 20 2019, 10:35 PM

Verified all items listed by @Volker_E here are all valid and ready for dev. Happy to provide mocks if any points require further clarification.

Change 534256 had a related patch set uploaded (by Catrope; owner: Catrope):
[mediawiki/extensions/GrowthExperiments@master] Help panel: Right-align the continue button

https://gerrit.wikimedia.org/r/534256

Change 534256 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Help panel: Right-align the continue button

https://gerrit.wikimedia.org/r/534256

Volker_E updated the task description. (Show Details)Sep 4 2019, 5:30 PM

Moving back to Upcoming Work because the newcomer tasks project is a higher priority.