532685 - Add top tags module to front page

Status: VERIFIED FIXED

(addons.mozilla.org Graveyard :: Public Pages, enhancement, P3)

Description

[Nick Nguyen [:osunick]]

Should go between 'most shared' and category module.  List the top ten tags in the system along with a link that says "view top tags" that goes to https://addons.mozilla.org/en-US/firefox/top-tags

Comment 3

[Nick Nguyen [:osunick]]

Marking for 5.8, would like to have this by the end of the quarter- top tags is not discoverable enough.  Adding chowse to design for 5.8 and implement in 5.9

Comment 4

[Justin Scott [:fligtar]]

Can we consider replacing the top shared add-ons box with this? I don't think we should clutter up the homepage any more.

Comment 5

[Nick Nguyen [:osunick]]

That sounds like a prime candidate for an A-B test- to see if people use that box at all.  Let's aim for designing this in 5.8 and I'll log another bug for 5.8 to add tracking codes to the shared add-ons box.  I'm fine with replacing stuff, but we need to make sure we're replacing the right thing.

Comment 6

[Justin Scott [:fligtar]]

I suggest it for replacement not because people don't use it, but because the data is totally unreliable and suspicious, it's easily gameable, and it's inaccurate for non-Firefox apps. I think top tags would be way more useful.

Comment 7

[Nick Nguyen [:osunick]]

Agree on the suspicious data- but I don't think we know whether or not people use it, which affects our decisions in the future on having a feature like this on the front page and what efforts we should put into fixing the gaming.  If no one uses it, let's kill it and not try it again.  If people use it, let's put some thought into why and know if top tags are better or worse.

So the plan is to replace this but I want to know what the performance is of that box.

Comment 8

[Chris Howse [:chowse]]

Attachment: Top Tags Module designs

A few different treatments of the Top Tags module. I'm partial to 2 (for detail) and 6 (for space), but would like to hear other's thoughts.

Comment 9

[Jeff Balogh (:jbalogh)]

I like #2.  It presents the info clearly, and looks much better than then floating numbers in #1.  Tag clouds are so web 2.0.

Comment 10

[Nick Nguyen [:osunick]]

I like 2 as well, the lines in 3 don't match any of the other modules and I think would stand out in situ.

Comment 11

[krupa raj[:krupa]]

I like #6 as it provides all information necessary without looking crowded.

Also, we use a blue tag(icons) for user submitted tags and green tags for those submitted by developers which is not represented in the other options for top tags module.

Comment 12

[Wil Clouser [:clouserw]]

Since there are no clear ends to the graphs in #2 I don't find them particularly useful other than to say 1 > 2, etc.  But maybe that's all we need.  Anyway, we need a decision here - is there anymore feedback?

Comment 13

[Chris Howse [:chowse]]

Attachment: #2 vs. #6 with 10 tags

@Wil: You're right, the bars are there just to show how the top tags compare to each other. Not the most useful thing in the world, but is clearer than the number in isolation and makes better use of the empty space on the right.

That said, I think I have to go with #6. I'm not the biggest fan of tag clouds, but I think their compactness gives them the edge in this case, especially if we want to show more than 5 tags. Mock attached for comparison.

Comment 14

[Wil Clouser [:clouserw]]

Alright, #6 it is.  -> 5.9 for implementation.  Thanks Chris.

Nick: If we don't replace the front page in 5.9 do you want this done in remora and zamboni?

Comment 15

[Nick Nguyen [:osunick]]

If it's not a huge amount of extra work, yes.  There are tons of tags in the system that no one knows about.

Comment 16

[Wil Clouser [:clouserw]]

wenzel: this is for zamboni only

Comment 17

[Fred Wenzel [:wenzel]]

Thanks for the reviews, Jeff. This is http://github.com/jbalogh/zamboni/commit/278a881b1954fd4f81a2377463f21e533fc584c6

Comment 18

[krupa raj[:krupa]]

verified at https://preview.addons.mozilla.org/z/en-US/firefox/

Comment 19

[Chris Howse [:chowse]]

A few tweaks, if it's not too late to get them in:

* Use the standard link-hover styling, not blue bg/white text.
* Remove the padding around the links, add a 8px right margin (or left margin for RTL).
* Give the tag cloud a line-height of 24px (3.07em).
* Make tags vertical-align: baseline.
* Make the border over the 'More' block dotted, not dashed.

(Just for the #tagbox, not the Top Tags page.)

Comment 20

[Fred Wenzel [:wenzel]]

Thanks for the hints, Chris. I added those: http://github.com/jbalogh/zamboni/commit/1779277fb20dcaab7935757434c55c468fbf7230