Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [design]

Use this tag for questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.

71
votes
0answers
12k views

List of communities with base css updates completed

By January 2016, All communities have been updated The design team has been rolling out design updates to sites as part of network-wide update to a new base css framework. The updates allow us to: ...
45
votes
0answers
430 views

Show larger images for high DPI displays

Some of the newer tablets and also Notebooks (notably the iPad, Macbook Pro and the Nexus 10 tablet) use displays with ultra-high resolutions at around 300 dpi. This makes text look very, very good, ...
44
votes
0answers
434 views

“You've earned (badge)” panel layouts are broken

When I visit my activity page I see this: The "Congratulations! You've earned (badge)" section has dropped down completely beneath the tabs under it. The "You've earned a new privilege!" section has ...
40
votes
0answers
329 views

Optimise Stack Exchange user flair for Retina displays

I really love the way user flair works, but unfortunately it doesn't look very sharp on a Retina display, especially when juxtaposed with browser-rendered text. If you made the generated image twice ...
39
votes
0answers
263 views

Site oneboxes are often white, invisible

Oneboxing of site links is often not visible, especially on beta sites: Many sites, like Ask Ubuntu and Sharepoint also have predominantly white logos in oneboxes. These images should have a ...
36
votes
0answers
299 views

The Amazon is huge, but that doesn't mean the oneboxes need to be

Recently, animuson was dissatisfied with his clock. Therefore, one of our illustrious members sought out an Amazon link to a clock that would solve all of animuson's needs. And this happened: It's ...
32
votes
0answers
205 views

Ransom-note problems with IPA and Greek under new font stacks

When you stitch together letters from multiple typefaces, your text begins to resemble a ransom note that pastes together cut-outs from different newspapers and magazines:                             ...
31
votes
0answers
109 views

Could the voting and accept links be made normal images so that they don't disappear in high contrast display modes?

Upvote, downvote, accept answer and favorite buttons appear on stackoverflow websites as background images. This limits accessibility of the site: If I view stackoverflow sites in High Contrast ...
30
votes
0answers
2k views

Rollout of responsive design site themes - Tracking post

This post will be updated as the responsive design and left navigation layouts are released on each site. Previously, we tried this out by releasing still screenshots of the site designs and getting ...
30
votes
0answers
269 views

Trying to hide spam/offensive deletions on user profiles announces them

If a post is deleted as spam or offensive, the user incurs a 100-rep penalty. But SE made the conscious decision to not call that out on the reputation tab; if you go to the page of a user who's hit ...
30
votes
0answers
935 views

Please consider Linux users when designing templates with the Georgia font

Rationale When considering the so-called "web safe fonts", Georgia is one of the most distinctive typefaces out there. This means that it cannot be easily dealt-with with a generic serif fallback ...
28
votes
0answers
904 views

Display density on meta: how about a compact view?

I see that Meta's UI has now much more white space than it used to: vs. Would it be possible to add a 'compact view' option, similar to what Gmail offers? (I'm also fine if we simply remove all ...
26
votes
0answers
106 views

Revisit: Format the site content according to the window width

The Stack Exchange website is a annoying to view at anything but the Stack Exchange Official Window Width. (Which is about to change.) Use a narrow window, and you get truncated text. Use a wide ...
26
votes
0answers
185 views

Please fix the big gap in the line height of the new Off-Topic reason list

For some reason the choices listed under the Off-Topic list are all bunched toegther which makes reading difficult and creates a big empty gap between the last reason and the Vote to Close button. ...
25
votes
0answers
68 views

Define a consistent visual style that identifies mod-only information and controls

As a mod, you can sometimes forget, or just don't even know what parts of the UI are displaying privileged, mod-only information. Checking things out with socks, or on other sites where you have 20k ...
25
votes
0answers
124 views

Can the moderator flag queue icon change color to red when there's a red flag in the queue?

"Red" flags (spam offensive) mark content that defaces and tarnishes the orderly presentation of the site and should be handled rapidly. However, there is currently no way to tell at a glance that ...
23
votes
0answers
273 views

Responsive design now available on all sites; new theme customization coming soon

It's been a long process, but the changes we announced back in March are done. Most sites will see their new themes live for all users on November 30. Some sites with blocking issues may have to wait ...
23
votes
0answers
211 views

Hard to click on links for featured meta posts

I often find it extremely difficult to open a featured meta post: Take for example the "Why are we getting so many off topic ..." link. That one spans multiple lines. So I moused over and clicked. ...
23
votes
0answers
233 views

Answers with score of -3 or lower (on normal sites) and -8 or lower (on meta sites) are no longer greyed out after the series of redesigns

Just look at this list on SO, this list on MSE, this list on M&TV, this list on UX, etc. In short all the sites which had a recent redesign or relatively recently graduated sites with those new ...
22
votes
0answers
307 views

Can we make it clear that there is a tooltip hidden behind certain text?

Tooltips seem to be pretty important on Stack Exchange. And it seems a lot of them get missed. For example, the new mark your own question as dupe 'thing' lead to 2 questions being asked about that (...
21
votes
0answers
217 views

Large badge counts produce a line break in the usercard

Recently, this started happening: Shog9 has an immense amount of badges, so many that the number creates a linebreak in the usercard, resulting in weird space below the usercard of the post's ...
21
votes
0answers
300 views

CSS alignment issues on close reasons with pending votes

"Should" word in italics is shifted down in the vote-to-close popup when there is at least one pending close vote. Just have a look at this: Now without close votes: So the issue occurs ...
20
votes
0answers
91 views

Enabled/disabled mod menu options should be more visibly distinguished

Moderators get a menu of things we can do to questions. Some that aren't applicable will be disabled. There's a problem: depending on one's browser and OS it's nearly impossible to tell what's enabled ...
20
votes
0answers
121 views

Vote buttons, stars, and moderator margin controls just got a lot lighter

The controls in the left margin of a post -- vote buttons, star, and moderator controls (timeline, flag count, deleted comments) are now a much lighter shade of gray than they used to be. Before (...
20
votes
0answers
105 views

Could we get a tighter layout for questions and answers when moderator tools are visible?

Currently, when moderator tools are visible it pushes down the comments section: That's a lot of unused white space--kind of unsightly and it makes you scroll further for comments. Could we get a ...
20
votes
0answers
115 views

Attribution alignment and order should be consistent with the website

The new attribution style on posts looks great, and brings some consistency with the website which is good. This is how it looks on an iPhone (in landscape, to emphasise the alignment; in portrait ...
20
votes
0answers
67 views

Comment-flag options have gotten much more compact; could we have a little more breathing room?

Flagging a comment produces the following initial interface (multiple sites, and confirmed with other users): Before today the options weren't quite so cozy; a couple times I've had to take more than ...
20
votes
0answers
120 views

“Congratulations” after winning a badge just looks wrong

Umm... didn't remember that I could inspect the element on this browser, so I have no idea what's wrong, so ask Carpetsmoker, he apparently knows. Well, thank you :-) But congratulations for ...
20
votes
0answers
223 views

Winter Bash 2013/2014: Misalignment of the hat boxes due to incomplete CSS rule set

Update (2014): The Winter Bash 2014 site has the same problem as the site last year. Screenshot: What’s the problem? This CSS rule declaration targets only the 5th element in there: .box:nth-...
19
votes
0answers
135 views

Flag-summary page is *mostly* responsive, but post titles overflow into the stats box

I see this on my flag-summary page: At first I thought this was because not all pages on the site are responsive yet, but this one (otherwise) seems to be. The stuff on the main part of the page re-...
19
votes
0answers
154 views

Long display name with no spaces breaks design of comments

We have a user (on Skeptics.SE) with a long display name and no spaces (30 characters of Unicode). [I've chosen not to link to them; they are innocent here.] There have have been several complaints ...
19
votes
0answers
141 views

Your buttons are much too big!

Meta SE seems to have some size issues at the moment. Not only are tags blessed with excess excess whitespace, but clickable buttons are overly padded: My God... it's full of space! Also ...
19
votes
0answers
97 views

Proposal for Markdown buttons design

Markdown panel that is used now in Stack Exchange sites has button images with medium resolution. It would be good to have these buttons in good quality, because in Retina display images are blurred. ...
19
votes
0answers
89 views

Please make the “buttons” in SE/sites' grid view middle-clickable!

Twice now, I've gone to http://stackexchange.com/sites?view=grid, explored the grid as I middle-clicked things that looked interesting, then moved my eyes up to the tab-bar to discover that I wasn't ...
19
votes
0answers
76 views

Chat room information screen is confusing

I wanted to see who the owners were of a certain chat room today, and here's what I saw: My first thought was, did I somehow become a room owner without knowing it? Upon more careful consideration, I ...
17
votes
0answers
94 views

Capitalized “Edit” and “Delete” buttons for comments are inconsistent with other UI elements

Just recently the Edit and Delete buttons for comments went capitalized, while most other buttons (links) remain completely lowercase. This creates an inconsistency in UI. Can we either get back edit ...
17
votes
0answers
157 views

Review spring cleaning: performance improvements and responsive design

This is just a heads-up that there's a lot of work underway right now on the Review system, mostly in the areas of cleanup and bug-fixing. The review system we have now was originally built over the ...
17
votes
0answers
98 views

Why do some “Ask Question” buttons on some sites not stand out and aren't attractive

I have this question after reading an article of Dmitry Fadeyev, the designer of ux.SE (Designing UX Exchange) (I was linked to his blog in this question). In his blog, he wrote: Because it’s a ...
17
votes
0answers
58 views

Questions with accepted answers cramp my style

The styling for the accepted answer box seems...not right: Look at how cramped that poor 44 is! Assuming that's not intentional, it seems like the expected styling would actually be: .cp { /* ...
17
votes
0answers
213 views

reverseengineering.stackexchange.com is overflowing

reverseengineering.stackexchange.com is a bit, umm... long. The inter-site adverts can't sustain the sheer length of the name any longer! Graduated sites get to be advertised by their logos and ...
17
votes
0answers
150 views

Wrapping long tag names in question list

I know this isn't a big deal, but I thought I'd bring it up anyway. When a question has a particularly long set of tags, it causes the user name to drop below the tag list: This is a bit ugly IMO, ...
16
votes
0answers
118 views

Chat on beta sites has an unreadable “log in” button

If you visit a chat room attached to a beta site while logged out, the log in message is all but unreadable, being dark grey on a dark blue background. For example, visit The Library while logged out ...
16
votes
0answers
150 views

Insufficient padding on one-line markdown pre tag

When scrolling through a code-block that is one line high on OSX the scroll bars appear when you hover over to scroll and obscure over half of the text. Chrome: Firefox: It's very distracting. It ...
16
votes
0answers
398 views

Could we mute the theme a little?

While I get the excitement and everything, the color scheme of this site is quite harsh on the eyes. The white background of the page coupled with the very bright blue header is making it fairly ...
16
votes
0answers
120 views

Annotated posts page has empty HTML <title>

https://stackoverflow.com/annotated-posts The page source has an empty HTML title <title></title> So the page shows up in my browser with the page URL as the title which looks messy and ...
16
votes
0answers
102 views

Top users page for a tag should indicate that one's self is not necessarily part of the list

For quite some time, I’ve thought that I was a top asker in ruby based on the top users tag page, which always bewildered me because I’ve asked very few questions (none of which have extraordinarily ...
15
votes
0answers
117 views

Why do we have two sidebar columns instead of combining them into one?

I know that SE is committed to both left nav and responsive design, and I'm not trying to disrupt that. The main reason the new design isn't working well for me is that the new left nav combines with ...
15
votes
0answers
151 views

Problem with Cyrillic symbols on the Code of Conduct page of ruSO

There is a problem with the font on the Code of Conduct page of ruSO. As you can see below, the font quite different. English: Russian: As I can see, original font contains Cyrillic symbols. But SO ...
15
votes
0answers
109 views

DBA.SE's hot question advertisement doesn't meet guidelines

(This is a SE design issue - not DBA.SE's community issue - they've got no control over this) One bit of the community advertisement guidelines reads: If the background of the image is white or ...
15
votes
0answers
83 views

Un-fade low-score answers on click/tap too

Since a couple of weeks ago, answers that are shown grayed out can be un-faded by hovering the mouse over them. This is great especially for users with poor eyesight, who can now read such answers ...