Page MenuHomePhabricator

Improve handling of topmost "welcome"-type messages on User Talk pages.
Closed, ResolvedPublic

Assigned To
Authored By
Dbrant
Sep 20 2021, 5:04 PM
Referenced Files
F34660473: Pixel 3 Copy 2.png
Sep 28 2021, 12:58 PM
F34660466: 2021-09-28 14.48.24.png
Sep 28 2021, 12:58 PM
F34660463: fr.m.wikipedia.org_wiki_Discussion_utilisateur_Elfie2020.png
Sep 28 2021, 12:58 PM
F34660471: Pixel 3 Copy.png
Sep 28 2021, 12:58 PM
F34651846: device-2021-09-23-120852.png
Sep 23 2021, 4:57 PM
F34651843: device-2021-09-23-121751.png
Sep 23 2021, 4:57 PM
F34651848: device-2021-09-23-125407.png
Sep 23 2021, 4:57 PM

Description

At the moment we don't display the topmost message on a user's Talk page, which is often a "welcome" message from a bot. This is because this type of message isn't part of a "section" in the talk page, and therefore doesn't correspond to a "topic" of conversation. It is also much more likely to contain complex HTML like tables, which might not render well in our interface.

The problem is that the user will receive a notification if a bot leaves a "welcome" template on the user's Talk page, and the user's understandable expectation is that tapping the notification will lead them to the message that was received. If the user taps the notification, but doesn't see any message, it would lead to confusion. Showing an imperfectly rendered message might outweigh showing nothing at all in this case.

We should therefore attempt to display these types of messages, with the following conditions:

  • This type of message cannot be replied to.
  • Since all messages require a "subject" in our UI, we will need to hard-code a subject to show for these messages. We could start by saying literally "[No subject]", and proceed from there.

Event Timeline

Dbrant triaged this task as High priority.Sep 20 2021, 5:04 PM

@schoenbaechler @JTannerWMF
After much experimentation I've got a couple of variants for presenting the topmost message (which I'll refer to as the "header"), one of which I think stands out as better than others:

The first variant is simply to show the header as its own list item with "No subject" as the subject:

device-2021-09-23-115519.png (2×1 px, 62 KB)

Tapping on the "No subject" item takes the user to the full text of the header, just like any other "topic".
This feels almost a bit too minimal, and might not be enough of a cue for the user to tap it.

The second variant is kind of the opposite:

device-2021-09-23-121751.png (2×1 px, 167 KB)

Here we actually show the full text of the header at the top of any actual conversation topics. This is a bit too much, since it requires scrolling to get to the actual topics below.

The third variant feels just right:

device-2021-09-23-120852.png (2×1 px, 94 KB)

Here we display just a few lines of the header message, with an ellipsis, inviting the user to tap it to read the full message. (We do our best to "sanitize" the html content and show just the relevant text, but we're bound to see some symbols or esoteric terms)
This also works rather well for Article talk pages, which often have a header message with important information:
device-2021-09-23-125407.png (2×1 px, 116 KB)

What do y'all think of these variants?

Nice work @Dbrant & thanks for communicating the options

Here we display just a few lines of the header message, with an ellipsis, inviting the user to tap it to read the full message. (We do our best to "sanitize" the html content and show just the relevant text, but we're bound to see some symbols or esoteric terms)

I’d say let’s go with *variant three* — it combines the best of both worlds. Part of the upcoming communication work will be to refresh this page a little — but this looks and feels like a very good base.

Thanks Dmitry. I’m wondering — would it make more sense to display things like welcome message as a wiki page in the app, because the formatting is completely lost?

Here’s a comparison:

Mobile web (doesn’t show up)Mobile web (as wiki page)Android app (Alpha)
fr.m.wikipedia.org_wiki_Discussion_utilisateur_Elfie2020 (2).png (1×720 px, 119 KB)
fr.m.wikipedia.org_wiki_Discussion_utilisateur_Elfie2020.png (1×720 px, 133 KB)
2021-09-28 14.48.24.png (2×1 px, 124 KB)

And this is what I had in mind:

Pixel 3 Copy.png (1×720 px, 173 KB)
or
Pixel 3 Copy 2.png (1×720 px, 166 KB)

Thoughts @Dbrant @JTannerWMF ?

Alternatively, is there a way to style the current page (see the Android app (Alpha)) screen above, slightly more?

In T291411#7383549, @schoenbaechler wrote:

Thanks Dmitry. I’m wondering — would it make more sense to display things like welcome message as a wiki page in the app, because the formatting is completely lost?

It would certainly make more sense, if it was possible.

Alternatively, is there a way to style the current page (see the Android app (Alpha)) screen above, slightly more?

Unfortunately not. This is the tradeoff we make by displaying the Talk messages natively.

The alternative would be to bounce the user to an external browser for displaying Talk pages.

I'd prefer to keep it native. If it is imperfect, its still an improvement.