10

I was having a quick look at badges, when I noticed some minor styling that could be improved with the Recent Badges displayed in the right hand column:

enter image description here

Issues:

  1. Longer names cause the name to be wrapped under the badge.
  2. Badges link to the badge related activity of the user but are repeated unnecessarily when they could shown once like a header.

Proposal:

I guess the width of that panel isn't going to be changed for this, so I was thinking that a single header badge per group could be shown with a simple badge or other icon beside each user that earned it, so the links persist.

I've come up with the following alternative, using a simple "link" icon, similar to the one used on the toolbar when posting questions/answers:

enter image description here

Two links are required per row, as the first link navigates to badge activity related to the user and the second navigates directly to the user profile. Using a simple bullet point (as suggested in comments) wouldn't maintain both links and identify that there are 2 places you can navigate to.

Hopefully the new suggestion is less obtrusive and helps distinguish the header badges from the people that have received them.

12
  • 31
    Whoa, all those empty badges people got!
    – Oded
    Feb 17, 2015 at 15:18
  • 2
    @Oded my css hacks :-) does look a bit odd, but was trying to think of a way to avoid names wrapping under badges.
    – Tanner
    Feb 17, 2015 at 15:18
  • 11
    This is a good proposal, however those empty badges bug me. Couldn't they be just bullets? (Unordered list)
    – nicael
    Feb 17, 2015 at 18:04
  • 4
    I don't think that the wrapping around is a big enough deal to make that change. The empty badges look worse than having the names wrap around...the section is called "Recent Badges", so you should be able to see the badge name...
    – Alex K
    Feb 17, 2015 at 18:56
  • 7
    I would rather the column just be widened to take advantage of the fact that people use widescreen monitors in the 21st century
    – TylerH
    Feb 17, 2015 at 19:02
  • You don't even need the empty badges, except if you want to group tag badges together (but I guess the tag badges don't often get awarded in groups).
    – Joe
    Feb 17, 2015 at 19:17
  • 2
    @nicael - I like the idea of bullets only under the badge 'heading'. If gold/silver/bronze bullets have sufficient contrast against the regular background without the black pseudo-button, all the better.
    – user4039065
    Feb 17, 2015 at 19:36
  • 1
    @Oded does the updated image help with "all those empty badges"?
    – Tanner
    Feb 18, 2015 at 15:02
  • But why those links icons? Just bullets...
    – nicael
    Feb 18, 2015 at 17:05
  • @nicael read the second from last paragraph.
    – Tanner
    Feb 19, 2015 at 0:43
  • 2
    This design suggestion should get a big thumbs up from the relational database crowd.
    – user4039065
    Feb 22, 2015 at 18:15
  • 1
    Something about the grouping in this proposal is just SO AWESOME. It's not even absolutely necessary but man it would be so cool to see recent badges with a deliberate removal of redundancy. I guess @Jeeped I'm just a relational nut. Mar 14, 2015 at 10:00

0

You must log in to answer this question.

Browse other questions tagged .