Page MenuHomePhabricator

Publishing feedback when the user scrolled down the document
Closed, DeclinedPublic

Assigned To
None
Authored By
Pginer-WMF
Mar 12 2018, 11:55 AM
Referenced Files
F15188256: CX-warn-toast.png
Mar 12 2018, 11:55 AM
F15188258: CX-warn-icon.png
Mar 12 2018, 11:55 AM
F15188249: CX-confirm-toast.png
Mar 12 2018, 11:55 AM
F15188261: CX-error-toast.png
Mar 12 2018, 11:55 AM
F15188220: Mar-12-2018 12-30-13.gif
Mar 12 2018, 11:55 AM
F15188294: CX-warn-icon Copy.png
Mar 12 2018, 11:55 AM
F15188251: CX-confirm-icon.png
Mar 12 2018, 11:55 AM

Description

When publishing a translation, the resulting feedback (success, warning or error) is shown at the top of the content. However, users may be in a different position of the content, where we want to still inform of the result but allow distractions. For example, knowing where the page was published may be relevant the first time it is published, but some editors may publish several times in a row after making further changes.

In order to support this, the following approach is proposed:

  • Show a brief time-based notification message for a few seconds if the main one is out of the current viewport.
  • As the notification message disappears, an icon that matches the kind of message will be kept next to the publishing options.
  • Clicking on the icon (or the short temporary message) will scroll the viewport up until the message is shown.
  • The notification icon is only shown when the main message exists (has not been dismissed) and it is out of the viewport. Thus, when scrolling up to the point where the full message becomes visible (either manually or by clicking on the icon istelf), the icon representation will disappear.

The idea is illustrated below:

Mar-12-2018 12-30-13.gif (337×640 px, 3 MB)

Examples for the different kinds of feedback are provided below:

Success

CX-confirm-toast.png (720×1 px, 236 KB)
CX-confirm-icon.png (720×1 px, 238 KB)

Warnings (that do not prevent publishing)

CX-warn-toast.png (720×1 px, 237 KB)
CX-warn-icon.png (720×1 px, 237 KB)

Errors (that prevent publishing)

CX-error-toast.png (720×1 px, 237 KB)
CX-warn-icon Copy.png (720×1 px, 238 KB)

Event Timeline

Pginer-WMF renamed this task from CX2: Publishing feedback to CX2: Publishing feedback when the user scrolled down the document.Mar 12 2018, 11:55 AM
Pginer-WMF triaged this task as Medium priority.
Pginer-WMF created this task.

Based on user research observations (T207831), the current scroll to top after clicking publish seems to be perceived as natural and does not cause issues. So I'm moving this from short term to long term plans. Based on further observations we can decide whether to reconsider the idea or discard it completely.

Pginer-WMF renamed this task from CX2: Publishing feedback when the user scrolled down the document to Publishing feedback when the user scrolled down the document.Nov 26 2018, 11:15 AM