971400 - [Australis] Product Graphic: Firefox Accounts - Setting up Firefox Sync

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Lizz Noonan - she/her (:lizzn)]

This is a placeholder bug for a product graphic of the set-up process for Firefox Sync within Firefox Accounts in Australis. Laura and I will be adding specific required elements/details and a rough mock-up example for a designer to follow by the end of this week. Assigning to Laura until we've filled in those details. 

Objective: Product graphic for use in the Press Center's Screenshot Library

Audience: Press and consumers

Launch: Prior to Beta release timeframe (exact deadline TBD by EOW)

Requester: Shannon/PR

L10N: English, Spanish, Portuguese, French, Italian, Polish, German 

Deliverable: Product Graphic

Comment 1

[Lizz Noonan - she/her (:lizzn)]

Attachment: SettingUpSyncMock.jpg

Please see attached mockup for graphic direction and elements

Comment 2

[Lizz Noonan - she/her (:lizzn)]

Attachment: Production Notes: - Final screenshot on Windows (this is Mac OS) - Include a fake email address & account (DO NOT USE CURRENT) - Be sure to use a profile that is not yet synced - Zoom into the “Crea

Production Notes: 
- Final screenshot on Windows (this is  Mac OS)
- Include a fake email address & account (DO NOT USE CURRENT)
- Be sure to use a profile that is not yet synced
- Zoom into the “Create a Firefox Account” content only (vs. showing the entire browser chrome as done here)
- This can be found at "about:accounts"

Comment 3

[Steven Garrity [:sgarrity]]

Attachment: Sync-(en-US).png

I've attached the screenshot of the Firefox Sync Setup screen here for en-US. This screen does not seem to be localized in the other requested languages though.

The welcome screen at about:accounts is localized, but when I click next to get to the screen shown in the mockup, it is Enligh-only regardless of which language version of Firefox Aurora I'm using.

Lizz, Is this just not localized yet?

Comment 4

[Laura Forrest]

Adding Axel here to advise on l10n timing. Axel, when can we expect this screen to be localized? 

Steven: Let's use "[e-mail]" as the email address.

Comment 5

[Laura Forrest]

Steven: Nevermind that email address above. I saw that you've used a different one, for good reason, in other screenshots. Keep the one you've got.

Comment 6

[Francesco Lodolo [:flod]]

(In reply to Laura Forrest from comment #4)
> Adding Axel here to advise on l10n timing. Axel, when can we expect this
> screen to be localized? 

I think that's also a question for the product's owner.

AFAIK translations are hosted here (note the readme.md)
https://github.com/mozilla/fxa-content-server-l10n

While product+translation for deployment are here (I find it quite confusing)
https://github.com/mozilla/fxa-content-server

German was completely localized 9 days ago, talked on IRC a few days ago with :sgarrity but content was still displayed in English.

French, Italian, Polish look completely localized on the -l10n project, but nobody copied them over the official one.

So we're still missing Spanish and Portuguese. I guess those are es-ES and pt-BR, based on the number of users, but it would be safer to specify it.

Comment 7

[Axel Hecht [:Pike]]

I think Brian or one of his peers are on the hook to pull the l10n files back into the core repo.

They want to make that pull-based on their side to avoid loads of localization-related commits in the upstream repo.

Comment 8

[Lizz Noonan - she/her (:lizzn)]

Hey Laura and Axel - Any updates on when we can expect the final localized PSDs so Steven can finish with this project? Thanks!

Comment 9

[Axel Hecht [:Pike]]

I'm not involved.

Comment 10

[Laura Forrest]

I'm not sure. Maybe Pascal or someone else can help, and we can "fake it" until the product l10n is done in-product? I'm fine to get creative.

Comment 11

[Francesco Lodolo [:flod]]

I don't think faking it is a smart choice at this point: localizers didn't have any change to check their current localization, so text would be subject to change, and we'll end up with wrong graphics.

Can we have an answer about comment 6? How are localizers expected to test their work at this point?

Comment 12

[Brian Warner [:warner :bwarner]]

(In reply to Axel Hecht [:Pike][pto til 14th] from comment #7)
> I think Brian or one of his peers are on the hook to pull the l10n files
> back into the core repo.

zaach said he just updated fxa-content-server-l10n with the current string changes today.

Comment 13

[Lizz Noonan - she/her (:lizzn)]

(In reply to Brian Warner [:warner :bwarner] from comment #12)
> (In reply to Axel Hecht [:Pike][pto til 14th] from comment #7)
> > I think Brian or one of his peers are on the hook to pull the l10n files
> > back into the core repo.
> 
> zaach said he just updated fxa-content-server-l10n with the current string
> changes today.

Awesome, thanks for the update Brian. And thanks for updating the strings, :zaach. I'll let y'all know if we find any other missing strings or issues.

Comment 14

[Steven Garrity [:sgarrity]]

Attachment: Screenshot of German (de) sync l10n issues

German (de) has issues with the password "show" button string not fitting in the button, and some character/font issues (screenshot attached.

The other locales (fr, it, es-ES, pl, pt-BR) do not appear to be localized yet.

Comment 15

[Francesco Lodolo [:flod]]

(In reply to Steven Garrity [:sgarrity] from comment #14)
> German (de) has issues with the password "show" button string not fitting in
> the button, and some character/font issues (screenshot attached.

Funny. I reported that for mobile (bug 975013) because I thought the web version was more flexible, I was wrong.

Comment 16

[Laura Forrest]

In response to Comment 11: What do we do if the product hasn't been translated yet? 

I agree. If faking it by translating the graphics ourselves will risk inaccurate graphics then I suggest that PR uses the english version for those graphics until the localized version becomes available. 

That said, is there a way to prioritize localization of these key new features?

Comment 17

[Pascal Chevrel:pascalc]

(In reply to Laura Forrest from comment #16)
> In response to Comment 11: What do we do if the product hasn't been
> translated yet? 
> 

Which locale is not translated? AFAIK, the problem is that the website is not using the translations already done which means that localiers can't see their work in context and adjust it if needed, not that the translators didn't do their work.

Comment 18

[Steven Garrity [:sgarrity]]

(In reply to Pascal Chevrel:pascalc from comment #17)
> Which locale is not translated?

I haven't found any locales that are translated (or that have the translations in place). I have tried de, es-ES, fr, it, pl, & pt-BR.

For some locations, the first screen (about:accounts in Aurora) is localized, but the screen we're using for screenshots (the one you see after clicking "Get Started") is not localized.

Comment 19

[Pascal Chevrel:pascalc]

(In reply to Steven Garrity [:sgarrity] from comment #18)
> (In reply to Pascal Chevrel:pascalc from comment #17)
> > Which locale is not translated?
> 
> I haven't found any locales that are translated (or that have the
> translations in place). I have tried de, es-ES, fr, it, pl, & pt-BR.
> 
> For some locations, the first screen (about:accounts in Aurora) is
> localized, but the screen we're using for screenshots (the one you see after
> clicking "Get Started") is not localized.

Please read comment #6 by flod

Comment 20

[Francesco Lodolo [:flod]]

This is the current status (as of 5 minutes ago, but check the date at the bottom for last update)
http://l10n.mozilla-community.org/~flod/webstatus/?product=fxaccount-client-l10n
http://l10n.mozilla-community.org/~flod/webstatus/?product=fxaccount-server-l10n

Stats are build directly from Github data.

de, fr, it are completely localized
pt-BR, pl are almost localized
es-ES no work so far

Based on comment 14 (broken layout for German), I expect more issues to arise with testing.

Chris, any idea when the content will be available on the dev server? You're the last person I've received news from about this.

Comment 21

[Chris Karlof [:ckarlof]]

I really hope we can get all locales that have been localized up on the dev server today. We've been experiencing some build failures in our infrastructure, and I hope to get that sorted today.

Also, we hope to have production FxA updated with these locales next week.

Comment 22

[Chris Karlof [:ckarlof]]

As a short-term bandaid until we resolve the issues with the FxA dev server, you can view localized signup/signin flows here: https://ux-accounts.dev.lcip.org/signup

localized flows that appear in about:accounts in Nightly/Aurora will not be deployed until next week.

Comment 23

[Francesco Lodolo [:flod]]

(In reply to Chris Karlof [:ckarlof] from comment #22)
> As a short-term bandaid until we resolve the issues with the FxA dev server,
> you can view localized signup/signin flows here:
> https://ux-accounts.dev.lcip.org/signup

That page appears yet in English to me.

Comment 24

[Chris Karlof [:ckarlof]]

> That page appears yet in English to me.

What locale are you using? If I set Nightly to use Italian, I see (what appears to me) to be an Italian translated page.

Comment 25

[Chris Karlof [:ckarlof]]

Attachment: Italian on ux-accounts.dev.lcip.org.png

Comment 26

[Chris Karlof [:ckarlof]]

I attached a screenshot of what I see when I set my locale to Italian and visit https://ux-accounts.dev.lcip.org/signup

Comment 27

[Francesco Lodolo [:flod]]

Ok, you're doing language detection wrong then: it works with "it", but not with "it-it" which is the default,

Comment 28

[Steven Garrity [:sgarrity]]

(In reply to Chris Karlof [:ckarlof] from comment #22)
> As a short-term bandaid until we resolve the issues with the FxA dev server,
> you can view localized signup/signin flows here:
> https://ux-accounts.dev.lcip.org/signup

This looks like it gives me what I need for these screenshots - thanks.

Steven

Comment 29

[Pascal Chevrel:pascalc]

(In reply to Francesco Lodolo [:flod] from comment #20)
> This is the current status (as of 5 minutes ago, but check the date at the
> bottom for last update)
> http://l10n.mozilla-community.org/~flod/webstatus/?product=fxaccount-client-
> l10n
> http://l10n.mozilla-community.org/~flod/webstatus/?product=fxaccount-server-
> l10n
> 
> Stats are build directly from Github data.
> 
> de, fr, it are completely localized
> pt-BR, pl are almost localized

pt-BR is now done https://localize.mozilla.org/pt_BR/accounts/

> es-ES no work so far

es-ES is done too
https://localize.mozilla.org/es/accounts/

Comment 30

[Steven Garrity [:sgarrity]]

Attachment: Sync-(en-US).png

Comment 31

[Steven Garrity [:sgarrity]]

Attachment: Sync-(de).png

Comment 32

[Steven Garrity [:sgarrity]]

Attachment: Sync-(fr).png

Comment 33

[Steven Garrity [:sgarrity]]

Attachment: Sync-(it).png

Comment 34

[Steven Garrity [:sgarrity]]

Attachment: Sync-(pl).png

Comment 35

[Steven Garrity [:sgarrity]]

Attachment: Sync-(pt-BR).png

Comment 36

[Francesco Lodolo [:flod]]

(In reply to Steven Garrity [:sgarrity] from comment #33)
> Created attachment 8391690 [details]
> Sync-(it).png

Note that the title is probably going to change in the next hours (or at least I proposed a change during QA).

Comment 37

[Steven Garrity [:sgarrity]]

I was able to get screenshots for all but es-ES. There are some minor differences between what I'm seeing in "about:accounts" in Aurora and what's on the https://ux-accounts.dev.lcip.org/signup page (the "Choose what to sync" option is gone from the ux-accounts site). I presume the ux-accounts site is more up-to-date.

Comment 38

[Pascal Chevrel:pascalc]

I notice that the email address doesn't seem to be localizable as all the locales have [e-mail] which is unfortunate as it introduces what will be perceived as an orthographic error in French since this word in English was borrowed to French but the middle e was changed to an a (exemple in French)

Comment 39

[Steven Garrity [:sgarrity]]

Pascal, would [e-mail] be OK?

Comment 40

[Pascal Chevrel:pascalc]

(In reply to Steven Garrity [:sgarrity] from comment #39)
> Pascal, would [e-mail] be OK?

yes, good idea :)

Comment 41

[Axel Hecht [:Pike]]

What happens if people actually send an email to that address? 'Cause I bet they will, both example@ and firefox@. Maybe use something @ .tld?

Comment 42

[Steven Garrity [:sgarrity]]

Attachment: Sync-(de).png

Comment 43

[Steven Garrity [:sgarrity]]

Attachment: Sync-(en-US).png

Comment 44

[Steven Garrity [:sgarrity]]

Attachment: Sync-(fr).png

Comment 45

[Steven Garrity [:sgarrity]]

Attachment: Sync-(it).png

Comment 46

[Steven Garrity [:sgarrity]]

Attachment: Sync-(pl).png

Comment 47

[Steven Garrity [:sgarrity]]

Attachment: Sync-(pt-BR).png

Comment 48

[Steven Garrity [:sgarrity]]

I have updated all the screenshots to use "[e-mail]" as the example email address. As Axel points out in comment #41, people might actually try to email this address, but if they do, it will just bounce back.

Another alternative would be to use "[e-mail]" and actually translate the "example" string. In the interest of time, I would suggest we stick with this.

Spanish (es-ES) is still not showing up localized on the demo server.

Comment 49

[Chris Karlof [:ckarlof]]

(In reply to Steven Garrity [:sgarrity] from comment #37)
> I was able to get screenshots for all but es-ES. There are some minor
> differences between what I'm seeing in "about:accounts" in Aurora and what's
> on the https://ux-accounts.dev.lcip.org/signup page (the "Choose what to
> sync" option is gone from the ux-accounts site). I presume the ux-accounts
> site is more up-to-date.

You can get the "Choose what to Sync" to appear on this service by adding a couple flags:

https://ux-accounts.dev.lcip.org/signup?context=fx_desktop_v1&service=sync

Comment 50

[Steven Garrity [:sgarrity]]

(In reply to Chris Karlof [:ckarlof] from comment #49)
> You can get the "Choose what to Sync" to appear on this service by adding a
> couple flags:
> 
> https://ux-accounts.dev.lcip.org/signup?context=fx_desktop_v1&service=sync

Should we be showing the "Choose what to Sync" field in these screenshots?

Comment 51

[Chris Karlof [:ckarlof]]

(In reply to Steven Garrity [:sgarrity] from comment #48)
> Spanish (es-ES) is still not showing up localized on the demo server.

Spanish (es) displays, but I'm not sure why Spanish (es-ES) doesn't. We'll look into it.

Comment 52

[Francesco Lodolo [:flod]]

(In reply to Chris Karlof [:ckarlof] from comment #51)
> Spanish (es) displays, but I'm not sure why Spanish (es-ES) doesn't. We'll
> look into it.

So far "es" is the only project translated, all other es-* are not localized at the moment.

Comment 53

[Zachary Carter [:zaach]]

Here's the list of locales we'll enable in production: cs, cy, de, es, fr, fy, hu, it, ko, lt, nb-NO, nl, pl, pt-BR, rm, ru, sk, sq, sr, sr-LATN, sv, zh-CN, zh-TW.

Comment 54

[Chris Karlof [:ckarlof]]

These(In reply to Zachary Carter [:zaach] from comment #53)
> Here's the list of locales we'll enable in production: cs, cy, de, es, fr,
> fy, hu, it, ko, lt, nb-NO, nl, pl, pt-BR, rm, ru, sk, sq, sr, sr-LATN, sv,
> zh-CN, zh-TW.

These are the ones currently with 90% translation in https://github.com/mozilla/fxa-content-server-l10n.

We'll continue to enable locales each week as they hit the 90% mark.

Comment 55

[Chris Karlof [:ckarlof]]

We think we've addressed the build issues with our auto-updating FxA dev server. This server:

https://accounts.dev.lcip.org

is deployed nightly, and includes the most recent localized strings.

Comment 56

[Francesco Lodolo [:flod]]

(In reply to Steven Garrity [:sgarrity] from comment #33)
> Created attachment 8391690 [details]
> Sync-(it).png

Now the reference is https://accounts.dev.lcip.org/signup

Note that Italian has already changed quite a bit from the existing screenshot.

Comment 57

[Lizz Noonan - she/her (:lizzn)]

Hey Steven - wondering if the ES screenshot was completed for this project? Thanks!

Comment 58

[Steven Garrity [:sgarrity]]

Attachment: Sync-(es-ES).png

Comment 59

[Steven Garrity [:sgarrity]]

Attachment: Sync-(de).png

Comment 60

[Lizz Noonan - she/her (:lizzn)]

Hey Steven! There's one typo in the IT screenshot I'm hoping you can please fix. 

It should say, "Crea un account con Firefox" (Right now it says, "Crea un account con Firefox Account"). 

If you could please send that fixed PNG tomorrow, we would really appreciate it! Thanks!

Comment 61

[Francesco Lodolo [:flod]]

(In reply to Lizz Noonan from comment #60)
> It should say, "Crea un account con Firefox" (Right now it says, "Crea un
> account con Firefox Account"). 

Please don't make up new localizations ;-)

The Italian page says "Crea un nuovo Firefox Account", the problem is that the screenshot was done before QA (as I said in comment 56).

Comment 62

[Matej Novak [:matej]]

(In reply to Francesco Lodolo [:flod] from comment #61)
> (In reply to Lizz Noonan from comment #60)
> > It should say, "Crea un account con Firefox" (Right now it says, "Crea un
> > account con Firefox Account"). 
> 
> Please don't make up new localizations ;-)
> 
> The Italian page says "Crea un nuovo Firefox Account", the problem is that
> the screenshot was done before QA (as I said in comment 56).

I just want to make sure I understand here. Firefox Account (or Accounts) isn't a brand name, so it should be localized both in the product and in the screenshot. Will that be possible?

Comment 63

[Francesco Lodolo [:flod]]

(In reply to Matej Novak [:matej] from comment #62)
> I just want to make sure I understand here. Firefox Account (or Accounts)
> isn't a brand name, so it should be localized both in the product and in the
> screenshot. Will that be possible?

Account in Italian remains identical, so we decided to keep the same form of English ("Firefox Account") instead of using "account Firefox".

Comment 64

[Matej Novak [:matej]]

(In reply to Francesco Lodolo [:flod] from comment #63)
> (In reply to Matej Novak [:matej] from comment #62)
> > I just want to make sure I understand here. Firefox Account (or Accounts)
> > isn't a brand name, so it should be localized both in the product and in the
> > screenshot. Will that be possible?
> 
> Account in Italian remains identical, so we decided to keep the same form of
> English ("Firefox Account") instead of using "account Firefox".

Perfect. That makes sense. Thanks so much for the clarification.

Comment 65

[Steven Garrity [:sgarrity]]

Attachment: Sync-(it).png

Updated Italian screenshot