New responsive Activity page

Question

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.

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.

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.

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!

Answer 1

status-completed

Any reason upvote has green background, but downvote/closure only red text, so upvotes stands out more?

Answer 2

feature-request bug

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:

So I've changed it to a bug report.

Answer 3

bug status-completed

Newest badge is not aligned with Next badge.

---

This is how it looks now:

I think it can be improved further.

Answer 4

status-planned

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:

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.

Answer 5

bug

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

Answer 6

bug

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

Answer 7

feature-request

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:

This wastes three lines, which could fit very well into one:

Answer 8

bug status-review

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).

Answer 9

bug status-completed

Answer text hard-wraps on "answer" tab:

Answer 10

feature-request

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

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.

Answer 11

bug status-completed

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

Answer 12

feature-request

Please switch back to black colour in Ask Ubuntu.

The orange colour looks yucky!

Answer 13

bug

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:

Answer 14

bug

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.

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.

Answer 15

bug accessibility status-review

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

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.

Answer 16

bug

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.

Answer 17

bug

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

Similar situation after the click was made.

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.

Answer 18

bug plurals

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:

Answer 19

bug localization

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

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:

Answer 20

bug

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

Chrome 96, Linux 20.04

Answer 21

bug

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):

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:

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

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

Answer 22

feature-request

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.

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

Answer 23

bug status-completed duplicate

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.

Answer 24

bug

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

Answer 25

feature-request

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

Answer 26

bug

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:

Answer 27

feature-request status-completed

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.

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...

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

Can the empty sections be made shorter vertically if unused?

Answer 28

bug status-completed

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.

Answer 29

bug status-completed

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

Answer 30

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

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