Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 158 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

Badges look differently on each SE site, as per the unique themes of each site. However, when looking at the Summary of Accounts in a user's profile, the badges for all sites use the icon for the site that the viewer is viewing the page from at that time.

Badges on different sites

I think it would be an aesthetic improvement to keep the badge icons consistent with their site of origin, and not where they are being viewed from.

Suggested design

The effect of this change would be subtle, but I think it would help reinforce the appealing idea that the badges from the different sites are unique, different types of rewards, and make it more engaging to collect from all over SE as opposed to focusing on single sites.

share|improve this question
up vote 3 down vote accepted

I doubt this will happen, though not for the reasons mentioned.

From a design perspective, it's another variable to add into the profile page. The profile page already has a large number of variables within it based on a user's activity. This just increases the complexity. It's not an insurmountable challenge, but it does increase the complexity because every gold, silver, bronze color variation (they vary slightly between themes) works in every other theme. Are you looking to retain the shape more or the distinct colors too? That increases the challenge.

The way badge symbols are displayed would have to be revisited as well. Using a sprite sheet isn't a great solution currently and would only be compounded by this addition. Thankfully badge icons are pretty straightforward, so a easy solution to this is to recreate them with CSS instead of locking them within a sprite file. The benefits of this is it's one less HTTP request, symbols would be scalable and they would be retina/hd-ready as well. Some would prove trickier, but it could be done.

Neither hurdle is impossible. I just don't see it happening soon because work needed to properly deliver this without affecting performance and improving the design. Maybe in the future though. It's a good suggestion.

share|improve this answer
Eh, even if it were possible, a bunch of different icons in a single list would still be incredibly annoying (as I stated in my point #1). The example screenshot in the question demonstrates how terrible this would look pretty well. There's already a site-specific icon at the left - there's really no reason to make the badge icons site-specific too. – animuson Feb 23 '14 at 4:24
Just because the guy's mockup is poor doesn't mean it's 1) a poor idea or 2) couldn't be figured out. How can say that the way it would look would be "incredibly annoying"? Maybe it would work or maybe it won't work. You won't know unless you try. – Hynes Feb 23 '14 at 4:33

This will not happen. Displaying all the different icons will...

  1. Make the list look just plain weird. The numbers and icons will become incredibly misaligned and not match the site's theme.

  2. Cause a huge performance hit. In order to display any possible icons, you'd need a huge sprite sheet with every possible icon from every possible site that has a different theme, as well as extra CSS to properly size and position each icon next to the text. That's a lot of extra effort for a very small and unnecessary aesthetic change.

share|improve this answer
Great answer and reasoning! I didn't realize it was so difficult! ...I wish people would stop downvoting the question, though... – Southpaw Hare Feb 21 '14 at 21:43
Um... I can't seem to delete my question since you have answered it. I'd much rather get my points back and stop the flow of downvotes than have the question exist. – Southpaw Hare Feb 21 '14 at 21:55
@SouthpawHare votes on meta can work differently than on SO. It's just indicating disagreement for your feature-request. There's nothing wrong with the quality of your post: clear request, not a dupe, etc. In fact, I would like to upvote it if it's for quality, but I couldn't since I disagree with it. – Portal Feb 23 '14 at 4:16
@AndrewT. I see... – Southpaw Hare Feb 23 '14 at 6:26
I think that's a bit of a cop out. The CSS is already there, and the 'huge' sprite sheet probably wouldn't be that big. (I would expect it would compress very well given relatively small number of colors on the pallet... they're all golds silvers and bronzes!) – corsiKa Oct 29 '14 at 17:15
@corsiKa What do you mean the CSS is already there? No it's not. To make those icons work properly, you have to add a new CSS style for every single one to specify the exact x and y coordinates of each icon. – animuson Oct 29 '14 at 17:23

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .