We would like to do this during the week of March 7.

@RHo @MMiller_WMF could you please provide us with some more guidance on the placement of the video, for both desktop and mobile? Should the heart image continue to be included?

@kostajh -- no, there should not be a heart image. The video should be the only media on there (in addition to the text). For this proof-of-concept, the video should go above the "Thanks for donating" text (although Marketing may want to rearrange it later). Otherwise, the screenshots you posted look like they're on the right track!

In T302738#7776162, @MMiller_WMF wrote:

@kostajh -- no, there should not be a heart image. The video should be the only media on there (in addition to the text). For this proof-of-concept, the video should go above the "Thanks for donating" text (although Marketing may want to rearrange it later). Otherwise, the screenshots you posted look like they're on the right track!

Thanks for the clarification. @MMiller_WMF is there a sentence to use for the alt text to describe the video for non-sighted users?

Change 770889 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/GrowthExperiments@master] Pilot: Proof of concept account creation page with video embed

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

Mobile:

Desktop:

Since it's a proof-of-concept, there are rough edges around mobile, for example if you rotate to landscape, or if your viewport is larger than what I've optimized for. If we want to spend more time tweaking that, please let me know.

I’ve heard about how our video player doesn’t work in Safari. We do not need to do anything to deal with that, except to tell the Marketing team about this limitation. I can ask video experts about the limitations — we don’t need to identify them on our team.

@MMiller_WMF webm playback doesn't work on Chrome on iOS either.

Change 770963 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[integration/config@master] phan: Add TimedMediaHandler as phan dependency for GrowthExperiments

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

Change 770963 merged by jenkins-bot:

[integration/config@master] phan: Add TimedMediaHandler as phan dependency for GrowthExperiments

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

Change 771011 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[operations/mediawiki-config@master] GrowthExperiments: Add another entry to GECampaignPatterns

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

Change 771011 merged by jenkins-bot:

[operations/mediawiki-config@master] GrowthExperiments: Add another entry to GECampaignPatterns

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

Mentioned in SAL (#wikimedia-operations) [2022-03-15T20:12:55Z] <kharlan@deploy1002> Synchronized wmf-config/InitialiseSettings.php: Config: [[gerrit:771011|GrowthExperiments: Add another entry to GECampaignPatterns (T302738)]] (duration: 02m 22s)

Change 770889 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Pilot: Proof of concept account creation page with video embed

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

In T302738#7779514, @gerritbot wrote:

Change 770889 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Pilot: Proof of concept account creation page with video embed

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

The new landing page can be viewed at https://en.wikipedia.beta.wmflabs.org/wiki/Special:CreateAccount?geEnabled=1&campaign=growth-marketing-video&geNewLandingHtml=1 or https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special:CreateAccount&geEnabled=1&campaign=growth-marketing-video&geNewLandingHtml=1 for the mobile version

In T302738#7777999, @kostajh wrote:

I’ve heard about how our video player doesn’t work in Safari. We do not need to do anything to deal with that, except to tell the Marketing team about this limitation. I can ask video experts about the limitations — we don’t need to identify them on our team.

@MMiller_WMF webm playback doesn't work on Chrome on iOS either.

Would a relatively simple thing be to use a different video format than webm that is compatible on web browsers across platforms and available on Commons such as MPG?

Based on a quick look at:

• https://caniuse.com/?search=mpeg

And this test:
https://test.wikipedia.org/wiki/User:Rho2017

Hi @RHo, the current video does work on Safari on iOS (should be the same for Chrome and other browsers on iOS) -- here's the screen recording. I think if we use the video(s) hosted on Commons it should, since we are using TimedMediaHandler extension which will generate alternate codecs for Safari support.

In T302738#7779833, @mewoph wrote:

Hi @RHo, the current video does work on Safari on iOS (should be the same for Chrome and other browsers on iOS) -- here's the screen recording. I think if we use the video(s) hosted on Commons it should, since we are using TimedMediaHandler extension which will generate alternate codecs for Safari support.

+1 Yes, the video works on the browsers that @mewoph mentioned. I'll do testing on more browsers, but the most recent Safari version should be fine. mpg format has problems with displaying thumbnail (or it could be only for MediaSearch context).

Checked in betalabs:

In T302738#7779833, @mewoph wrote:

Hi @RHo, the current video does work on Safari on iOS (should be the same for Chrome and other browsers on iOS) -- here's the screen recording. I think if we use the video(s) hosted on Commons it should, since we are using TimedMediaHandler extension which will generate alternate codecs for Safari support.

Hmm. The video on https://commons.wikimedia.org/wiki/File:Lesson_1_-_What_is_Kannada_Wikipedia.webm didn't work for me on Safari iOS, but haven't tested the Special:CreateAccount embed version yet.

In T302738#7781083, @kostajh wrote:

In T302738#7779833, @mewoph wrote:

Hi @RHo, the current video does work on Safari on iOS (should be the same for Chrome and other browsers on iOS) -- here's the screen recording. I think if we use the video(s) hosted on Commons it should, since we are using TimedMediaHandler extension which will generate alternate codecs for Safari support.

Hmm. The video on https://commons.wikimedia.org/wiki/File:Lesson_1_-_What_is_Kannada_Wikipedia.webm didn't work for me on Safari iOS, but haven't tested the Special:CreateAccount embed version yet.

OK, yes, the Special:CreateAccount embed does play on iOS Safari. Sorry for the confusion.

In T302738#7781084, @kostajh wrote:

In T302738#7781083, @kostajh wrote:

In T302738#7779833, @mewoph wrote:

Hi @RHo, the current video does work on Safari on iOS (should be the same for Chrome and other browsers on iOS) -- here's the screen recording. I think if we use the video(s) hosted on Commons it should, since we are using TimedMediaHandler extension which will generate alternate codecs for Safari support.

Hmm. The video on https://commons.wikimedia.org/wiki/File:Lesson_1_-_What_is_Kannada_Wikipedia.webm didn't work for me on Safari iOS, but haven't tested the Special:CreateAccount embed version yet.

OK, yes, the Special:CreateAccount embed does play on iOS Safari. Sorry for the confusion.

Great to hear and thanks for the additional info about mp4 not displaying thumbnails as well vs webm, that's good to know.

Thanks for all this work, @kostajh and @RHo! I know it's a lot of frustrating work to test videos across browsers, and I appreciate it. (Commons video formats were an absolute bear to deal with on WordPress back when I worked on the old Wikimedia Blog. They'd even automatically start downloading if you clicked on them in certain browser! We ended up having to include captions directing people using those browsers to watch the videos on other sites.)

Based on previous discussions I've had with @Ospingou and @MMiller_WMF, I made a quick slide with some details on what we're looking for. Most of it tracks with what you've already done, but it does have a desktop mockup we prepared and some thoughts on the mobile side of things. Can the video be centered on the mobile view?

Thanks, @EdErhart-WMF. I have a few notes and questions on your slide.

• Do you also have a mockup for mobile? When we've made these landing pages in the past, we've tended to only include the headline (e.g. "Wikipedia is made by people like you.") and not any of the smaller text below it. That's because of the limited real estate of the mobile screen. Is that what you had in mind?
• I wanted to mention that I would personally recommend against hyperlinks in the text on the page. At that moment, we really want the user to create their account, and not get lost or distracted. I would worry that people who click on the links may not find their way back, or may lose interest.

And for @kostajh -- as you look at Ed's questions and specifications on the slide, are they all things we can easily do? If not, let's discuss in a Growth team meeting.

In T302738#7789529, @MMiller_WMF wrote:

Thanks, @EdErhart-WMF. I have a few notes and questions on your slide.

• Do you also have a mockup for mobile? When we've made these landing pages in the past, we've tended to only include the headline (e.g. "Wikipedia is made by people like you.") and not any of the smaller text below it. That's because of the limited real estate of the mobile screen. Is that what you had in mind?

@EdErhart-WMF - in case it's helpful, here is a sample landing page on mobile and desktop which highlights the area available for custom landing page content:

• I wanted to mention that I would personally recommend against hyperlinks in the text on the page. At that moment, we really want the user to create their account, and not get lost or distracted. I would worry that people who click on the links may not find their way back, or may lose interest.

And for @kostajh -- as you like at Ed's questions and specifications on the slide, are they all things we can easily do? If not, let's discuss in a Growth team meeting.

In T302738#7789529, @MMiller_WMF wrote:

Thanks, @EdErhart-WMF. I have a few notes and questions on your slide.

• Do you also have a mockup for mobile? When we've made these landing pages in the past, we've tended to only include the headline (e.g. "Wikipedia is made by people like you.") and not any of the smaller text below it. That's because of the limited real estate of the mobile screen. Is that what you had in mind?
• I wanted to mention that I would personally recommend against hyperlinks in the text on the page. At that moment, we really want the user to create their account, and not get lost or distracted. I would worry that people who click on the links may not find their way back, or may lose interest.

And for @kostajh -- as you look at Ed's questions and specifications on the slide, are they all things we can easily do? If not, let's discuss in a Growth team meeting.

@EdErhart-WMF comparing with https://en.wikipedia.beta.wmflabs.org/wiki/Special:CreateAccount?geEnabled=1&campaign=growth-marketing-video&geNewLandingHtml=1 (desktop) and https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:CreateAccount?geEnabled=1&campaign=growth-marketing-video&geNewLandingHtml=1 (mobile), I think the summary of changes for desktiop is:

• have the headline at the top, and the paragraph of text below
• then have the video

In the slide, you have a Wikipedia globe as a background image; is that a requirement or can we leave that out as it complicates things?

I also +1 Marshall's comment about not linking elsewhere in the CreateAccount text, but that's up to you. Technically it is possible.

For mobile:

• I see the comment about "centered video" in the slides but am unsure about what you intend; could you please look at https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:CreateAccount?geEnabled=1&campaign=growth-marketing-video&geNewLandingHtml=1 and let me know what specific changes you would want to see?

@MMiller_WMF @RHo we did have them prepare a mobile mockup, but it wasn't what we were looking for. However, there were other priorities at the time and we decided to move ahead with only the desktop mockup. Our plan was to include the full text on both the desktop and mobile landing pages, but we'd be open to discussing limiting that, perhaps at tomorrow's steering committee meeting. I'm fine with having no hyperlinks in the header. (I'll remove that from the slide now.)

@kostajh those action points are exactly right! We don't need the globe as a background image if that complicates things, and we're fine not having a hyperlink there. The centered video comment comes because it's currently left-aligned as I look at it on desktop; that may not be the case if I brought it up on a mobile device?

In T302738#7801803, @EdErhart-WMF wrote:

@MMiller_WMF @RHo we did have them prepare a mobile mockup, but it wasn't what we were looking for. However, there were other priorities at the time and we decided to move ahead with only the desktop mockup. Our plan was to include the full text on both the desktop and mobile landing pages, but we'd be open to discussing limiting that, perhaps at tomorrow's steering committee meeting. I'm fine with having no hyperlinks in the header. (I'll remove that from the slide now.)

FWIW, most mobile phone users will not see the text or video with the proposed mobile design; they'll stop when they get to the "Create account" button. I would suggest a single, short headline and the video at the top, if you want to be sure that mobile users have the opportunity to see the video, without also hiding the account creation form fields.

@kostajh those action points are exactly right! We don't need the globe as a background image if that complicates things, and we're fine not having a hyperlink there. The centered video comment comes because it's currently left-aligned as I look at it on desktop; that may not be the case if I brought it up on a mobile device?

Ah, I see. Yes if you look at it on a mobile device it should be centered (assuming it is in portrait orientation).