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

bug status-completed

The Answers tab has a wider table than the rest of the tabs:

That table is also not responsive to horizontal scaling (up to a point).

Answer 2

bug status-completed

The text of the "Track the next one" button is hardly visible:

Answer 3

bug duplicate status-completed

We now have two wheels to track next privilege and badge. The wheels are vertically misaligned.

Besides, the tooltip overflows similar to people reached

Answer 4

bug status-completed

There's a missing closing parenthesis in the bounty expiration message in the Bounties detailed view.

Answer 5

bug status-completed

My post is similar to this post: https://meta.stackexchange.com/a/372631 (that post talks about Reputation tab https://meta.stackexchange.com/users/846219/random-person?tab=reputation, I am talking about https://meta.stackexchange.com/users/846219/random-person?tab=summary).

In the Reputation section of the Summary page, reputation drop is still shown in green colour.

It should be red.

Answer 6

bug localization status-completed

Some sentences don't use the translations. There are already translations on Transifex for "Accepted answer" and "Summary", but they aren't used. "View answer" isn't available to translate yet.

Answer 7

bug status-completed

In the All actions section, only two lines of a comment are visible. On my phone screen, at my default font size, that works out to around 110 characters, with no way of revealing the full comment on the Activity page. This makes it very tedious to search comments. Eg,

Please consider adding a button to display the full comment contents. Note that you could save a line by moving the comment time/date to the top line...

---

This change has been rolled back. See https://meta.stackexchange.com/a/376552/334566

Answer 8

bug status-completed

Followed answers are shown as their question instead

On the "Summary" and "Following" pages, followed answers are showing their question instead, including the post icon, the post body, the accepted status, and the stats.

Example: When following a question and 2 of its answers, this is how it looks on the "Summary" page:

• The icon for the answers is shown as "Q" instead of "A"

• Both answers have their accepted status, while only 1 is truly accepted

And this is how it looks on the "Following" page:

• The icon for the answers is shown as "Q" instead of "A"

• The question doesn't show the post body, while the answers show the question's body

• The stats like the number of the answers, the total score votes(?), and the number of bookmarks are using the question. (Views stats is an exception since there's no explicit view counter for each answer, and thus it's by design to use the question's view implicitly)

---

Fixed as of current writing:

• Followed answers are now showing "A" icon and their post body, score, and acceptance status.
• Followed questions are now showing "Q" icon and their post body, score, views, total number of answers, and whether an answer is accepted.

Answer 9

bugstatus-completed

Bookmarks of deleted questions should display with a pink background.

Apparently followed posts do display correctly according to zcoop98.

My profile has a bookmark of a deleted question that's visible if you sort by newest. You'd need to be a moderator or have > 10K rep to see this particular bookmark.

Answer 10

I love that you made this video available, but to properly test how this works I would love to have a live demo version of this. That would also allow the CSS-savvy users in the community to tweak the CSS and suggest fixes or improvements where necessary. Can we please get such a version before this launches?

Answer 11

No functionality has been lost

Pedantically speaking, that's not quite true.

There used to be a hidden way to get to a user's network profile even if that site's profile was listed as a hidden community on their network profile. While the link at the top would be removed, the heading "Account" on the activity tab's Summary page would still link to their network profile anyway. That link has now been removed.

I think it's still useful to have a link there. It's come in handy in many cases, such as if I want to find their chat profile, or if I'm investigating something to report to a moderator.

When users enable a hidden community, they're notified and explicitly agree that the mechanism will only obscure the most obvious details and not more subtle ones. As it's unlikely that users would go to such a deep level to get a network profile, I think this link should be added back, or an alternate way added to get to the user's network profile. (Also, if the user has hidden all of their communities, the network profile's Accounts tab will show nothing anyway.)

Answer 12

Any plans on the empty space next to watched/ignored tags in the profile?

If not, why spend a row per tag?

Answer 13

bug status-declined

Please put the date in a consistent place:

I get that on very small widths it is necessary to put the date on a new line at some point, but when the tags already span two lines, the date doesn't need a third. Can this third example be made consistent with the second row here on the Questions activity page.

Answer 14

bug plurals status-planned

Questions on many tabs are shown as having '1 bookmarks':

(I checked the Questions, Bookmarks and Bounties tabs, but it's probably implemented as a shared component anyway.)

Answer 15

bug plurals status-planned

Entries in the list of tags on the Summary page and the Tags page say "1 posts":

Answer 16

status-review

On some sites, e.g. the non-English Stack Overflow sites and English Language & Usage, the graph in the reputation widget is pushed down. This makes them look ... off ... and leads to enlarged 'Badges' and 'Impact' widgets as well.

This is how it looks on other sites:

Answer 17

feature-request

The recent tab of the badges section used to order newest to oldest badges vertically in columns. Now they are ordered horizontally in rows. It was much easier to understand the progression and follow it visually with the older layout. Can this be reverted to how it was?

Answer 18

feature-request status-bydesign

Under the Activity tab, the Navigation title to the different activities selection is clickable, but it doesn't link to anything. Additionally, "View all activity pages" is also clickable, suggesting a view of something that isn't available.

Rather remove "View all activity pages", leaving the title Navigation and remove the clickability.

Answer 19

bug

Please bring back the exact time in the reputation tab in the "time" view.

Currently, the time shows when in "post" view, but is hidden in "time" view unless there is a collapsable post. This is what I see now:

As you can see, when there is a post that can be expanded the time shows, but in all other cases there is no time. It would be much more consistent to show it all the time.

Answer 20

feature-request

Make the headers on summary page links to subpages or add a link for "reputation".

There is a small link under "answers" and "questions" and everything else, but there is no link for "reputation" section. The blue link is for something completely different.

Maybe, it would be a good idea to move the blue link below the list and in its place put a link to the "reputation" page? Or maybe it would be a better idea to make the headers clickable.

Answer 21

bugreputationstatus-review

Please compare these screenshots of the reputation page,

Sorted by post:

Sorted by time:

Can we please be consistent in the use of a red fill?

Answer 22

feature-request

Is the "View answer" link really necessary?

Android v.11 Galaxy XCover Pro, with Google app version 12.41.19.23.arm64

When I select Answers* from my Activity page, both the question's title and the option to "view answer" are identical links to my answer.

Q: Is there a need for two things in close proximity that do the same thing?

Also, by removing the "View answer" link the layout would then match the Questions page for consistency (and, in my opinion, be more aesthetically pleasing)...

---

*Or via the "View all..." option

Answer 23

bug

Posts background on different listings do not change when the post is deleted.

E.g. this is a followed answer and is looks like this on the list:

While the answer itself was deleted:

Same with a followed question:

Which is actually deleted:

Not having this info on the list directly it's quite inconvenient.

Same happens in other listings, as "Bookmarks", etc.

Answer 24

feature-request

When you have offered multiple bounties of different values, the columns don't line up all that well (talking about the summary page). For instance, on my profile page, the columns saying the score of the post I offered bounties on don't line up:

Can this please be changed to make the comments line up more?

Answer 25

bug status-planned

The link 'x prior review suspensions' (visible for moderators after clicking 'Account info') overflows on smaller screens:

Answer 26

bug status-deferred

After this FR that asked to restore numbered changes in the blue dots. I can notice the number is not centered within the dot so creating an awkward visual impression.

Answer 27

feature-request

Wrap Answers and Questions on Summary if two columns view is engaged, like reputation:

Answer 28

bug

Results for suggested edits are in the wrong tense:

I didn't approve these suggested edits, I suggested them. They were then later approved. Similarly, suggested edits which used to be listed as "Rejected" now say "Reject"

Answer 29

bug

Answer timestamp overflowing answer component (on the SO activity page, Newest and Activity tabs, and most likely Votes too, though this answer isn't highly upvoted).

In this second example, the question's title is "Reading " followed by a long path that is technically one word.

Reproduced in Firefox and Chrome.

Answer 30

The design isn't great unless you're on mobile (I logged in for the first time on my phone and hit over to the desktop site just to check it out) - though it is much better now than it was this morning, there's still a few issues:

First the amount of content - there used to be more. Every section now seems limited to 5 items (or less in sections with other content like the reputation preview). Taking up more space for less content still isn't great, and nowhere is this more noticeable in the tags section, where before I had more than double the tags showing for my top tags, with 2 or 3 per line, rather than 5 even bigger lines of 65% to 79.3% wasted white space.

Second the summary responsive sections. At my full screen size (1900 x 1820) the summary section is three panels side by side which all look fine. I dragged the browser to the edge of the screen to get windows to tile it at half width (two side by side windows) and got this. It looks fine on other sites where I have 2 or all three badge classes, but if you only have bronze badges, the full width badge bar with the centered number looks overly stretched.

Third, the look of the reputation preview itself. I can't go back and verify it of course, but I believe the old design had space between the bars for the days - the new design is harder on the eyes, with wider bars and no separation, and if a user has pretty consistent changes, makes it hard to tell how many days the graph represents.(This has been changed, thank you)