Page MenuHomePhabricator

Redesign save/publish dialog to show changes/diff alongside the edit summary, to help prompt people to write better summaries
Open, MediumPublic40 Estimated Story Points

Assigned To
None
Authored By
Esanders
Jul 15 2016, 9:46 AM
Referenced Files
F30142995: image.png
Aug 28 2019, 4:54 PM
F30142992: image.png
Aug 28 2019, 4:54 PM
F30143003: image.png
Aug 28 2019, 4:54 PM
F30142842: image.png
Aug 28 2019, 3:37 PM
F28776015: image.png
Apr 25 2019, 8:52 PM
Tokens
"Like" token, awarded by iamjessklein.

Description

Having "show changes" take you to a different page in the save dialog is unnecessary. Often I will want to preview the changes in order to write my edit summary, but I'm unable to view the two side-by-side.

If we can implement T105173 (HTML diffs), we can show those instantly with an option to switch to wikitext diff.

Event Timeline

Jdforrester-WMF moved this task from To Triage to TR1: Releases on the VisualEditor board.
Jdforrester-WMF added a project: Design.
Jdforrester-WMF set the point value for this task to 40.
Jdforrester-WMF renamed this task from Redesign save dialog / diff view to Redesign submit dialog / diff view to show changes alongside the edit summary, to help prompt people to write better summaries.Feb 28 2018, 9:41 PM

Well, we have visual diffs now...

Esanders renamed this task from Redesign submit dialog / diff view to show changes alongside the edit summary, to help prompt people to write better summaries to Redesign save/publish dialog to show changes/diff alongside the edit summary, to help prompt people to write better summaries.Apr 25 2019, 8:39 PM

Potential issues:

  • Putting the legal message below the diff could push it out of view.
  • Wikis can configure the legal message to be much longer (or shorter) than the one shown here, for example on de.wiki:
    image.png (479×711 px, 92 KB)
    Putting this message above the diff could push the diff out of view
  • On some diffs (usually table diffs) the visual diff can timeout and fail, we therefore may not want to run the visual diff automatically.

Potential solutions:

  • Putting the diff behind a "click to reveal" button could solve both of the above issues (performance and legal-below-fold)
  • MobileFrontend uses a simplified legal message which is designed to be much shorter. Using this on desktop could free up some space.

Example diffs for consideration when designing:

Short visual diff, vertical ellipsis will show unless the diff is adjacent to the start/end of doc:

image.png (215×870 px, 21 KB)

Equivalent wikitext diff
image.png (297×876 px, 24 KB)

Visual diff with attribute changes:

image.png (415×884 px, 104 KB)

In both modes there is no limit to the diff length, so the user may have to scroll through pages of changes.

Change 533199 had a related patch set uploaded (by Esanders; owner: Esanders):
[mediawiki/extensions/VisualEditor@master] WIP Move diff to edit summary page

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

I've deployed an undesigned prototype to the secondary prototype server: https://visualeditor-test.wmflabs.org/wiki/Pride_and_Prejudice?veaction=edit so we can see how this feels. (Requires login, ping me if you don't have the password)

We aren't focused on this work right now, @Esanders if you think this judgement call is wrong the put it in needs prioritization so we can discuss it in a future meeting.

This comment was removed by Esanders.

@Esanders: Removing task assignee as this open task has been assigned for more than two years - See the email sent to task assignee on Feburary 22nd, 2023.
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 by anybody ("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. Thanks!