595018 - Designs for add-on performance on search and listing pages

Status: RESOLVED FIXED

(addons.mozilla.org Graveyard :: Public Pages, defect, P1)

Description

[Nick Nguyen [:osunick]]

Spec:
https://docs.google.com/document/edit?id=1CvpoVd7tLvjM9OtGgwq-KFX-iT2-A8L72rSF7TLrksA&hl=en&authkey=CJaXjugI

On search and listing pages, there should be a discreet icon that has a tooltip that explains the performance advisory.

Comment 1

[Chris Howse [:chowse]]

First draft w/ 2 variations:

http://people.mozilla.com/~chowse/drop/amo/performance/v1/01_listing.png

* Tried placing the advisory beside the title and below the description. The
  latter I find easier to understand without having to interact with the page,
  but requires more space and it could get confused with the adjacent add-on.

* Clicking on the label or more link reveals the pop-up. This could work w/
  rollover too, but it makes clicking the 'Learn more...' link more difficult.

* I used 2 different warning icons. The first (textured, beveled) we are 
  already using for the experimental add-on pop-up. The latter (flat, single
  color) is bespoke, but is similar to icons we're using elsewhere. Another
  alternative is an hourglass icon:
  http://cdn.iconfinder.net/data/icons/fatcow/32x32_0480/hourglass.png

Comment 2

[Justin Scott [:fligtar]]

I like the contributions style. Don't care which icon we use -- you're the best judge of that.

Comment 3

[Wil Clouser [:clouserw]]

The text below the summary is definitely clearer, we should use it.

Is this above or below contributions messages?

Comment 4

[Chris Howse [:chowse]]

(In reply to comment #3)
> Is this above or below contributions messages?

Below.

Comment 5

[Nick Nguyen [:osunick]]

I agree with the contributions style, it's easier to understand.  I don't have strong feelings on above or below- below is fine.

Comment 6

[Chris Howse [:chowse]]

Final mock-up:
http://people.mozilla.com/~chowse/drop/amo/performance/v2/01_listing.png

Assets:
http://people.mozilla.com/~chowse/drop/amo/performance/v2/icon-warning.png
http://people.mozilla.com/~chowse/drop/amo/performance/v2/icon-warning-large.png

Comment 7

[Justin Scott [:fligtar]]

Final copy for this should be:

This add-on can slow down Firefox.
Installing this add-on can slow down Firefox's start-up time by 30%.

Firefox can be the current app's name. Using the app's name is more understandable than "browser".