Page MenuHomePhabricator

Variant C/D: welcome popup on desktop
Closed, ResolvedPublic

Description

From T250331: Variant tests: C-desktop:

  • This popup (and the one for T250343: Variant tests: D-desktop) obsoletes the popup implemented in T222852: Homepage: discovery of homepage after account creation (desktop) that explains how the user should return to the homepage.
  • When the user first arrives on their homepage, they will see a popup on top of the page that is pointing to their username.
  • Header: "Welcome to your homepage!"
  • Body: "You can always click on your username to return here. Continue to learn about the suggested edits on your homepage."
  • The popup is dismissable with an "X" in the upper right and also by clicking on the screen outside of it.
  • In the lower right, it has a blue arrow button, which initiates the onboarding.
  • After the user dismisses it, they should never see it again.

From T250343: Variant tests: D-desktop:

  • This popup (and the one for T250331: Variant tests: C-desktop) obsoletes the popup implemented in T222852: Homepage: discovery of homepage after account creation (desktop) that explains how the user should return to the homepage.
  • When the user first arrives on their homepage, they will see a popup on top of the page that is pointing to their username.
  • Header: "Welcome to your homepage!"
  • Body: "You can always click on your username to return here. On your homepage, you can find suggested edits, ask questions to your mentor, and see your impact."
  • In the lower right, it has a blue button that says "Got it". This dismisses it.
  • The popup is dismissable with an "X" in the upper right and also by clicking on the screen outside of it.
  • After the user dismisses it, they should never see it again.

Basically, both Variants C-desktop and D-desktop now have a popup in the same place under the same circumstances (first arrival to page), but the content is different between them. The text differs, and Variant C's has a call-to-action button.

Mockups: variant C, variant D

The mobile version of this task is T258010: Variant C/D: welcome peek drawer on mobile, which uses a different form factor and different language. We may wish to share a hidden preference for dismissing all these forms of welcome.

The "dismissed" state should be synchronized between the desktop and mobile versions of this feature. In other words, if the user dismisses the welcome popup on desktop, that should also hide the welcome drawer on any future mobile visits, and vice versa.

Event Timeline

MMiller_WMF renamed this task from Variant C (desktop): welcome popup to Variant C/D: welcome popup on desktop.Jul 22 2020, 8:18 PM
MMiller_WMF updated the task description. (Show Details)

Change 628249 had a related patch set uploaded (by Gergő Tisza; owner: Gergő Tisza):
[mediawiki/extensions/GrowthExperiments@master] [WIP] Variant C/D welcome popup on desktop

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

QA instructions from the patch:

To test, switch to variant C or D, run the following snippet in the browser console, then visit the homepage:

new mw.Api().saveOptions( {
    'growthexperiments-tour-homepage-welcome': '0',
    'growthexperiments-tour-homepage-discovery': '0'
} ).done( function() { window.location.reload() } );

Change 628249 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Variant C/D welcome popup on desktop

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

Etonkovidova subscribed.

Thanks, @kostajh for the QA instructions!

For Design review - two points need to be clarified (marked with in the task):

(1) The implementation is done exactly as in the mockups, so there are no issues with the implementation - just to confirm that all is as expected:
Both - C and D variants - have the same description for the popup:

When the user first arrives on their homepage, they will see a popup on top of the page that is pointing to their username.

and it's clarified in the following:

Basically, both Variants C-desktop and D-desktop now have a popup in the same place under the same circumstances [...]

However, the place is not the same and they point to different usernames - in variant C it's username in the title and in variant D - it's a link:

variant Cvariant D
Screen Shot 2020-09-22 at 10.53.25 AM.png (611×840 px, 120 KB)
Screen Shot 2020-09-22 at 11.34.09 AM.png (551×940 px, 114 KB)

(2) Variant C

Body: "You can always click on your username to return here. Continue to learn about the suggested edits on your homepage."

Variant C has "suggested edits" in quotes - is it ok?

Screen Shot 2020-09-22 at 11.38.28 AM.png (201×471 px, 26 KB)

Additional question - variant D is supposed to display onboarding at the same time as the welcome message , e.g. from D variant mockup. I did not see it in betalabs - it could be a limitation of present testing environment, I suppose?

Screen Shot 2020-09-22 at 11.40.34 AM.png (630×799 px, 234 KB)

Moving back to address the points @Etonkovidova picked up:

Thanks, @kostajh for the QA instructions!

For Design review - two points need to be clarified (marked with in the task):
(1) The implementation is done exactly as in the mockups, so there are no issues with the implementation - just to confirm that all is as expected:
Both - C and D variants - have the same description for the popup:

When the user first arrives on their homepage, they will see a popup on top of the page that is pointing to their username.

and it's clarified in the following:

Basically, both Variants C-desktop and D-desktop now have a popup in the same place under the same circumstances [...]

However, the place is not the same and they point to different usernames - in variant C it's username in the title and in variant D - it's a link:

variant Cvariant D
Screen Shot 2020-09-22 at 10.53.25 AM.png (611×840 px, 120 KB)
Screen Shot 2020-09-22 at 11.34.09 AM.png (551×940 px, 114 KB)

(2) Variant C

Body: "You can always click on your username to return here. Continue to learn about the suggested edits on your homepage."

Variant C has "suggested edits" in quotes - is it ok?

Screen Shot 2020-09-22 at 11.38.28 AM.png (201×471 px, 26 KB)

Yes, the task description is correct – the pop-up should appear in the same position with the callout under the username link in personal tools, but I missed updating the Zeplin mock.
Also, suggested edits should not have quotes, but be bolded.

Additional question - variant D is supposed to display onboarding at the same time as the welcome message , e.g. from D variant mockup. I did not see it in betalabs - it could be a limitation of present testing environment, I suppose?

Screen Shot 2020-09-22 at 11.40.34 AM.png (630×799 px, 234 KB)

It is supposed to display the onboarding on variant D, that's right.

Change 630322 had a related patch set uploaded (by Gergő Tisza; owner: Gergő Tisza):
[mediawiki/extensions/GrowthExperiments@master] Fix variant C desktop popup positioning/messaging

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

Change 630322 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Fix variant C desktop popup positioning/messaging

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

For Design review - it seems that all fixes are in place.

Yes, the task description is correct – the pop-up should appear in the same position with the callout under the username link in personal tools, but I missed updating the Zeplin mock.

and

It is supposed to display the onboarding on variant D, that's right.

Done.

variant Cvariant D
Screen Shot 2020-09-28 at 1.16.03 PM.png (603×1 px, 152 KB)
Screen Shot 2020-09-28 at 1.10.25 PM.png (629×1 px, 157 KB)

(2) Variant C
Also, suggested edits should not have quotes, but be bolded.

Done - however, the message is up to translation after the update (see https://translatewiki.net/wiki/Special:Translations?message=MediaWiki%3Agrowthexperiments-tour-welcome-description-c&namespace=8)

Screen Shot 2020-09-28 at 12.40.18 PM.png (309×676 px, 53 KB)

Thanks @Etonkovidova , LGTM!
Regarding the translation, I think it's OK if not all of the wikis have changed the slight formatting from 'suggested edits' to suggested edits in the message yet.

For Design review - it seems that all fixes are in place.

Yes, the task description is correct – the pop-up should appear in the same position with the callout under the username link in personal tools, but I missed updating the Zeplin mock.

and

It is supposed to display the onboarding on variant D, that's right.

Done.

variant Cvariant D
Screen Shot 2020-09-28 at 1.16.03 PM.png (603×1 px, 152 KB)
Screen Shot 2020-09-28 at 1.10.25 PM.png (629×1 px, 157 KB)

(2) Variant C
Also, suggested edits should not have quotes, but be bolded.

Done - however, the message is up to translation after the update (see https://translatewiki.net/wiki/Special:Translations?message=MediaWiki%3Agrowthexperiments-tour-welcome-description-c&namespace=8)

Screen Shot 2020-09-28 at 12.40.18 PM.png (309×676 px, 53 KB)

This looks good to me in beta. To be resolved once it's in production.