Page MenuHomePhabricator

Make refinements to desktop MVP for UX requirements
Closed, ResolvedPublic

Description

This task involves making refinements to the first iteration of the Edit Check MVP (desktop) user experience prior to sharing it with volunteers to test and review.

Requirements

This section contains the adjustments we've agreed are in scope.

ItemDescriptionCurrent experienceDesired experienceStatus
1.Back arrow in the Edit Check call-out UI is conflicting with the back arrow in the toolbar
Screen Shot 2023-07-01 at 00.02.14.png (812×564 px, 113 KB)
Remove the arrow on the Edit Check call-out UI
2.The post-citation-added moment feels rushed after inserting the citationCurrently, people who insert a citation see the Edit Summary modal appear directly
Screen Shot 2023-07-01 at 00.13.26.png (2,810×1,508 px, 761 KB)
Add 2 seconds before the Edit Summary modal appears
3.The highlighted text has a border that doesn't always fit perfectly
withborder.png (2,126×1,514 px, 732 KB)
Remove the border
withoutborder.png (2,206×1,484 px, 719 KB)

Prototype

Done

  • Requirements are met/implemented
  • The Status field in the table above is updated to indicate the extent to which each of the requirements has been met

Event Timeline

The post-citation-added moment feels rushed after inserting the citation

Should this apply to mobile too?

@Esanders At the moment let's only apply the debounce time for desktop.

ppelberg moved this task from Backlog to Triaged on the EditCheck board.
This comment was removed by Esanders.
ppelberg updated the task description. (Show Details)

@nayoub I'm assigning this task over to you to evaluate the extent to which the latest prototype [i] meets the requirements defined in the task description.


i. https://patchdemo.wmflabs.org/wikis/9a60b4369e/wiki/Douglas%20Adams?veaction=edit

Thanks @Esanders, this looks great for MVP.
@ppelberg I'm assigning to you for next steps.