-432

Update 1 - 2022-01-25

Most of the reported bugs have been squashed. We're currently gathering together all the and feedback items to decide how we want to alter the design. Thank you everyone for your feedback.


Original Post

tl;dr

We’re starting a rollout of the new post summary design to many existing screens, starting with greatest hits. This will be a slow rollout, with only one set of related screens changing at a time.

What we’re shipping now

We’ve built a new component to replace the existing post summary implementation. We aimed for ~100% data compatibility with this implementation so that users are not losing any statistics or features. That being said, our desire to leave the existing data intact as much as possible has led to sub-optimal layouts in a few uncommon scenarios, particularly for the display of community wiki posts. Work on these experiences is ongoing and will improve over time.

For the initial announcement, we’ve migrated /questions/greatest-hits to use the new implementation. This way, users can have a tangible example they can use today, before we roll out the design to more and more screens. Why did we choose greatest hits to start with? It was an ideal screen for many reasons:

  • Entirely standalone - no dependencies on other screens/processes and not depended on
  • Low user impact - low traffic, infrequently referenced and not terribly well known (even among employees!)
  • Uses the exact same component code and layout as /questions - users can see this as a very close preview for what will be shipping there later on
  • In disrepair - the screen was already showing some signs of neglect and really needed some love <3

Before

post summary before

After

post summary after

What we’re shipping later

In addition to greatest hits, we’re aiming to roll this new design out site-wide. The areas we’re concentrating on first are the main areas of the site that still have mobile-only layouts. As we remove our final mobile views, we need to ensure that the remaining responsive views actually look good on smaller screens. More specifically, the following high traffic views are next on our list:

  • / (home / recent questions) - our “QuestionMini” layout questionmini layout
  • /questions/* (question list, list by tag, search, etc) - our “QuestionSummary” layout
    questionsummary layout

Work on these screens has progressed fairly far already due to most of the necessary work being in the creation and implementation of the underlying component. However, we’ve decided to hold off on the rollout until after the community has had an opportunity for processing the design changes and to offer us feedback.

Eventually, everything will be the new post-summary design, but it may be some time before the changes reach the long tail of our many different views.

Where we are currently using this design

Despite my claims above that this is a “new” design, we’ve been using it in a number of places across the site for quite some time. A (non-inclusive) list of places that are already using the post-summary design:

Why we’re making these changes

Our current designs have withstood the test of time, but they fall short in many areas:

  1. We generally assume 3 items of metadata: score, answers, and views. If we want to add new entries for e.g. bookmarks or revisions, it can be difficult to create a consistent layout in a list of questions.
  2. Inconsistencies in implementation have led to several different layouts across the site. When gathering requirements for a unified post summary component, we found at least 5 (five!) different layouts.
  3. Scaling the design is tricky, both in window size and adding features and functionality. We need to support all sorts of metadata on all sorts of devices.
  4. Our post summaries were only designed to support questions (and answers, kinda). We need to be able to display various content types in single lists. For example, in a list of notifications, we may want to present an article next to a question.
  5. We have no unified place to put an action menu.

Our new post-summary design solves these problems while supporting future features we’re exploring. Some features we’re looking forward to are:

  1. An arbitrary, scalable number of stats
  2. Multiple different content types
  3. A consistent location for post actions
  4. Scalable excerpts
  5. Responsive layouts
  6. A single consistent layout regardless of what data is included

How this component was designed

An early version of this component first appeared in Stack Overflow for Teams in a feature called For You. For You is a rich list of notifications that include questions, answers, and articles.

The existing designs were desirable for familiarity, but just weren’t well suited for the task. After the initial proposal and some iterations with our team of designers, the new post summary design was ready for user testing.

User testing was run with ~170 recently active users against 5 different versions of the post summary design (two of those being existing designs). The chosen design performed better than the existing designs in some metrics (including readability) and never worse on the remaining metrics (including familiarity, data absorption).

After this new design tested well, the design systems team gathered further requirements from across the organization and built it out as an official Stacks component. If you’re technically inclined, you can see some of the iterations in various open source pull requests.

If you’re familiar with the design tool Figma, feel free to check out some explorations prior to us moving into code.

FAQ

Q: What if I find a bug/regression?
A: Report it as an answer to this post - one bug per answer please. If you’re feeling charitable, add a [tag:bug] tag to the top of your post so we can more easily find it.

Q: What if I have constructive feedback, but it isn’t a bug?
A: We’d like to hear it! Add it as an answer on this post. As above, you can add a [tag:discussion] tag to the top of the post as well.

Q: When will FAVORITE_SCREEN be migrated to use this new design?
A: 6-8 weeks

95
  • 120
    I wish more work went into improving the UX instead of the UI.
    – Travis J
    Jan 12 at 22:34
  • 130
    I sure don't like it; much harder to see the metadata on the home page. yesterday
  • 134
    This layout makes the desktop experience on the homepage worse, due to a lower information density displayed at once on the screen (# questions per screen), more difficult to parse and smaller statistics, too much padding between list items, misaligned tag and user bars with the bottom of the question block
    – illustro
    yesterday
  • 112
    Is it just me or does anyone hates these changes to the feed and profile? I say "hate", because they're ruining the desktop experience. yesterday
  • 46
    @BernardoDuarte the rapidly declining score on this post says "yes". As we've seen before though, score on announcements means nothing
    – Phil
    yesterday
  • 98
    I honestly don't see how this can be considered an improvement. It's harder to find information from a glance and it looks incredibly unbalanced.
    – Ambo100
    yesterday
  • 98
    It's horrible in nearly every way. Not a single improvement to my experience and several things which are worse.
    – takendarkk
    yesterday
  • 72
    Why do UX changes always make things harder to read and digest sigh
    – Alan Dev
    yesterday
  • 56
    The change to add ignored tags with a black background, just to make questions you want to ignore stand out even more is ridiculous and bad UX design
    – illustro
    yesterday
  • 59
    While it was great that you released this on the Greatest Hits page first for us to poke around with, there's a fundamental problem with that, and it's why so many people are upset now: no one uses the Greatest Hits page. It's not part of anyone's regular workflow, so it's harder for us to see how the new design will break our workflows. People aren't used to using it, so if information is a little awkward to acquire, or certain use-cases aren't served, it's difficult for us to see it. I don't have a solution, just wanted to point out why the pre-release didn't end up being that useful.
    – bobble
    yesterday
  • 96
    While I appreciate the effort that's gone into this, it's really disappointing how consistently any UI changes to the site actually make the experience worse. It seems like every change is a net regression. Do the staff just think our consistent complaining is because people hate change? Because it's much more than that. Almost every change is a significant step backwards in some respects. This change seems to have a number of objective flaws. I feel like all the effort that's spent twiddling with a layout that's always been fine could be put to better use.
    – Michael
    yesterday
  • 39
    I've created a userscript that brings back the old design.
    – Spectric
    yesterday
  • 71
    In the name of everything that you hold sacred, please revert this!. My brain hurts trying to process this layout. There's way too much empty space and a tiny vote count is purely awful!
    – jojek
    yesterday
  • 68
    As a Stack Overflow old-time developer. Don't come to the community with solutions. Come to the community with a problem statement and an idea and iterate. This way you'll get a better solution than this and you won't get massive downvotes. Remember: most people here are (a) better stack overflow experts than you or me and (b) better developers too. Give them a chance.
    – Sklivvz
    yesterday
  • 31
    "While it was great that you released this on the Greatest Hits page first for us to poke around with, there's a fundamental problem with that, and it's why so many people are upset now: no one uses the Greatest Hits page." I have been around for over 11 years, and this meta.SE question is literally the first time I have ever heard about a "greatest hits" page. Staring at the current Stack Overflow interface, I have absolutely no clue how one is intended to navigate there, other than by manually entering the URL. So... no wonder nobody uses it. yesterday

69 Answers 69

-2

Improve the Watched Tags highlight

When watching tags — the website looks all yellow.
Just a suggestion for the "highlight" replacement:

enter image description here

1

Today, Jan 26, 2022, noon UTC, the two most lamented new features appear to have been improved: The votes are now on top of the information on the left, and the orange icon used to highlight questions matching my tags have been removed, reverting back to the light-salmon-colored background color for the entire entry.

I can live well with the current state now.

As a suggestion, I'd highlight questions that have been positively received, for example by using bold font for the vote count. That would make it easier to identify questions worth my time.

2
  • Tolerable and fully functional are not synonymous and we should not be expected to accept a regression in the UI which seems to be the recent standard
    – charlietfl
    3 hours ago
  • 1
    @charlietfl Given that people (me included) typically resent any change I'm willing to give them some leeway without starting to whine. I'll probably have forgotten about it in a month. It is fully functional for me. 2 hours ago
1

For those who are more interested in content but Meta: Tampermonkey is your friend.

// ==UserScript==
// @name         Stackoverflow: Clean Start Page
// @namespace    http://ceving/
// @version      0.1
// @description  Remove useless stuff.
// @author       ceving
// @match        https://stackoverflow.com/
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';
    GM_addStyle('.s-post-summary--stats { display: none; }');
    GM_addStyle('.s-post-summary { display: list-item; margin-left: 1.5em; padding: 0; border: none; }');
    GM_addStyle('.s-user-card.s-user-card__minimal { display: none; }');
    GM_addStyle('.s-post-summary--meta { display: none; }');
    GM_addStyle('.s-post-summary--content .s-post-summary--content-title { display: inline; margin-bottom: 0; padding-right: 0; }');
})();
5
  • 3
    This resolves which specific issue?
    – charlietfl
    22 hours ago
  • 1
    I payed for every single pixel on my display. I have no idea, why I must not use them all for something useful but empty space or useless stuff.
    – ceving
    9 hours ago
  • 1
    I have no idea in which way the name of an avatar helps to answer a question.
    – ceving
    8 hours ago
  • Re "Remove useless stuff": Can you be more specific? Can you provide an explanation and/or a screenshot (with a frame and freehand circles) of what this is supposed to do? 3 hours ago
  • @This_is_NOT_a_forum I think the CSS is quite self-explaining. Summary stats, summary meta and user information gets removed. The summary gets converted to a list and margins, padding and borders are removed. I will not promote this here in any way, because I probably will be once more a victim of censorship. This is just an example for everybody, that the layout of a web-site is nothing you have to accept or weep for. CSS Zen Garden can teach you even more ways how to use CSS.
    – ceving
    1 hour ago
14

Custom Styles

I'm using the Stylus browser extension to customise CSS rules for https://stackoverflow.com/.

Also uploaded to Userstyles.org and Stack Apps.

current look

Features:

  • Hides the user avatar
  • Hides the view count (personal choice, I never found it useful)
  • Hides the checkmark in the accepted answer box. This was throwing out alignment and is not needed due to the box's solid background colour
  • Arranges the score and answer count into a grid to look more like it did before this change.
/** Container **/

.s-post-summary {
  padding-left: 8px;
}

/** Stats grid **/

.s-post-summary--stats {
  display: grid;
  width: unset;
  grid-template-areas:
    "score answers views"
    ". bounty ."
    ;
  grid-template-columns: repeat(2, 1fr); /* change to 3 for views */
  column-gap: var(--s-post-summary-stats-gap);
  row-gap: var(--s-post-summary-stats-gap);
  align-content: start;
  align-items: center;
}

.s-post-summary--stats .s-post-summary--stats-item,
.s-post-summary--stats .s-post-summary--stats-item.has-answers {
  white-space: normal;
  text-align: center;
  margin: 0;
  padding: 4px;
  width: 60px;
  word-spacing: 60px;
}

.s-post-summary--stats .s-post-summary--stats-item:nth-child(1) {
  grid-area: score;
}

.s-post-summary--stats .s-post-summary--stats-item:nth-child(2) {
  grid-area: answers;
}

.s-post-summary--stats .s-post-summary--stats-item:nth-child(3) {
  grid-area: views;
  display: none;
}

.s-post-summary--stats-item.has-bounty {
  grid-area: bounty;
}

/** Hide unwanted elements **/
.s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .iconCheckmarkSm,
.s-post-summary--meta .s-avatar {
  display: none;
}

TODO:

  • Handle bounty badge (though, to be honest, it doesn't look too bad)
  • Align user and timestamp (again, I think this looks OK)
11
  • 1
    “Hide ‘Ignored’ badge, do something with the question itself (hide?)” — This is already an option. If you click on the “edit” button in the “Ignored Tags” sidebar section on the home page, there’s a radio button setting of “Hide questions in your ignored tags” vs. “Gray out questions in your ignored tags”. yesterday
  • @SebastianSimon thanks man, I had them hidden so couldn't see them to create a rule. Turns out the fade-out for ignored question titles is still active in the new design, just had to hide the badge
    – Phil
    yesterday
  • 8
    Can you move this to a separate question thread so it doesn't get lost under a mountain of other answers? yesterday
  • @SurpriseDog you mean like a new question on Meta? I don't think that will fly since a) it's not a question, and b) it would just be a duplicate of this answer
    – Phil
    yesterday
  • 3
    Post it to stackapps.com . And you should probably upload this to github, this will cause the script to be auto-updated for the users when you change it. yesterday
  • @HolyBlackCat it's already on Userstyles.org
    – Phil
    yesterday
  • Oh. That works then. But I still suggest posting a link to stackapps.com. yesterday
  • 1
    @HolyBlackCat done ~ stackapps.com/questions/9296/…
    – Phil
    yesterday
  • It didn't work for me in dark mode. it was all wonky. yesterday
  • @Tschallacka don't know what to say, it works for me. The browser needs CSS grid support
    – Phil
    yesterday
  • @Phil i.imgur.com/S3kym0D.png that is what it looks like. If I hit f5 it renders ok. it seems to only not function when I come from a seperate site. Might have to do with that the user style applies before the css file of stack overflow is loaded. By adding !important behind everything it works properly for me in chrome all the time. yesterday
33

It is unnecessary to know if people watch the questions - it should just be shown within the question, not on the homepage of the site's screen.

Why is it not helpful?

  • This is unhelpful because most users are interested in the question itself - not whether someone watched it or not.

  • It makes each question take up a lot of space, which makes it harder for visitors of the site to access more questions they may have missed.

    (See here:)

    Watched

  • Most of the time, the quality of the question can be discerned based on the vote count -- not if someone watches it, and most people will only click on the questions that interest them anyway.

What purpose does stating the presence of watchers have?

I really have no idea, other than to take up space and add a yellow icon to the regular interface.

Can Stack Exchange please take out the watch icon -- or at least give an option to not see it? (As a whole, I am not a fan of the new update and format, but the watchers haven't been brought up yet (at least I didn't see an answer about them) and feel like they should be recognized for what they are: an icon that symbolizes next to nothing.)

9
  • 20
    The "watched" badge is for your watched tags, not if somebody is watching / following / bookmarked the question
    – Phil
    yesterday
  • 11
    I agree that the design is pure horror, especially on dark mode. It seems to be in response to this answer
    – Phil
    yesterday
  • 4
    @Phil Thank you, I was confused as to what 'watcher' meant. However, it is still a terrible format and a waste of space -- I much prefer the old version.
    – Joe Kerr
    yesterday
  • Related: this other report. yesterday
  • 13
    Thanks for this post. It shows exactly my initial problem: I didn't understand that the "watched" icon was about my watched tags instead of some other random information. If users misunderstand the icon at first sight it might not be the best UI/UX decision. I really preferred the design where my watched tags questions where highlighted as a whole instead of having some icon.
    – grek40
    yesterday
  • 1
    The "watched" label is awful. I generally don't mind the new layout, but I think I would prefer it with highlighting the background rather than a badge-style thing. Plus, it often forces a lot of extra whitespace that is unnecessary. I think a small change to replace the badge with highlighting the background would go a long way here. yesterday
  • 2
    We have partially reverted the label approach back to using a colored background. We lose info that way, but it gives us an opportunity to revisit how the watched styles are being added to the page. I agree that the label may be a little confusing due to lack of context, but imo "yellow + watched" is much less confusing than just "yellow". We're revisiting this design to see if we can improve the context even further.
    – Ben Kelly StaffMod
    21 hours ago
  • 5
    @BenKelly did you see the suggestion to highlight the actual tag(s) in some way? I thought that was pretty neat
    – Phil
    19 hours ago
  • @BenKelly No info is lost that way, and it seems the consensus on what is more clear runs opposite to your opinion (this may be because existing users are more familiar with the current format). Though stuffing information that I believe is best presented in other ways (here highlighting) into a list of tags is counterproductive UI design, it just takes up more and more vertical space and expands the item too much.
    – Andrew
    33 mins ago
18

I'm not sure if it’s all intentional, but

  1. The 25/01/2022 update (maybe 24! Time zones!) de-emphasises the score of a post significantly. I am not sure how I feel about that.

  2. The left information panel seems inconsistent - based on the state of the question - watch/followed/bountied. I guess there are advantages to seeing this all in one place, but I think there's a certain value to not having different sets of visible things based on the state of the question. It's also really crammed... which makes the fact that SE's webpage has lots of whitespace elsewhere more obvious.

    enter image description here

    Hardly anyone can see a deleted post, and being greyed out seems.. enough, rather than a bright red deleted sign right on top?

    I'm not a UX person, but my gut feeling feels like having the three basic items (answer count, score and views) feels like a reasonable compromise.

  3. It seems more 'valuable' to show whether a post is followed (or bookmarked) to a user. There's less value to showing some tag somewhere on the question is watched where it is. Maybe highlight the specific tag(s) - which makes more sense with multiple tags.

  4. The title is what everyone is interested in - and the space for it gets narrower. You have all the horizontal space in the world on a desktop. Just give it whatever you took away for the new style metadata, and make it consistent across all content, and it would be a better use of space. I know SE's allergic to excessively wide content, but at the moment, at best you're using a 1/5th of my screen.

  5. The front page is a list. It’s jarring to have lists with variable sized items and metadata with no particular standard view. I also am not sure why view counts are on top, over score, since aside from the title, it seems that the score is what someone would want to look at.

  6. Space is wasted. Consider the below, rather quick and dirty image

    Enter image description here

    By dropping the tick mark (or I guess moving it to the left, and left justifying this - basically all your metadata is lined up (well, it would be if my skills at everything were better). You can use the saved space to have more space for the title, and everything would 'line up' more naturally. You wouldn't have a jagged line of metadata along the left/margins of the home page either.

1
24

(New answer, following the 2022-01-25 update)

We're currently gathering together all the discussion and feature-request feedback items to decide how we want to alter the design.

Sure, but in the meantime, please revert the question list to the old design.

14

Currently of the 4 meta data fields in the post summary only views has a tooltip.

screenshot of tooltips in post summary

1
  • 3
    Some of our many post summary designs do not have consistent tooltips, including the design this unified component based on (the most frequently used version, which is currently still live on /questions). The QuestionMini view that preexisted had some low quality tooltips that exactly matched the text. I've readded (not yet live) these tooltips to the component used here.
    – Ben Kelly StaffMod
    23 hours ago
141

It is very hard to ignore my ignored questions.

Could you come up with something more subtle than an ostentatious black box leading the way, such as the post highlighting/greying we used before that worked perfectly fine?

enter image description here

If I have my ignored tags set up to still be visible on the page, ignoring should make the post less imposing (like the old greying out did), not more imposing by adding an eyesore of a black box.

That said, after some experimentation I prefer the black ignored tag to the gross yellow watched tag for watching tags, so I’ve ignored my watched tags for now.

6
  • 44
    It's also worth pointing out that on desktop, the new ignored/watched tags make the questions take up more vertical space. So if you ignore a tag, questions with that tags now take up more screen space, with a coloured tag highlighting the now larger question...making it extra visible.
    – illustro
    yesterday
  • 11
    I came here to post this exact same thing. The "ignored" bar is the single most attention-grabbing thing on the page. In fact I'm missing the posts I actually want to see between the ignored posts. It's successfully made all the other questions subdued by comparison. I didn't have this trouble with the previous layout—ignored posts were just faded out and that was that! yesterday
  • 3
    If you click on the “edit” button in the “Ignored Tags” sidebar section on the home page, there’s a radio button setting of “Hide questions in your ignored tags” vs. “Gray out questions in your ignored tags”. Isn’t it an option for you to simply hide these posts? yesterday
  • 17
    @SebastianSimon That's somewhat missing the point - if the option to "gray out" is still there, its effect should not be to make the questions more prominent.
    – IMSoP
    yesterday
  • 5
    @SebastianSimon Also, while I might want to ignore the tags most of the time, occasionally there might be a title I find interesting enough to look into, or a situation where a new user might need some help with their question (new user plus downvoted score can indicate this)
    – illustro
    yesterday
  • 3
    We have partially reverted the label approach, but kept all of the other changes for ignored entries. Additionally, the titles themselves were intended to be muted as well, but weren't. We've addressed this in the latest round of changes.
    – Ben Kelly StaffMod
    20 hours ago
6

I can understand the general motivation for all these changes. In fact I might even agree that they are the right decisions.

That being said, the amount of added white-space seems egregious. For example:

Even a simple change like this (quickly mocked up with dev tools in my browser) would bring a welcome improvement:

  • Decreased bottom margin of each of the 3 rows of information on the left hand side

  • Decreased column width of information section on the left hand side

  • Increase bottom padding of post title to align the tags with the bottom of "views"

  • Increased post title font size slightly to increase readability

  • Flipped background of "answer" box to highlight this more

3
  • the background of the "answer" line is meaningful. No background means n answers exist, but none are accepted. This distinction is important because some people only want to see one or the other, depending on their needs.
    – Kevin B
    20 hours ago
  • Marking as duplicate of this very similar post
    – Ben Kelly StaffMod
    20 hours ago
  • @KevinB I think the new design has a checkmark for those questions which have an accepted answer now.
    – codedude
    1 hour ago
372
+100

Revert this

As critical feedback goes this is probably the sharpest I've delivered, but this change is neither needed nor warranted. It doesn't make me enjoy using the site on desktop, which is what I do during the course of my day.

It strains my eyes a bit to have to read the smaller text of the title, compared with the even smaller text of the other information I'm not sure I need to know in the moment.

Revert this, and revisit this. This UX is not good.

17
  • 47
    It doesn't look good on mobile either. I really don't see what the improvement was.
    – Dharman
    yesterday
  • 38
    @Makoto Congratulations, after a few days of this question being bountied, I plan to award my bounty to you, as I want this change GONE and the previous design back. I completely agree that it should be reverted, so you will probably get the bounty.
    – cocomac
    yesterday
  • 34
    I only entered to meta to verify that I was not the only one who found the new design absolutely terrible, now I am calmer
    – borchvm
    yesterday
  • 8
    I miss the summaries or excerpts that were added beneath the title, the front page now just looks ... cheap. yesterday
  • 1
    @LasseV.Karlsen There never was summary text on the home page. This has been mentioned before. yesterday
  • 4
    @SebastianSimon But I have seen summaries on Stack Overflow, and now they're gone. I can't see them anywhere. I guess my bookmark was not to the main home page. yesterday
  • 15
    This is all that needs to be said. And while you're at it, SE, bring back the old profile view. Stop making this website worse and worse with every change.
    – Paolo
    yesterday
  • 8
    Old design was functional and easier on eyes. Both homepage and profile page seem less informative to me now.
    – B200011011
    yesterday
  • 1
    @SebastianSimon /questions was the default homepage for people when logged in, IIRC.
    – TylerH
    yesterday
  • 1
    Amazing that they can implement all these changes that make it harder to identify relevant questions but I still have to manually remove deleted questions from my Followed list.
    – Mr. T
    yesterday
  • 2
    I was surprised to see the original post having a high score when I initially saw it. For a second, I almost thought I was just being difficult to changes. Thanks, you made me feel like my distaste of the new design wasn't just me being a hard head.
    – Clockwork
    yesterday
  • 3
    @Zombo in fairness to Ben, I know for a fact that plenty of SE employees maintain multiple accounts--we don't know that the human behind "Ben" doesn't use SE, we just know this account doesn't use SE. That said, I do not dispute the notion that SE, generally, needs to understand its own product better. I've said as much here: meta.stackexchange.com/a/346437/311001.
    – nitsua60
    18 hours ago
  • 8
    This change still hasn't been reverted. A bigger bounty coming your way @Makoto (I'll award it within the next week, just to get some more attention on this post)
    – cocomac
    14 hours ago
  • 3
    This is the only reasonable thing to do. To revert and to forget about this
    – demonplus
    10 hours ago
  • 1
    If they don't want to revert it, at least make it an option in the account settings. Same thing as the bar on the left that I hid since it appeared.
    – Clockwork
    3 hours ago
35

I'm seeing a strange Mathjax layout problem on Stats.SE:

enter image description here

This display weirdness is not caused by the user's Mathjax input, as you can see from the post itself: PDF of $x_1^2+x_2^2-x_3^2-x_4^2$ with $x_i \sim N(\mu_i,1)$

I'm using Chrome 97.0.4692.71 for ARM on MacOS 12.1 (Monterey).


It appears that this issue is more frequent on Math.SE. Some examples:

New contributor
Sycorax is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
7
  • 8
    WOW, that's an odd one. I'll see if I can't reproduce this in my local environment and get a fix out for it. Thanks for the report!
    – Ben Kelly StaffMod
    yesterday
  • 9
    @BenKelly FYI, this is very similar, and may be related, to what was reported on Dec. 7, 2021 in the answer MathJax wraps awkwardly on the activity page (with this being marked status-review) to New responsive Activity page. For what it's worth, I have seen this "strange Mathjax layout problem" many times over the past few months on Math SE. yesterday
  • 7
    Thank you for bringing this to their attention, its been around for some time on maths.se yesterday
  • 4
    This is probably due to a container that "shrink-wraps" the content, so MathJax gets the wrong width for the container, and tries to line break to that incorrect (and too small) width. yesterday
  • 1
    @BenKelly In case it needs saying: Davide is a dev on the Mathjax team. He also left some detail in this comment on math.meta 14 hours ago
  • 1
    Here are some more screen caps of recents posts. It's simply horrible. :/ 4 hours ago
  • Thanks for all the extra info folks, it's a big help. I'm looking to address this one today. Thank you for your patience. There is a lot of feedback coming in and it is a lot of work to assess and address it all.
    – Ben Kelly StaffMod
    2 hours ago
32

My ignored tags are showing up now

I ignore the [dnd-5e] tag on Role-playing Games Stack Exchange. D&D 5th Edition is probably most of the site now. I want to be able to focus on questions that aren't about it, which the old view let me do. What's the point of ignored tags, otherwise?

Only one of the questions below would be plainly visible, and the rest faded out, in the previous view, the question tagged [pathfinder-1e].

RPG questions feed with full view of ignored tags box

New contributor
PD - whee - whim - wish is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
8
  • 4
    Companion bug to Watched tag highlight is broken
    – zcoop98
    yesterday
  • 2
    Thanks for the report! This bug is caused by the same issue as the one @zcoop98 linked. I have a fix going out for this soon.
    – Ben Kelly StaffMod
    yesterday
  • 6
    Looks like this was now fixed by adding an extremely visible dark "Ignored" tag on questions you've ignored and reduces the contrast difference: i.imgur.com/JMivtpJ.jpg Should make it easy to find the things you want to ignore. yesterday
  • 15
    "Fixed" - isn't the point of ignoring a tag to not see it?
    – mkrieger1
    yesterday
  • 13
    @BryanKrause Jesus. That is just unbelievably daft. Not only does ignoring a tag not hide them, that extra badge makes the post take up more vertical space than it would have if you didn't ignore it!
    – Michael
    yesterday
  • If you click on the “edit” button in the “Ignored Tags” sidebar section on the home page, there’s a radio button setting of “Hide questions in your ignored tags” vs. “Gray out questions in your ignored tags”. Isn’t it an option for you to simply hide these posts? yesterday
  • 1
    @SebastianSimon I do see interesting questions in the wastes once in a blue moon, so I would prefer them to exist, but faded out, like before. yesterday
  • @SebastianSimon While I might want to ignore the tags most of the time, occasionally there might be a title I find interesting enough to look into, or a situation where a new user might need some help with their question (new user plus downvoted score can indicate this)
    – illustro
    yesterday
8

This answer was not implemented for the live refresh feature

That answer, which was about linking to the last activity, showing the last active user and timestamp, and showing the correct action was not implemented for questions loaded in when clicking "[x] question(s) with new activity". Such questions loaded in when clicking that still show the prior buggy view. Only after a page refresh is the fixed behavior visible.

Can that please be fixed for the live refresh?

1
  • 3
    I think I know where the issue lies with this one. I'll take a look and see if we can't get a quick fix in.
    – Ben Kelly StaffMod
    yesterday
90

The questions on the main page are missing the highlight if they have a watched tag on them. Previously this allowed me to quickly scan whether the question comes from one of my favourite tags, now they're all just bland white.

16
  • 8
    Thank you for the report. I'll take a look into this
    – Ben Kelly StaffMod
    yesterday
  • This is exactly what I came to report as well. I scan for highlighted questions on the main page based on my highlighted tags. Without those highlighted, I'm bouncing from the home page because I don't want to spend time scanning for tags I care about.
    – Ross Allen
    yesterday
  • 2
    @RossAllen I wonder whether the front page update has measurable effects on the answering behaviour :-)
    – Bergi
    yesterday
  • 44
    @BenKelly This has been fixed quickly! I have to say that I preferred the inconspicuous yellowish background over the bold "Watched" badge though
    – Bergi
    yesterday
  • 2
    @Bergi I'm guessing the highlight made styling sites and dark mode complicated, but I agree there should be a better way to implement this, like a tag, a bounding box, something on the right-hand side, etc.
    – LShaver
    yesterday
  • 35
    I also much preferred the background as opposed to a new marker on the left. The former is ingested simultaneously, the latter must be ingested linearly. The former is instant... the latter is not.
    – Scott
    yesterday
  • 45
    @BenKelly that "watched" badge is hideous. Did that actually get approved by a designer? On dark mode it's absolutely glaring. I'd rather nothing at all in place of that
    – Phil
    yesterday
  • 38
    Not only is the watched tag way too prominent, especially with the dark theme, but when you add the number of answers, votes, views, AND bounty, the wasted space is just unwelcoming. IMO it looks bad, feels bad, reads bad. It's just making the user experience worse in every ways.
    – Seblor
    yesterday
  • 2
    I thought I had accidentally turned on a colour-blind accessibility option. I can see why a subtle background colour is not enough for people with vision issues. But I can no longer scan questions by anything but reading every title. I am flabbergasted at how horrible this is. Was this not user-tested?
    – marts
    yesterday
  • 2
    To get a quick fix with custom styles .s-post-summary--stats-item.is-watched {display:none !important;} .s-post-summary__watched {background-color: var(--yellow-100);} yesterday
  • 6
    The new "watched" marker has proven itself both garish and unclear in meaning. I greatly prefer the old style of subtly shading the background for that question div. However, I think I would like it even better to have the individual tags which the user is watching highlighted, perhaps in addition to the cell. yesterday
  • 1
    Assuming that the tag-style box is here to stay - I think it would be nicer if the watched tag was grouped with the tag buttons, and had the different styling for emphasis. It makes it harder to see the other metrics on the LHS when it shows up, and it definitely breaks up my flow when skimming the page. Or even just style the tag buttons differently if they're one of my watched tags. yesterday
  • 3
    The watched tag makes the location of the other metadata unpredictable and makes it even harder to quickly glance at votes because you don’t know where to look. The watched tag is bad, but at a minimum it should go last rather than first. 22 hours ago
  • 6
    @BenKelly Thanks for fixing this! Looks much warmer and familiar again :-)
    – Bergi
    20 hours ago
  • 1
    I concur, the highlight looks neat and is immediately familiar to those who are used to the old design - thanks! 20 hours ago
17

In the "interesting" view which I use by default, all I see is "watched" questions: enter image description here

Which begs the question, what's the point in this badge here? Especially being as it's colour and location gives it a really high prominence.

New contributor
Liam is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
6
  • 4
    The first question on the screenshot isn't watched. That page has always shown a small number of non-watched posts. But the new "watched" tag design is atrocious, and causes a lot of empty space.
    – interjay
    yesterday
  • 1
    The current “Watched” badge is certainly way too prominent. I see the same as you: virtually every item I have in my Top Questions is “Watched”. And that’s fine, but it’s not necessary for every item to YELL this at me in yellow. yesterday
  • 2
    @interjay I think you found yet another problem with the tag: it can possibly be misattributed to the previous post at a glance. Says a lot about the visual clarity.
    – Passer By
    yesterday
  • OMG. This is sooooooo bad. I'm looking for interesting questions. All I can see is an avalanche of "Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched Watched" tags. yesterday
  • Unfortunately based on the post they are trying to unify the layout and content across the multiple different layouts - each layout which before had served a different workflow or use case...
    – Andrew
    22 hours ago
  • 1
    Marking as duplicate of this resolved post.
    – Ben Kelly StaffMod
    21 hours ago
14

The watched badge gets added after page load, increasing prior non-badged posts' height.

I understand the "watched" functionality is client-side, because of performance reasons.

However, when it gets added like half a second after page load, a pixel or two get added to the post line's height on the homepage if the post had no badges (or answers) on page load. This is distracting.

The badge also jumps into view while you're reading, which is also distracting. The yellow background was more subtle in its appearing.

1
  • Marking as duplicate of this resolved post.
    – Ben Kelly StaffMod
    21 hours ago
13

There is no string to translate for "Watched" label:

Watched

2
  • 11
    This really proves that the "feature" was rushed out in response to this answer
    – Phil
    yesterday
  • @Phil Not specifically. Staff forgetting to make translation strings available has been a recurring problem for years. yesterday
72

This Watched label.

  1. The color is like it belongs somewhere else, not to this page

  2. It takes too much space.

  3. There is no explanation of what it is for. I can only guess.

If it's for watching tags, I do not understand why it's so big. I guess people know which tags they are watching without showing them this huge icon. For usability, tags filters would be a better option. On my page almost all questions have this tag, I don't think that people who follow tags with big amount of questions need to see this label. enter image description here

8
  • 2
    Isn’t this basically the same as this other report? yesterday
  • 1
    Similar, but my thoughts on this label are different.
    – vitaliis
    yesterday
  • 25
    Suggestion: why not highlight the tags themselves instead of adding an additional tag?
    – deceze
    yesterday
  • 3
    Yea, why aren't the watched tags yellow. I saw this on mobile view this morning and it was horrid. it takes up so much space and is shouty without giving any useful message. I liked the yellow highlight on the entire row better than this useless in your face label. I'm just hiding it for now .s-post-summary--stats-item.is-watched {display:none !important;} yesterday
  • 5
    Highlighting just the individual tag would also quickly remind you which tag you're watching for this question yesterday
  • 2
    I assumed it meant I either bookmarked or followed a question. It doesn’t seem clear at all.
    – Ambo100
    yesterday
  • Marking as duplicate of this resolved post.
    – Ben Kelly StaffMod
    21 hours ago
  • 3
    @BenKelly How about deceze’s idea to highlight the individual tags that are being watched? 9 hours ago
28

What's the difference between the "Watched" badge without an eye and the one with an eye?

Also (not shown in screenshots below), "Ignored" without an eye, and with an eye with a line through it.

"Watched" badge

":eye: Watched" badge

Both screenshots were taken in the same page load at the same time, so scrolling down I could see both (indeed, I can see all four mentioned on the same page), which implies they're different.

For reference here is a screenshot of all four on the page at once (screenshot from phone, set to show desktop version so I could fit them all).

10
  • 1
    I noticed that the eye showed up for me on all badges when I added a new tag to the watch list. Did you perhaps do the same thing right before you noticed the eye symbol? I think it's a bug. yesterday
  • I also just noticed the same thing happens when you remove a tag from the watch list. Also, when you add or remove a new tag from the Ignore list, a different eye symbol shows with a line going through the eye. yesterday
  • 2
    @CaveJohnson haven't touched my watch list in months, I'm fairly specific in the posts I watch. (In fact, I had to go and see how to even modify my watch list on mobile, apparently you have to spend 30s scrolling to the very bottom of the page, TIL)
    – Nick
    yesterday
  • 3
    looks like anything that causes a re-render on the question list causes the eye to show up. A link popped up saying "X new questions" and after I clicked it, the new question showed on top of the page and then the eye showed up on all the "watched" and "ignored" badges. yesterday
  • @CaveJohnson Even if I reload the page, I'm still in the same situation, eye on some, not on others. Whatever the cause is it certainly doesn't appear to be consistent. I also have posts with ignored without an eye, and with an eye and line through it (again, both are visible on the page at the same time).
    – Nick
    yesterday
  • 11
    This appears to be a bug. The eye icon is supposed to be shown everywhere; the SVG icon just fails to load for all of them except the last one of the same type. There’s an empty <svg class="svg-skeleton-element-during-loading mr4"></svg> in the labels where the eye icon isn’t shown. yesterday
  • 3
    This was a race condition bug. We have "fixed" this by partially reverting the label approach back to using a colored background. We lose info that way, but it gives us an opportunity to revisit how the watched styles are being added to the page.
    – Ben Kelly StaffMod
    21 hours ago
  • Yes, thanks @BenKelly losing the label is the best option, and no info is lost that way!
    – Luuklag
    21 hours ago
  • Thanks for the update @BenKelly, could you throw into your discussion the contrast of the background colour? At least in "high contrast" dark mode, the difference (1 in screenshot) is barely perceptible without using the right hand margin (2 in screenshot) (where there isn't the line separators between posts): i.stack.imgur.com/B87qP.png
    – Nick
    20 hours ago
  • @BenKelly What info is lost? The bulk of the comments here about the watched tag was it takes up too much space and is ambiguous/unclear information. The highlight provides exactly the same information as far as I can tell, marking a question differently if it contains watched tags, so what info is lost by the changes?
    – Andrew
    2 hours ago
83

Please restore background highlight on watched questions

The questions with your watched tags used to have a yellow background.

Now they instead have a yellow plaque on the left:

pic

Which, at least for me, makes it much harder to visually scan for watched questions. Please consider restoring the background highlight we had before (with or without this new plaque).

7
  • Also mentioned by John Montgomery. yesterday
  • 24
    I would argue that the absence of the backgrounds for questions with watched or ignored tags is the main reason why the new home page leaves distinct feeling that it has been stripped of important information. The "Watched" sticker do not serve the purpose of visually splitting the page into the areas of interest like it was before. It is important to fix that.
    – GSerg
    yesterday
  • 13
    This tag might be useful if you have one or two watched tags; it's pure and utter visual clutter when you have enough watched tags that Every. Single. Question. has it.
    – deceze
    yesterday
  • 2
    Add custom css .s-post-summary--stats-item.is-watched {display:none !important;} .s-post-summary__watched {background-color: var(--yellow-100);} yesterday
  • 3
    It looks like this was restored on Meta.SE 21 hours ago
  • 3
    We have partially reverted the label approach back to using a colored background. We lose info that way, but it gives us an opportunity to revisit how the watched styles are being added to the page.
    – Ben Kelly StaffMod
    21 hours ago
  • 7
    @BenKelly Thank you. Negatively received design changes were very rarely reverted before, if at all, so it feels like a step in the right direction. I'm not a fan of the rest of the changes too (sorry), but at least it's a bit better now. 21 hours ago
18

Content jumping

The new 'watched' label causes content jumping, so much that the lower questions are shifted down by 2 rows.

On page load, I start reading questions that get my attention. Half a second later, that questions jumps down by 1/2. Very annoying and unpleasant to the eye.

example image

example gif

2
  • 5
    This has been fixed by partially reverting the label approach back to using a colored background. We lose info that way, but it gives us an opportunity to revisit how the watched styles are being added to the page.
    – Ben Kelly StaffMod
    21 hours ago
  • Already reported by CodeCaster. 15 hours ago
9

There are aspects of this change that I like, but being unable to quickly see the score and the massive amount of extra space this design puts in is problematic.

What I'd suggest is:

  1. Get rid of the threshold for vertical layout vs horizontal and only use horizontal
  2. Re-implement the Score box on the left, removing score and views from the top (this should still be collapsible to the top left, giving the full width title space for mobile)
  3. Add views somewhere else, such as bottom right, or bottom left, it doesn't belong in the top. It isn't as important as score and therefore doesn't need the big callout.
  4. Add "Closed" as an additional status box that is shown along the top, similar to Watched/Answered etc. Even better, have it include the short close reason (Duplicate, Off Topic, Unclear, Not Focused) rather than saying "Closed" so that you can quickly see the close reason when looking at a list of closed questions.

The idea would be to make use of the available space while still accomplishing your goals of having an expandable stat list and a scalable design, and preserving the information that we users need to use the UI effectively.

2
  • 2
    Thank you for putting some of my thoughts into a "What I'd suggest is:" 23 hours ago
  • “Add ‘Closed’ as an additional status box” — Apparently this is already planned, unless I misunderstood your suggestion. 13 hours ago
6

A title with a long word is not wrapped correctly (example):

A question with a long title that is cutted off; it's also not possible to read the text "asked X mins ago".

When searching for it, it looks like this (ellipsis are added):

A question with a long title but with ellipsis.

7

Looking at the states of the post summary design although this hasn't rolled out I noticed some of the icons aren't center aligned in the labels (for example for Deleted, Closed, Archived). Might as well mention it now before it roles out or just in case it's a mistake in the Stacks page.

screenshot of icons inside labels

Edit:

The deleted label is already visible in the migrated returned tabs of the 10k tools.

1
  • 2
    On Firefox Nighly 98.0a1, I get all texts aligned correctly. The effective font face is Liberation Sans. The “Archived” label appears to be missing one pixel in height, even though all labels have a height of 21.7 px, but these are tiny rendering glitches which I wouldn’t worry about too much. yesterday
6

Can we please get a setting that lets us choose between "Top Questions" and "All Questions" as the default view when we navigate to root? That for me at least would solve all of the problems.

If that's not feasible, at least a one-click option from root to show the questions view - not hidden behind a menu.

To be clear, it would help even if the /questions page is converted to a version of the new view - as long as it still has post summaries, anyway.

6
  • 2
    They're planning to use this design in /questions as well, so trying to hide there won't help you for long.
    – interjay
    22 hours ago
  • @interjay Understood (and that's unfortunate), but as long as they keep the post summaries it will be more palatable at least. I've always preferred that layout- this just pushes me more that direction...
    – Joe
    22 hours ago
  • 3
    There were never post summaries on the homepage. :( The current design is just mimicking the old design that didn't have them.
    – Catija StaffMod
    21 hours ago
  • @Catija Yes, understood, not re-litigating that :) This would allow us to choose a different view (vis-a-vis auto-loading the Questions page) which does have post summaries (that's not going away, right?).
    – Joe
    21 hours ago
  • 1
    Couldn't we just have a widget on the page to toggle visibility of post summaries? Ideally remembering the user's previous setting? 19 hours ago
  • 1
10

Please take a look at this screenshot here from the Home page, bountied tab, and compare it with the bountied tab on the Questions page.

Home page:

enter image description here

Questions page

enter image description here

I made sure to make both screenshots exactly 700px high as for a fair comparison. The questions page is certainly far more information dense (hence preferable) then the Home page.

This basically has the following causes (which should be addressed IMHO):

  1. Superfluous labels in the Home page

    There really is no need for the watched and ignored labels, the current implementation those have is perfectly fine as they are on the Questions page. I suggest you remove the labels (which frees up ton's of vertical space, as was already asked for in the answer by John Montgomery. Also the watched label is called superfluous in the answer by vitaliis.

  2. The bounty label

    I understand the reasoning behind moving the bounty label to the left, and to group all "meta"data together. The implementation however is just done poorly. The post summary stats container has a width of 96px, and the bounty label at a value of +500 (is the plus sign really needed btw?), which is the value with the greatest width has a width of 40.1166 px. (Removing the + sign reduces the width to 32.55 px) This makes this badge small enough to be displayed on the same row as the views counter in most cases, saving tons of vertical space.

As it currently stands the amount of extra information I get from viewing the questions tab is just astonishingly. I get the first 2 rows of each question practically for free. You guys (and girls) really should do a better job at this. And concluding that the original design was good enough can also be a conclusion!

p.s. Don't even get me started on the mobile implementation of this, where meta data is crammed up in between titles, that just horribly in itself.

1
  • 2
    gotta love those watched and ignored badges on top of each other 21 hours ago
3


What is the difference between these "Watched" tags? The "eye" icon in the "Watched" tag refers to what?

Screenshot for reference:

Watched tag

4
-6

Posts with negative scores have a pluralization bug in votes see the screenshot and compare with the post that has a positive score.

enter image description here

13
  • 1
    Which screen is this on?
    – Phil
    yesterday
  • 1
    @Phil it was taken on the main page of Stack Overflow using a standard 1920x1080 but the browser window wasn't full screen so you're seeing the responsive design in action.
    – bad_coder
    yesterday
  • 3
    This should be replaced by “score” anyway. yesterday
  • 5
    This isn't a pluralisation bug.
    – Nick
    yesterday
  • @Nick it's the usual definition of pluralization bug, why do you say it isn't?
    – bad_coder
    yesterday
  • 10
    Because "negative one votes" is correct. English is silly, but it's still not a bug.
    – Nick
    yesterday
  • @Nick no because the "positive one votes" has been discussed and it isn't correct. But find a reference on MSE to back up your claim.
    – bad_coder
    yesterday
  • 2
    Related: Is negative one plural?
    – Nick
    yesterday
  • 1
    @Nick the linked thread on English.SE has mixed opinions but the overall most voted answers (with references) disagree with your claim.
    – bad_coder
    yesterday
  • 2
    @bad_coder That doesn't change the consensus on meta.SE yesterday
  • @Zoethe1337Princess the +15 on that post isn't a consensus, it's 15 users who didn't downvote :P
    – bad_coder
    yesterday
  • 2
    Just as the downvotes you're getting here don't mean you're wrong, it's just people that didn't upvote. The linked questions have a pretty clear conclusion indicating the plural version to be correct...
    – Cerbrus
    yesterday
  • @Cerbrus exactly, needs moar upvotes!
    – bad_coder
    yesterday
3

Inconsistent capitalisation post summary tooltip

The post summary tooltip (in which some are missing) have inconsistent capitalisation.

I'd expect every tooltip to start with a capital letter, as for example, the navigation menu already does.


Some tooltips regarding the UX change do not start with a capital letter:

Bounty

example image bounty


User reputation

example image user reputaion

2
  • 2
    These titles match what exists currently (see unmigrated /questions view as an example). Marking as bydesign for now, this is something that can be revisited later if there is demand for it.
    – Ben Kelly StaffMod
    23 hours ago
  • 2
    For reference, I think these should eventually be changed to have sentence case capitalization; I'm guessing the original tooltips were created before Stacks made the design philosophy consistent in that regard.
    – V2Blast StaffMod
    16 hours ago

You must log in to answer this question.

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