934029 - [l10n] UX work - Add View on Metro feature to Desktop Firefox in Australis

Status: RESOLVED FIXED

(Firefox :: General, defect, P1)

Description

[Yuan Wang(:Yuan) – Mobile Firefox Design Lead]

Firefox metro team is implementing sharing profile for Windows 8/metro. An icon of relaunch pages in Metro is needed on Australis style menu panel. To ensure discoverability for Win8 users, this action needs to stay on the menu panel by default.

If Firefox has been set as default, clicking on this action will close Classic FX and relaunch pages in Metro directly. If Firefox is not the default, Firefox will prompt the users to set Firefox as default first, then relaunch in Metro.

This bug is created to track wording and visual assets only.

Comment 1

[Brian R. Bondy [:bbondy]]

Any update on this artwork?

Comment 2

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Windows8_Switch_View_v1a.jpg

Please find the attached options for the Windows "Metro Mode"

v1a: Places "Metro Mode" at the bottom, giving it more alignment with the Customize, quit and help functionality.

v1b: Places "Metro Mode within common functionality like "New Window" and "History".

I can go either way in this case, though, I feel that the v1a placing seems more appropriate for a "switching view" function.  

Thoughts?

Comment 3

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Windows8_Switch_View_v1b.jpg

Comment 4

[Brian R. Bondy [:bbondy]]

I think just the button is sufficient, what do you think Yuan?

Comment 5

[Brian R. Bondy [:bbondy]]

Also we currently use the text Windows 8 Style brand-name, that might be too long. Maybe we should just call it Modern UI?

Comment 6

[Brian R. Bondy [:bbondy]]

Both images look great by the way :)

Comment 7

[Yuan Wang(:Yuan) – Mobile Firefox Design Lead]

I agree with Michael, v1a differentiates a switching function from other contextual commands. It also indicates that this function is not supposed to be customized or hidden behind the menu panel. And it gives more space for the label.

Since Microsoft didn't really confirm the term: Modern UI, I think it's better to keep using the original name: Windows 8 style brand-name for now.

Comment 8

[Brian R. Bondy [:bbondy]]

Sounds great, thanks for the quick decision on it :)

Comment 9

[Marina Samuel [:emtwo]]

Attachment: menuPanel-customize.png

Michael, could we please have a set of 3 16x16 metro icons for the image in the v1a mock, similar to the customize icons here? Thanks!

Comment 10

[Michael Maslaney [:mmaslaney] ([e-mail])]

After further discussion, we have decided to go with option v1b, as the bottom footer should be reserved for customize, help and quit. 

We are going to be testing the following names:


• Firefox Touch

• Firefox Emersive

Comment 11

[Brian R. Bondy [:bbondy]]

*Immersive

Comment 12

[Michael Maslaney [:mmaslaney] ([e-mail])]

Yes, "Immersive". Thanks, Brian.

Comment 13

[Marina Samuel [:emtwo]]

Attachment: Toolbar.png

In that case, I believe we'll need an 18x18 metro icon added to this Toolbar.png file (and perhaps also Toolbar-inverted.png)

Comment 14

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: firefox-touch_icons.zip

Comment 15

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: firefox-touch_icons.zip

Resized.

Comment 16

[Marina Samuel [:emtwo]]

Attachment: toolbars.zip

Would we be able to get those icons added to these pngs please? Just for consistency since all the other toolbar icons are there. Thanks!

Comment 17

[Michael Maslaney [:mmaslaney] ([e-mail])]

Marina, can you provide the source files?

Comment 18

[Marina Samuel [:emtwo]]

The toolbars.zip attachment has the pngs that I'm referring to.

Comment 19

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Touch_toolbars.zip

Talked with Stephen and he recommended a unique sprite set for this version of Windows.

Comment 20

[Marina Samuel [:emtwo]]

Attachment: menuPanel.png

Hi Michael, thanks! One more thing, I missed this before, but we'd also like the metro icon added to the menuPanel.png file I've attached here please. Thank you!

Comment 21

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Metro_menuPanel.png

Menu Sprites attached.

Comment 22

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Metro_Toolbar.png

Comment 23

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: Metro_Toolbar-inverted.png

Comment 24

[Jim Mathies [:jimm]]

This looks like it'll have strings, marking accordingly. Please revert if this is incorrect.

Comment 25

[Yuan Wang(:Yuan) – Mobile Firefox Design Lead]

I believe the changes are made elsewhere already. Post the changes here for the record: 

"Windows 8 Touch" for the icon label.
"Relaunch in *Brand* for Windows 8 Touch" for the tooltip.