-264

Update 2 - December 8, 2021: We’ve shipped a bunch of refinements over the last 24 hours or so. We’re going through the bugs and design requests and marking them with the proper tags. There’s a lot here, so it’ll take us a minute. We’ve done the following to address your design feedback in the near term:

  1. Switched to the smaller version of questions / answers from the Profile page, thus changing the font size.
  2. Reduced the padding on individual items while maintaining this newer aesthetic.
  3. Grouped questions, answers, tags, and reputation as columns again.
  4. Upstreamed a smaller font size to our design system’s post summary component.
  5. Various smaller visual refinements.

Update 1 - December 7, 2021: This was rolled out on Stack Overflow and all Stack Exchange network sites.

After receiving and incorporating feedback the community (thank you!) we’ve launched the responsive Activity page! The most common feedback we received was that we’re straying too far from a summary for the summary view. This feedback was not only valuable but also correct!

We reconsidered the value of information shown on post summaries and condensed them significantly from our initial redesign. We also made tons of little tweaks and fixes along the way. We’ll be triaging bug reports as they come and we know there’s still room for improvements, so suggestions are welcomed and encouraged! Thank you in advance!


Original post - November 19, 2021:

In our continued effort to deprecate our mobile views, we’ve turned our attention to the Activity page. We’re planning on shipping the changes next week sometime soon and wanted to show it off first.

Check out this 5 minute tour of the Activity page and let us know what you think. The feedback we’ve received so far has been invaluable, not only in identifying bugs, but also in helping us reflect and be thoughtful about the changes we’re making.

What’s new?

Horizontal navigation turns vertical

The navigation includes all the same items but is now placed vertically to the left of the column of sections to fix moments like this. It’ll allow us to add more functionality in the future without breaking the layout or introducing any wrapping.

horizontal navigation on the activity page

Two columns become one

The most obvious change might be the switch to a single column for Activity sections. All of the same (and a little additional) information is here, but now it’s within a single column that squishes comfortably all sorts of browser widths.

Post summaries

We’ve switched post summaries to use the post summary component in our design system. In the process, we’ve added more details about each post such as views, answer counts, tags, and an answer excerpt on answers. This component has been designed to be responsive and show information in a compact but digestible format.

new post summary component in wide browser window new post summary component in mobile-width browser window

Summary stays on “Summary”

Quick reference information will only be shown on the Summary page (which is the base Activity page). It made sense to show “Summary” on Summary and to not show it elsewhere. Less stuff to scroll past to get to the stuff you want to on other Activity pages.

activity answer page without summary section

A handful of other changes

In this process, a lot of little things were tweaked and polished. This includes empty states, improvements to the reputation changes view, accessibility improvements, and much more. No functionality has been lost so if you find anything broken, missing, or out of place, please let us know. We appreciate it!

redesigned activity page shown in both wide browser window and mobile-width

59
  • 215
    Somehow I missed this thread entirely until just now. With features like flexbox and grid solidly supported for a few years now, can you speak to why desktop users are forced into this one column layout now? It probably works great for mobile users, but it's a clear and huge regression for people with bigger screens, like laptop and desktop users. I mean, here is a comparison (granted, MSE vs SO, but still): i.stack.imgur.com/QNRcM.png On the old layout, I can see 6 full sections. On the new layout, I can see... 1 section and a little bit extra.
    – TylerH
    Dec 7, 2021 at 19:29
  • 34
    In addition to the tablet optimized size of objects which alone makes this a horrible experience, most of the summaries are now presented to the right on my desktop screen instead of in the middle. Why?
    – Ted Lyngmo
    Dec 7, 2021 at 22:18
  • 34
    I use the all actions view to look at the comments I've made so I can check questions that interested me and see if there was a resolution. This new view is much less usable for me than the old one. Everything is way too tall. Why does the time need it's own line? Put that next to the type of action. The votes view is also full of wasted space. I don't see a way to see individual flags I've raised either, just the number of helpful. Not a fan of this new layout. Dec 8, 2021 at 2:22
  • 118
    Man, I read this whole thread several times a few weeks back, and somehow it had never dawned on me that any of this would affect me on desktop. It was framed as improving something about mobile users, so I didn't worry about it too much. Now that it's been deployed to SO...yeah, I hate it. It feels big and clunky and mobile-like, even though I'm on a 4K monitor. So much less information :/ Dec 8, 2021 at 5:38
  • 31
    The fonts, size, proportions, positions gives much strain on eyes. Is there any way to bring it back to normal? atleast to someone who opts to? Dec 8, 2021 at 6:00
  • 84
    What is responsive on a page with the whole content in one column? WIde screen, narrow screen - all looks the same. The same unusable.
    – Neumann
    Dec 8, 2021 at 6:53
  • 92
    Late for the party, but I'll explain my downvote: you made awesome work with the view for mobiles and small screens, but in the process made it appear way worse than before on PC with big screen, which is what I happen to use. Enormous amounts of whitespace, and overall feeling it's a page designed only for mobile. Dec 8, 2021 at 10:06
  • 65
    Everything is way too big, when I open a profile page I practically see nothing of interest to me because everything is big enough to read it from across the room, but nothing is really shown! This doesn't make anything more clear or less cluttered, it just adds to scroll wheel wear! (this is on a 1600x900 14" screen)
    – Skillmon
    Dec 8, 2021 at 10:34
  • 88
    I downvoted because: (1) The new design is, at first glance at least, terrible: vastly less information per unit area, to no apparent benefit. (2) The oblivious disconnect in tone between "We implemented this awesome new feature we're sure you'll love, isn't it great?" versus the nearly unanimous actual feedback the feature is receiving. Dec 8, 2021 at 12:33
  • 59
    This design is perfect... for vertically oriented screens around 3 inches wide. The problem is the bulk of use on this site isn't on mobile devices, it's on desktop. People are asking questions and seeking help while coding. The old design was far better on desktop screens - this one takes up too much space, uses too large of fonts, and requires a lot of horizontal eye tracking and vertical scroll to read anything - not to mention much of what was on the page is lost, like seeing more than 5 tags or accounts.
    – Andrew
    Dec 8, 2021 at 19:43
  • 37
    Like others said, this is a major turn off. Horizontal goes vertical? But I am using a 16:9 screen. Exclusively. Horizontal is a desirable. And I thought responsive means roughly the same is easily configurable by the user. Dec 8, 2021 at 20:21
  • 40
    As someone who typically spends hours a day in stackoverflow and a lot of time watching activity in my reputation page (609k reputation), the newest changes are way less usable. I work on a 36" screen and it feels like there's only about 1/3 the amount of information on my screen now and things always start out collapsed, causing more clicks to see less information. This is a worse UI in all regards on the desktop with a decent size screen than what we had before - please put it back. I actually thought some setting must have been accidentally changed, but no, I'm stuck with this.
    – jfriend00
    Dec 8, 2021 at 22:03
  • 43
    When this plan was first announced why was it not PROMINENTLY explained that it applies also to users others than those on mobile devices? I'm sure you would have gotten most of today's feedback in due time that way rather than having to face today's critical sh*#¤%storm. I feel bad about airing my displeasure in a non-constructive way, but I cannot help it. This update is simply awful on my laptop. Even before the update there was too much whitespace on the sides, and now it is much worse. Dec 8, 2021 at 22:24
  • 37
    I have changed my upvote to a downvote. Initially, it looked like you were going to provide improvements, but after it went live and I saw how bad it looked like I change my vote. I think the majority agrees that more whitespace is a bad thing. We want to see as much information as quickly as possible. We don't want to scroll or press secondary buttons to load more content.
    – Dharman
    Dec 9, 2021 at 13:03
  • 44
    After years being on SO, I joined Meta SE today to request: please rollback. Please. I had no complaints about the old layout. While the new design looks nice, it's difficult to use. Great on phones, but consider, how many people are coding on their phones? So again, please rollback. Please. Thank you.
    – pylang
    Dec 9, 2021 at 22:26

217 Answers 217

1 2 3
4
5
8
9

Bring back the faint yellow coloring of the new reputation events.

Fix the faint yellow coloring of the new reputation events when sorting by Post

Why are events sometimes highlighted in yellow?

This represents new events that you haven't seen yet regarding your reputation. They are only highlighted for that single view of the page. If you leave and return to your reputation history, they will no longer be highlighted. The total amount of the highlighted events should add up to the number in the bubble of the reputation tab itself (excluding any removed and reversal events). This bubble is meant to indicate the total amount your reputation has changed since you last checked the reputation tab. It will not appear until you've visited the tab at least once.

How do I read the history of my reputation?

Update: I just (Dec 21) noticed that the yellow highlighting only works when sorting by Time, and not also by Post as it used to:

enter image description here

So I've changed it to a bug report.

9

Newest badge is not aligned with Next badge.

Screenshot of badges in Summary


This is how it looks now:

Screenshot of badges in Summary

I think it can be improved further.

9

It would be nice if all of the code blocks could be contained inside the table. It doesn't seem to do this for at least the "Posts" under "All actions". I know the word "under" is incorrect. It should probably be:

In the submenu of "Posts" in the menu of "All actions"

Example: Very wide codeblock that extends way past the table

Note that the width of the table is around the dates "Apr 17" and "Mar 17" at about 1/4 of the total width here. The window is this wide because the post above expanded it to that, and it doesn't seem to come back, once the window has been expanded.

3
  • 1
    @DanCormier I'm still getting this under "All activity" in "All Actions" when I drop down some of the "revised" items. Except it takes the entire table with it. Dec 9, 2021 at 20:15
  • @DanCormier You have marked this post as status-completed. But it is not at all completed. This issue seems to be in every single tab where it's possible to expand a post. What do you suggest I do to un-status-complete this until it's actually really status-completed? Meaning this issue is no longer present on the entire profile page including every tab? Jan 2 at 14:03
  • 2
    I mistakenly tagged this as completed and I've now switched the tag to planned. Expect a proper fix soon.
    – Dan Cormier Staff
    Jan 4 at 16:04
9

Perhaps the inverse of Choosing a new tag badge to track is not possible - I've just earned a regular badge on Worldbuilding SE:

enter image description here

but when I click 'Track the next one' all I see are tag badges:

enter image description here

When I click a badge, it tries to save my choice with a POST call (relevant part below):

curl 'https://worldbuilding.stackexchange.com/users/activity/next-badge-popup/save' -X POST 'fkey=...&badgeDatabaseName=technology&isTagBadge=true'

but the call silently fails and returns the 'Reputation' widget:

enter image description here

After clicking 'Let us pick', the situation reverted back to normal. This was not just a one-off; this morning I was able to reproduce it on UX.SE.

2
  • I haven't narrowed it down more, but if you click enough times between both track next badge dialogues they will get stuck after a while.
    – bad_coder
    Jan 18 at 17:06
  • 1
    Still an issue, this just happened to me here on MSE, I just earned Civic Duty and it kicked me over into selecting a tag badge when I tried to pick the next one to track. Has nothing to do with clicking between things as it was my first click on a new tab where I opened my profile via middle click.
    – Andrew
    Feb 12 at 19:28
9

Why are these signs (< >) there in Responses tab (for Answers and Revisions)?

Screenshot of Responses -> Answers

Screenshot of Responses -> Revisions

5
  • Try to expand the post, these arrows actually are scrollbar, but weird. Dec 8, 2021 at 20:11
  • @αλεχολυτ hmm.. but I am unable to scroll the scrollbar. So what's the point of having it? i.stack.imgur.com/XSyrZ.png Dec 8, 2021 at 20:14
  • 1
    Seems just invalid content width calculation leads to this behavior. Dec 8, 2021 at 20:16
  • 1
    The width calculation of all the content is invalid I guess.. @αλεχολυτ Dec 8, 2021 at 20:18
  • @αλεχολυτ Also, why should scroll bars be shown before expanding the post? Dec 8, 2021 at 20:37
8

There are text overlapping on Reviews tab on Stack Overflow in Russian:

enter image description here

5
  • 1
    This is what happens when localized content tries to fit in a 96px width box [wink wink] Dec 8, 2021 at 20:46
  • 2
    @OlegValter when респонсивнэс meets localization. Dec 8, 2021 at 20:51
  • 2
    This also happens on non-localized sites for the longer descriptions like "edit and leave closed".
    – bad_coder
    Dec 9, 2021 at 2:37
  • 2
    @αλεχολυτ more like стрэтчинес - not sure I can call the redesign truly responsive in the technical sense of the word. Dec 10, 2021 at 20:45
  • 1
    Confirmation of issue on non-localized sites: i.stack.imgur.com/Sf2x0.png Jan 8 at 15:43
8

Sorry, SO, but to me, this is one of the worst releases in a long time. Have you taken feedback from users before deploying it? I'm sure you did, however, from the sheer amount of negative constructive feedback, it seems you haven't properly gone through the UI/UX processes (e.g. focus groups).

There are a lot of things in the new UI that makes it more difficult for me to grasp the information on the profile page. As others have said, the information density change is a regression here:

  • there's less information shown in the same amount of space
  • we are shown information that we don't necessarily care about, adding to more space wasting

There is room for improvement, here's one suggestion from me regarding the reputation tab.

Currently, it looks like this: enter image description here

This wastes three lines, which could fit very well into one: enter image description here

5
  • Can’t remove “upvote”; this is what tells you what caused the positive reputation change. I think I’d prefer two lines in that box: first one says “+10 upvote · 3 hours ago”, second one includes the title. Although, the timestamp doesn’t always appear… Dec 9, 2021 at 14:48
  • @SebastianSimon the "upvote" part can be inferred from the green color of the score box. It can be added maybe right before the score change, so we keep everything on one line.
    – Cristik
    Dec 9, 2021 at 15:19
  • Approved suggested edits, accepts (both passive and active), bounties, and the association bonus also add to your reputation; these are very different events. Not every positive reputation gain is from an upvote. Dec 9, 2021 at 15:22
  • 1
    @SebastianSimon, good point, and the actual score doesn't help discriminating about the reason in all cases, for example 10 points can come either from an upvote, or voting correction.
    – Cristik
    Dec 9, 2021 at 15:27
  • 1
    This is one of the changes that I suggest here, but I like the mockup.
    – Ryan M
    Dec 9, 2021 at 23:10
8

There's some inconsistency in the punctuation between sections without items in the activity summary. Some have a full stop (e.g. Articles, Reputation, Bookmarks) while other don't have a full stop (e.g. Votes cast, Bounties, Answers, Questions).

screenshot of section in activity summary

8

Answer text hard-wraps on "answer" tab:

BUG

8

There is no need to include the number of bounties in parentheses:

enter image description here

The number is duplicated in reference below it ("View all # bounties"), like all the other boxes. And when there's no bounty (0), this is described in the box.

Please remove it.

8

Followed posts start with an empty line if the post title is long. (In the activity summary.)

screenshot of followed posts in summary

7

Please switch back to black colour in Ask Ubuntu.

Screenshot of Questions tab in Activity in Ask Ubuntu

The orange colour looks yucky!

1
7

Tab bar (on "All actions" subpage) bounces to different position on some condition (seems depend on title width). The following GIF is from my ruSO profile page:

bounce

7

When you downvote a post and then vote to close, the vote tab gets broken. Trying to expand the downvote before expanding the closure vote breaks UI.

enter image description here

The post above has a weird loading icon that is flickering. The content does not load.

If I press the closure button first and then the downvote, it loads the content but under the closure instead.

1
  • 1
    Despite the similar appearance to this bug, this is a different bug, and still broken even after that was fixed.
    – Ryan M
    Dec 9, 2021 at 0:07
7

Insufficient contrast between text and background on chip for questions with accepted answers

"9 answers" in white on pale green

The contrast ratio between the white and pale green is 2.52:1, less than the WCAG standard of 4.5:1 for body text, or even less than the standard for large-scale text (which this isn't) of 3:1.

Qualitatively, it's also just kind of difficult to read.

7

For the current logged in user and for moderators the total number of network accounts should count hidden accounts too.

The display is correct for viewing other people's accounts if you're not a moderator as it correctly does not count their hidden accounts.

My own total account count for example should be 21 when I look at it, but 10 when any other non-moderator looks at it. After all if I've 11 hidden accounts I can hardly have 10 accounts in total. And of course if I click on the link, I will be shown all 21 of my accounts.

Hidden and total accounts

7

Tooltips for bookmark remove/unremove item look reversed. E.g. click on bookmarked post shows "Remove bookmark" menu item and "Bookmark this question" tooltip:

Remove bookmark

Similar situation after the click was made.

Bookmark

Futhermore, it seems that tooltip is even more correct than menu item. I.e. the bookmark is deleted when I press "Bookmark" (sic!) item. Click on "Remove bookmark" returns the question to bookmarks list. You can test it by reloading the page.

7

In the Activity -> Summary -> Bounty section, for "1 bounty" the text is displayed as "1 bounties".
It was properly handled in the Activity -> Bounties menu. Can this be fixed?

Screenshot for reference: 1 bounties

1
  • 3
    something deprecated about something deprecated with something deprecated. Seems like there are quite a few pluralization issues this time around Dec 9, 2021 at 20:26
7

There is an invalid pluralization for views with k suffix in questions section of profile:

k views

Resulting string (with k suffix) should not rely on precise views count. Otherwise same values like 2k in the picture above would have different word after the values, actually based on values 2173 and 2105 respectively (this is wrong).

In contrast the correct pluralization wording is used on site's questions page:

Question list

7

I see two same icons in my profile Summary near Next tag badge

Chrome 96, Linux 20.04

enter image description here

4
  • 1
    already reported: meta.stackexchange.com/a/372632/361484
    – Luuklag
    Dec 10, 2021 at 8:16
  • 1
    @Luuklag The other report you commented on complains that the two icons are misaligned; that's no-repro for me. This report is that there are two identical icons next to each other that perform different functions, the implication being that each should have a distinct and function-differentiationing appearance so one doesn't have to tap each one (no rollover on Mobile) to distinguish between the two.
    – Rob
    Dec 10, 2021 at 8:53
  • 1
    The bug is that the left cog after the text "next tag badge" looks like it duplicates the function of the cog next to the text on the right after the words "next badge". The leftmost cog should be changed.
    – Rob
    Dec 10, 2021 at 9:46
  • 1
    Rob is right. The reported issue is different.
    – vitaliis
    Dec 10, 2021 at 15:26
7

Bookmarks page doesn't link to most recent activity when sorted by Activity

When the Bookmarks view is sorted by Activity, the links on the page are supposed to link directly to the post which had the most recent activity. Now, they only link to the question when sorted by "Activity".

Here's a screenshot showing the first bookmark on my list, and the URL that it is going to (you can see it's the question that it's pointing to, not a specific answer): Bookmarks page with my mouse hovering over the first bookmark

And when I go to the question and hover on the date hyperlink under the title (the "Active today" text), it shows me the real location of the recent activity:

The question page's recent activity link showing it isn't the Q that was updated, but an answer somewhere

Clicking it of course still takes me to where I should have gone in the first place:

The answer with the most recent activity... where I wanted to arrive when I clicked the link from my Bookmarks page

You can see that's the right place because the dates in the tooltips match in screenshots #2 and #3.

7

All the green boxes below take you to the relevant activity tab, except for Reputation, which heads you over to the reputation league. For consistency, I'd suggest changing this read "View reputation changes" (or similar) and to also head over to the reputation tab.

enter image description here

One can keep the league reference under the Summary tab's reputation, as its an appropriately different location.

2
  • I don't think clicking "top 3% overall" should lead to two different locations. Renaming it on the Reputation-box in the page would make for less confusion, if it leads to somewhere else than the league. Dec 10, 2021 at 18:11
  • 2
    @Unconsidered: I implicitly meant that the text "top 3% overall" should also be changed to something similar to what is listed with the other boxes, like "View [all] reputation changes". I put [all] here since you'll only be able to see all reputation changes on your own profile. So maybe just "View reputation changes" or "View reputation"... I'll update the post to be more explicit about the text.
    – Werner
    Dec 10, 2021 at 18:30
7

The reputation graph used to have a highlight on hover around the bars. That highlight isn't visible and it was useful to count days without scoring on the graph; besides being visually helpful to distinguish which bar on the graph you are on.

It's appears to be shown working on this recent post.

Here's an Image for comparison taken from a much older post.

enter image description here

2
  • 2
    @Vanny I suppose the current criteria for marking as duplicate is posts addressing different bugs in the same element. That is somewhat unusual since it's not certain if the devs want to retain different functionalities that went missing on the same element. Hence most posts followed the usual method of addressing bugs separately.
    – bad_coder
    Dec 10, 2021 at 18:57
  • 1
    Possible REGRESSION! I think the highlight was working briefly but it's not working anymore.
    – bad_coder
    Dec 12, 2021 at 2:27
7

Currently there's one tooltip missing for the posts edited field. There is also an inconsistency in styling between the tooltips.

enter image description here

7

Please consider changing colours of Approved and Rejected to green and red respectively.

enter image description here

1
  • 4
    I think the FR about Red/Green for Approved/Rejected suggested edits is really cool (that can also apply to the corresponding reviewer, not just the editor). I was thinking about that but went with posting about the broader possibility of adding further color codes for other actions.
    – bad_coder
    Dec 11, 2021 at 17:53
7

The Reputation box in the Summary view doesn't list reputation increases for accepting answers as correct:

Reputation box in Summary view:
NB: green bar showing rep increase, but no activities listed

Reputation view for same user:

7

In some cases I think the empty sections in the summary page stick out like a sore thumb. For example, in the following screenshot the bounties tab actually has information but takes up 2.5X less space than the empty Accounts section.

enter image description here

The issue becomes more noticeable for profiles that mix used sections with empty sections. In this example I have to scroll through 1 full screen of nothing...

enter image description here

Until finally getting to the voting summary at the bottom...

enter image description here

Can the empty sections be made shorter vertically if unused?

0
7

In All Actions -using responsive design- most pages now have the timestamps aligned by the end of the title. This does not happen using the page in full screen.

screenshot of all actions

7

When you expand and contract a post highlighted in the Votes tab, the box doesn't close to the same vertical position:

enter image description here

1
  • @DanCormier: ...I still see this as an issue under Chrome. With the status-completed tag, will this be rolled out later?
    – Werner
    Dec 18, 2021 at 19:14
7

The "Questions" section of the Activity tab has a misaligned timestamp.

MacOS Catalina, Chrome 96.0, screen 15.4-inch (2880 x 1800).

enter image description here

4
1 2 3
4
5
8

You must log in to answer this question.

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