Page MenuHomePhabricator

Variant D: mobile preview for suggested edits module with call to action
Closed, ResolvedPublic

Description

T250451: Variant tests: D-mobile calls for the mobile preview of the suggested edits module, when it hasn't yet been initiated, to display a call to action:

  • On the homepage, this variant employs an entirely new suggested edits preview, which shows a strong call to action.
  • It is outlined in blue, unlike the other modules.
  • Header (large text): "Get started with suggested edits"
  • Graphic: tool/lightbulb graphic
  • Body: "Help add to the world's knowledge with some easy fixes on Wikipedia articles."
  • Button: "Get suggestions", which begins the onboarding.

Mockup

Once initiated, the mobile preview should instead display the first suggested edit, per T258021: Variant C/D: mobile preview for suggested edits module with first suggested edit

Event Timeline

Change 628826 had a related patch set uploaded (by Kosta Harlan; owner: Kosta Harlan):
[mediawiki/extensions/GrowthExperiments@master] [WIP]: Mobile preview for suggested edits module with call to action

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

Change 628826 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Mobile preview for suggested edits module with call to action

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

Etonkovidova added a subscriber: Etonkovidova.

For Design review - clicking on 'Get started' will start onboarding (two screens).

Screen Shot 2020-09-22 at 4.55.53 PM.png (577×407 px, 60 KB)

Sorry, I moved it forward too soon! A couple of tweaks:

  • Graphic is a bit bigger than the expected 64x64px
    image.png (626×506 px, 144 KB)
  • Padding between the graphic and text is not quite right either - the expected is 16px
    image.png (398×662 px, 110 KB)

For Design review - clicking on 'Get started' will start onboarding (two screens).

Screen Shot 2020-09-22 at 4.55.53 PM.png (577×407 px, 60 KB)

Graphic is a bit bigger than the expected 64x64px

Hmm, I'm not seeing that.

image.png (329×512 px, 31 KB)

Ah, yeah it was 9.6px (.5em, the default margin we had for homepage module icons + header text). Patch coming.

Change 630552 had a related patch set uploaded (by Kosta Harlan; owner: Kosta Harlan):
[mediawiki/extensions/GrowthExperiments@master] Start Editing: Adjust icon margin

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

Change 630552 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Start Editing: Adjust icon margin

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

For Design review - all seem to be in place.

Screen Shot 2020-09-28 at 2.34.44 PM.png (493×408 px, 62 KB)
Screen Shot 2020-09-28 at 2.00.45 PM.png (642×370 px, 67 KB)

Thanks, LGTM now! (tested on arwiki beta for RTL as well):

image.png (464×834 px, 49 KB)

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