1048912 - [UX] Icons for Add-on manager

Status: RESOLVED WORKSFORME

(Toolkit :: Add-ons Manager, defect)

Description

[Richard Marti (:Paenglab)]

With bug 989469 moving to the new in-content styling new icons like for the in-content prefs are needed.
The categories are:

search
discover
locale
searchengine
extension
service
theme
plugin
dictionary
experiment
availableUpdates
recentUpdates

The sizes are 24px x 24px and for HiDPI 48px x 48px.

Comment 1

[jaramat]

Why not a single set of SVGs instead of two sets of PNGs?

Comment 2

[Richard Marti (:Paenglab)]

[Tracking Requested - why for this release]:
We'll enable in-content prefs in 38, so it makes sense to track this work for 38 as well.

Comment 3

[Lukas Blakk [:lsblakk] use ?needinfo]

Tracking so we know this is ready in time.  Richard, are you the assignee here?  If not, who is?

Comment 4

[Richard Marti (:Paenglab)]

This bug needs first the icons from UX. Then I can work on it.

Comment 5

[Tim Nguyen :ntim]

The current sidebar icons look a bit weird with the new style : https://www.dropbox.com/s/86g69jw4amm2k3g/Screenshot%202015-03-06%2016.36.04.png?dl=0 (especially the search icon)

Michael, can you provide some ? The search icon can probably use the current in-content prefs one.

Comment 6

[Tim Nguyen :ntim]

Comment 0 has a list of needed icons

Comment 7

[Sylvestre Ledru [:Sylvestre]]

This is too late for 38. Untracking.

Comment 8

[Tim Nguyen :ntim]

[Tracking Requested - why for this release]: New style landed in 40

Comment 9

[jen strickland :jenstrickland]

Enabled tracking for 40.

Comment 11

[Sylvestre Ledru [:Sylvestre]]

Tim, Richard, do you have plans on this for 40? Thanks

Comment 12

[Tim Nguyen :ntim]

We need icons from Ux to get this going.

Comment 13

[Richard Marti (:Paenglab)]

When we have icons from UX (best in SVG) then I can start to make a patch.

Comment 14

[Sylvestre Ledru [:Sylvestre]]

OK, as it is not our role to deal with UX to have the icon and we already shipped a release without this icon and that didn't cause too many complains. I am  untracking it for 40.

Comment 15

[Tim Nguyen :ntim]

Attachment: Icons.zip

Credits:
- Appearance icon from Gaia: https://github.com/gaia-components/gaia-icons/
- Search and experiments icon are already used in the in-content prefs (I believe mmaslaney made those)
- The language icon is a modified version of :shorlander's well known globe
- The services icon is 100% shorlander's
- The download glyph used in the update and get add-ons icons is by :shorlander

Comment 16

[Tim Nguyen :ntim]

Screenshot: http://cl.ly/image/3H0d3x0Q2T1c

Comment 17

[Stephen Horlander [:shorlander]]

Attachment: Icon Feedback - 01

(In reply to Tim Nguyen [:ntim] from comment #15)
> Created attachment 8676437 [details]
> Icons.zip
> 
> Credits:
> - Appearance icon from Gaia: https://github.com/gaia-components/gaia-icons/
> - Search and experiments icon are already used in the in-content prefs (I
> believe mmaslaney made those)
> - The language icon is a modified version of :shorlander's well known globe
> - The services icon is 100% shorlander's
> - The download glyph used in the update and get add-ons icons is by
> :shorlander

See attachment for feedback.

Also one question /comment: Some of the icons are two-tone (or tri-tone) and some are solid? I think it looks nice, but it is a bit inconsistent with about:preferences and internally with this set. I feel like we should either do two/tri-tone everywhere or just stick with solid glyphs.

Comment 18

[Tim Nguyen :ntim]

Attachment: addon-icons.png - 02

I've addressed your feedback, I'm not too sure about the new "Get add-ons" icons. I've changed the icons to have the same opacity everywhere.

Comment 19

[Tim Nguyen :ntim]

Comment on attachment 8680084 [details]
Icon Feedback - 01

About #2, we have 2 variations of the same puzzle piece, the install flow icon, and the smaller toolbar icon. The one in your feedback screenshot is the former, and the one in the latest version is the latter.

Comment 20

[Markus Jaritz [:designakt] (UX)]

As now the next redesign is coming, it would be great to have icons to match that. Emanuela will create icons based on the new Photon icon language for us to update the menu in the addons manager.

Comment 21

[Andy McKay]

I'd be super happy if we can get a consistent jigsaw peice across all the places we use it. That includes: favicon for about:addons,  the about:addons and about:debugging, favicon for AMO, the icon used in the URL bar, the icon the menu bar, the default icon installed as a browser action, the icon used on mobile AMO vs desktop AMO. There may be more :)

Comment 22

[Markus Jaritz [:designakt] (UX)]

Good call! That would be great. Having a set of icon here can be the start for that.
Here is a related issue to update the favicon of AMO: https://github.com/mozilla/addons-frontend/issues/2262

Comment 23

[Markus Jaritz [:designakt] (UX)]

Is this done from your side and can be implemented?
We only got a few weeks of 57 left to get this in in time for Photon.

Comment 24

[Tim Nguyen :ntim]

Was fixed recently