947985 - Icon Request: WMF icon for 'Settings'

Status: VERIFIED FIXED

(Firefox OS Graveyard :: FindMyDevice, defect, P1)

Description

[Erin Lancaster [:elan]]

Greetings,

In the current Firefox OS builds which include WMF (ggp, dougt has them), we are using the airplane icon as a placeholder. It would be good to obtain a new icon. Please note: the naming for this feature is being reconsidered. It would be great to obtain the new icon and/or recommendation for an existing icon by EOB tomorrow, Dec 10th. Thank you.

Comment 1

[John Gruen [:jgruen]]

Hi Erin,
Bugs related to branding should be submitted through this form with the Brand Engagement team: https://bugzilla.mozilla.org/form.creative

Comment 2

[Erin Lancaster [:elan]]

ok, I am going close this bug.

Comment 3

[Erin Lancaster [:elan]]

Reopening this bug; Peter La will be providing iconography.

Comment 4

[Erin Lancaster [:elan]]

Attachment: pdf of placement in gaia settings (from jgruen)

Comment 5

[Peter La]

Hi Erin,

We currently have Carol Huang from the Taipei Visual team working on this icon.  It occured to me that this icon could/should be very connected to the final name and branding associated with Where's My Fox, and perhaps not just a generic icon.

Do you know anything about what is in the works for the naming/branding of Where's My Fox?

Comment 6

[Erin Lancaster [:elan]]

Hi Peter, 

Yes, I'm just getting final approval from marketing but we should be good with "Find my device". I will comment here once we have the final call. Discussion can be found, here: bug 951798. I agree with you and I made the naming discussion bug block this one. :) Thank you!

Comment 7

[Erin Lancaster [:elan]]

Peter, we are proceeding with "Find my device". Hope this helps with the icon design. Do ping me as needed.

Comment 8

[Carol Huang [:Carol]]

Attachment: [e-mail]

The attachment is the icon for "Find My Device" in Settings.

Comment 9

[bryan]

Attachment: Replacement icon at standard def scale: [e-mail]

There was some desire expressed to find a more appropriate icon to represent find my device. The magnifying icon overlaid on a device seems to imply searching on device. Using a set of binoculars should help to imply "find" more readily.

Comment 10

[bryan]

Attachment: [e-mail]

A 2x version of the same find my device icon.

Comment 11

[Stephany Wilkes]

Comment on attachment 8400142 [details]
[e-mail]

I'm not really supposed to use this flag this way, but asking Patryk for a review on this new icon.

Comment 12

[Patryk Adamczyk [:patryk] UX]

Comment on attachment 8400142 [details]
[e-mail]

It looks like a castle to me. Isn't this related to "where's my fox"? If so is there any prior art/branding associated with that. If so we should use that.

Otherwise I would suggest doing something with a radar blip, or gps location. This seems to be used a common metaphor in many other OS'

Comment 13

[Patryk Adamczyk [:patryk] UX]

Also the sizes needed are: 
@1x
@1.5x
@2x
@2.25x
@3x

Comment 15

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Hi all,

This bug has been sitting for a week with no updates. Can someone provide a little insight into the current status?

Thanks!

Jared

Comment 16

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Whoops! Sorry, bugzilla caching got me this time. I didn't see anything past c13 until *after* I submitted my comment.

Comment 17

[bryan]

A new design for this icon is in the works.  Patryk Adamczyk, Carol Huang, and I are coming up with new alternatives, and Patryk will decide which to use soon.

Comment 18

[Carol Huang [:Carol]]

Attachment: WMF_0520.zip

Hi,
the attachment is the updated sprite with Find My Device icon.

Comment 19

[Guilherme Gonçalves [:ggp]]

Attachment: gaia pull request

I'm assuming this is the final icon, so I filed a pull request to swap it in. Please let me know if this is not the case.

Comment 20

[Carol Huang [:Carol]]

Attachment: WMF_Final_0521.zip

Hi,
Sorry!! I did a little change on the icon. And now is the final one. Please switch to the new images. Thanks a lot!

Comment 21

[Guilherme Gonçalves [:ggp]]

No problem, I updated the pull request. Carrying over r+ from :vingtetun.

Comment 22

[Ryan VanderMeulen [:RyanVM]]

Master: https://github.com/mozilla-b2g/gaia/commit/3740aee8ec881f36c3df65f36d7de987259c216e

Comment 23

[Erin Lancaster [:elan]]

We need to revisit current design. Not approved by legal.

Comment 24

[bryan]

Attachment: WMF_Final_0522.zip Updated Find My Device Icon for the settings menu.

We have new settings icon. Here's the final version.

Comment 25

[Guilherme Gonçalves [:ggp]]

Bryan, I believe the sprites need to be updated. Note how there are new icons after FMD's in the current sprite: https://github.com/mozilla-b2g/gaia/blob/master/apps/settings/style/images/icons_sprite.gif

Comment 26

[bryan]

Attachment: WMF_Final_0523.zip

Great catch GGP. Thanks!

Here's the fixed graphics.

Comment 27

[Guilherme Gonçalves [:ggp]]

Attachment: gaia pull request

Comment 28

[Arthur Chen [:arthurcc][inactive after 6/30]]

Comment on attachment 8444752 [details] [review]
gaia pull request

r=me, thanks.

Comment 29

[Ryan VanderMeulen [:RyanVM]]

Master: https://github.com/mozilla-b2g/gaia/commit/57da30f405ba37a5d4844f32bb292271b81faee2

I'm going to go out on a limb that this needs uplifting to v2.0 as well? Please request Gaia v2.0 approval on the patch if that's the case.

Comment 30

[Guilherme Gonçalves [:ggp]]

Comment on attachment 8444752 [details] [review]
gaia pull request

NOTE: Please see https://wiki.mozilla.org/Release_Management/B2G_Landing to better understand the B2G approval process and landings.

[Approval Request Comment]
[Bug caused by] (feature/regressing bug #): 8444752
[User impact] if declined: Wrong icon for FMD in the Settings app
[Testing completed]: Travis and manual
[Risk to taking this patch] (and alternatives if risky): None
[String changes made]: None

Comment 31

[Ryan VanderMeulen [:RyanVM]]

This doesn't merge clearly to v2.0.

Comment 32

[Erin Lancaster [:elan]]

ggp: ^

Comment 33

[Guilherme Gonçalves [:ggp]]

Hmm, the keyboard icon in the third row, second column looks different in 2.0 and in master (before this patch), so I bet that's where the conflict is. Bryan, I think we'll need another sprite from you, please.

Comment 34

[bryan]

I would be happy to massage the sprite. Where can I find the 2.0 sprite with the slightly different keyboard icon?

Comment 35

[Carol Huang [:Carol]]

Hi Bryan, 
I've emailed you the lasted files of Settings icons. 
Please use it and replace the WMF icon!! thank you!! (remember to export to GIF files as what we have right now.)
let me know if you have any other question :)

Comment 36

[bryan]

Attachment: WMF_Final_0524.zip

OK this should really be the final version. These were made with the official source Photoshop Files. However, there's no detectable difference from the previous version.

Comment 37

[Guilherme Gonçalves [:ggp]]

Attachment: gaia 2.0 pull request

Attaching 2.0 PR.

Comment 38

[Ryan VanderMeulen [:RyanVM]]

v2.0: https://github.com/mozilla-b2g/gaia/commit/3bc8cb9fcbc9618d3c054d5f106df221c42682fc

Comment 39

[Sue]

Attachment: verify_video.MP4

This issue has been verified successfully on Flame v2.0 & v2.1
STR:
1. Launch Settings app.
2. Check the icon of Find My Device.
**The icon show as a telescope.
See attachment: verify_video.MP4
Reproducing rate: 0/5
Flame 2.0 versions:
Gaia-Rev        8d1e868864c8a8f1e037685f0656d1da70d08c06
Gecko-Rev       https://hg.mozilla.org/releases/mozilla-b2g32_v2_0/rev/c756bd8bf3c3
Build-ID        20141127000203
Version         32.0
Device-Name     flame
FW-Release      4.4.2
FW-Incremental  eng.cltbld.20141127.034818
FW-Date         Thu Nov 27 03:48:29 EST 2014
Bootloader      L1TC00011880

Flame 2.1 versions:
Gaia-Rev        5372b675e018b6aac97d95ff5db8d4bd16addb9b
Gecko-Rev       https://hg.mozilla.org/releases/mozilla-b2g34_v2_1/rev/f34377ae402b
Build-ID        20141127001201
Version         34.0
Device-Name     flame
FW-Release      4.4.2
FW-Incremental  eng.cltbld.20141127.035005
FW-Date         Thu Nov 27 03:50:16 EST 2014
Bootloader      L1TC00011880