7

I noticed that at some point today the UI for the activity pages on people's profile pages has changed for example:

screen shot of user activity page on Raspberry PI

The colors on the privilege and badge progress bars have changed as well as the location of the settings buttons for those progress bars.

Is there any reason for this UI change or is it some kind of bug?

6
  • Hope not a bug, may be their fix for this bug and some other design issues.
    – Arulkumar
    Jun 28, 2017 at 14:44
  • I don't mind the repositioning of the control, but those muted badge colors are much harder to see. What was wrong with brightly and loudly proclaiming your next target? Also, they fixed one alignment problem by creating another -- look at how your next badge in the center section is awkwardly misaligned with your next tag badge in the left section -- not far enough to be clearly "not intended to align", but not aligned either. Can't unsee! Jun 28, 2017 at 15:24
  • 1
    @MonicaCellio I understand what you're saying about the bottom row alignment in the badges box. I'll explore trying to align them better.
    – Hynes
    Jun 28, 2017 at 20:06
  • @Hynes Note that for moderators there is now a line break in the "helpful flags" line for users with >1000 flags, due to the number of declined flags appearing afterwards in parentheses. If this is worth posting as a separate question I'll be happy to do so. Jun 28, 2017 at 20:35
  • 1
    @Hynes I offered a suggestion in another answer here. Jun 28, 2017 at 20:42
  • I don't have a problem seeing anything. Perhaps it is the difference in your displays and mine (HP L1906 on a desktop)? Jul 1, 2017 at 18:17

2 Answers 2

7

Is there any reason for this UI change or is it some kind of bug?

The reasons for these updates can be found within this Meta.SO post.

the colors on the privilege and badge progress bars have changed…

These were lightened so that the copy could be more easily read.

…as well as the location of the settings buttons for those progress bars.

Yes these were moved out of the padding areas of the boxes, placed next to the labels of the item you could change.

6

I appreciate the effort to improve this part of the display. To improve readability (good!) we got faded colors, which are a lot harder for me to see. Look at the gold progress indicator:

MSO example

Also notice (and this was true before too) that we have two progress indicators side by side, one for tag badges and one for other badges, and their representations are completely different! One shows the badge name on a color-coded progress bar; the other shows the badge as a badge and separately shows a progress bar. We could bring these closer together:

design proposal: show next badge as a badge and show a tag-badge-style progress bar below it

This is a rough sketch and should be refined. The idea is to align the latest and next badges horizontally, put a progress bar below the latter with the numeric part above it like in tag badges, and try to line up the tag and other badge sections better. Not shown: it might then make more sense to put the gear over on the right, where the circled numbers are.

This eliminates the contrast problem entirely -- no more text over progress. All badges look like badges, including their brighter colors. All progress bars seen within a few hundred pixels of each other look the same.

Finally, I know this was done to align the containers. The badges section just doesn't have as much stuff to show as the rep/tag-badges section. That extra white space is going to have to go somewhere, or you're going to need to find something else small to add to the badge section. You've got extra white space now, too, at the bottom. My proposal moves the white space and maybe consumes a bit more of it, but you've still got a white-space problem.

1
  • 2
    Appreciate the post. I have some pending commits which address the alignment issues within the badges box. The idea of removing the badge / privilege progress bars altogether in favor the smaller progress bar is good one as well.
    – Hynes
    Jun 28, 2017 at 21:06

You must log in to answer this question.

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