🎉 Celebrating 25 Years of GameDev.net! 🎉

Not many can claim 25 years on the Internet! Join us in celebrating this milestone. Learn more about our history, and thank you for being a part of our community!

Why is the forum center justified? How do I change this?

Started by
49 comments, last by LennyLen 7 years, 4 months ago

A page change from the forum overview to a single forum (like to "game programming") now first jumps back to full witdh of the displayed overview page, reformats the overview, jump to the new page, reformats in full width, jumps to having empty space ath both sides, and reformats again.

Since each reformat takes 0.1 - 0.2 seconds it becomes highly annoying to browse after some time.

Advertisement

As I've said before, high resolutions (> 1920px) are the exception, not the norm.

I'm not sure that's actually true for the members of this forum - do you collect resolution data from users' browsers?

If you look at the average out there, sure, bargain basement Chromebooks and the like are going to pull the average down. But my experience is that game developers tend to have above-average hardware.

For example, my 5 year-old MacBook has a 2880x1800 display, and the smallest display Apple currently manufactures is 2304x1440. Any decent PC laptop has the same resolution or higher (there are a bunch of PCs with optional 4k displays).

Edit: The new theme is definitely doubling my paragraph breaks. What shows as a single blank line in the editor is displayed as two once I hit submit.

Yes, pulled off users browsers in analytics. 1920 is most common and a recent trend to become top ranked resolution. Not in a spot to pull the full data right now, but the top 6 resolutions are <= 1920.

The paragraph breaks require a new JS that isn't getting sent out for some reason. I plan to look at this again but for now the best solution is to clear the browser cache (notice this reply is normal).

Admin for GameDev.net.

Show me a site like GameDev.net with similar content, components, etc that is full width.


How about three? Full width isn't necessary, but filling the window is. Use the space the user provides.

one.jpg
two.jpg
three.jpg

It's not the web's fault for going to fixed width centered containers for content. It's psychology. The research I've done into design and usability convinced me that fixed width containers are a better style for a site like gamedev.net where people are trying to consume and retain information. This was not an easy mindset change as I've always preferred 100% width. Research suggests that properly contained content is easier to read, easier to digest, and ultimately more efficient to process. The trick is ensuring proper whitespace balancing to structure the content. This is why the web has gone that way, although I think more mobile and varied displays contribute to that as well.
I've increased the container width for a certain size screen. Parts of the site look terrible and disrupt content flow at this width, but I suspect anyone who cares more about width won't care about content flow.


And Microsoft's research told them that a flat, monochrome GUI with no contrast was the way of the future and no one really wanted nice graphics. Your point?

Show me a site like GameDev.net with similar content, components, etc that is full width.


How about three? Full width isn't necessary, but filling the window is. Use the space the user provides.

one.jpg
two.jpg
three.jpg

Those are forums only. We have more than just forums, which I think is part of the issue here.. those who don't like this layout want full-width forums but forget about the rest of the site. Front page looks worse the wider it gets, and we're building out new sections there. Blogs and articles look worse if we go wider than they are now (in all instances, too much horizontal text, not enough text blocks which are easier to read).

It won't get wider than the current layout. I've already made some concessions for wider screens at the detriment of other areas of the site. And as I've said before, <=1920 resolution is the majority of visitors to the site at this time. I applaud higher resolutions, but according to our stats >= 1920 is nowhere near the majority here.

Admin for GameDev.net.

Those are forums only. We have more than just forums, which I think is part of the issue here..



Plenty of other content in different formats. I'm only talking about the forums, not the other content.

ocforums.com main page: http://www.overclockers.com/
ReefCentral main page: http://www.reefcentral.com/index.php?s=
EEVBlog main page: http://www.eevblog.com/

What is the issue with this? Why is this not desirable? More space for the forum content:

whynot.png
Personally, I don't mind because the width that you've chosen is incidentially not that much less than the width I've set my browser window to anyway. There's only about 2 centimeters blank to the left, and 6 centimeters blank to the right where the blinking lights column is supposed to be. That's OK, could be worse.

But you should know that fixed-width layouts were considered bloody lame suxalot a decade ago already. It really doesn't cost anything to make a layout flexible, not with present-day technology anyway. Just saying. :)

Try and pretend you are somewhat older and/or visually impaired, and set the magnification (darn it, how hard can it be to spell magnification right) to 150% or 175%. Notice something?

Those are forums only. We have more than just forums, which I think is part of the issue here..


ocforums.com main page: http://www.overclockers.com/
ReefCentral main page: http://www.reefcentral.com/index.php?s=
EEVBlog main page: http://www.eevblog.com/

Plenty of other content in different formats. I'm only talking about the forums, not the other content.

What is the issue with this? Why is this not desirable? More space for the forum content:

As I've said, the basic reason it's not desirable is readability. Majority of the web has gone fixed width for a reason, despite screens becoming higher density and wider. Long horizontal lines of text have been proven to reduce information retention, scanning efficiency, and other factors that basically reduce your ability to find and absorb relevant information.

In addition, wider width complicates the design. It's not like we have a staff of web designers waiting for their next project to accommodate how to best address content and style goals into > 1920px.

But my final point has to do with the last screenshot you posted. Your eyes will be slower reading the 100% width screen of the forums vs a fixed width condensed version. In the 100% width, your eyes will catch the left column of topics, and for each row your brain will traverse across empty whitespace to see when the latest post happened and who posted it. Your eyes will not jump to the right column, even though you might think so. They have to go horizontal across the empty whitespace because they need to trace the horizontal lines to make sure you're in the proper row and reading the relevant information.

Fixed width / more condensed eliminates most of the center whitespace traversal - sure, a lot of unused pixels around the content, but a) at least there isn't a lot of unused pixels within the content, and b) unused pixels around the content frame it so your eyes/brain know where to focus. We don't want you looking in the gutters anyway unless we put something there (a very real possibility at some point in the future for important notices). It really is that simple.

Folks, this layout was not just thrown together. A fair amount of research and experimentation went into it with the goal to make the website a better tool for you. Are we more interested in pixel efficiency or brain efficiency? The response to this layout seems to imply pixels are more important than brains.

Admin for GameDev.net.

Long horizontal lines of text have been proven to reduce information retention, scanning efficiency, and other factors that basically reduce your ability to find and absorb relevant information.


I'm not going to sit here and continue to argue. I disagree. Again, I have my window set full screen specifically for forum content. The majority of the sites I visit are message boards. The ones I posted are boards I frequent.

Regardless, you're in charge and you can do what you wish. Can you at the very least not interfere with the style sheet mod that fastcall22 posted? At least I can see the forums as I wish.

I think the reason why the width feels wrong on the Gamedev page and not on the other sites is because there is no clear indication of what is background and what is content.

post-36615-0-24133800-1487557943.png

In this example provided by jbadams we can see that the other pages have clear separation between the content and background.

While the Gamedev forum looks like a white page, with writing only in the center, maybe all you need to do is darken the background or add a clear repeating detail, so that it becomes meaningless noise and fades to the back of a readers mind.

three.jpg

this image posted by MarkS, shows the noise idea.

Since you showed the ad blocker blocker I've disabled it. Now with the ads, they pop in when loading (which still takes up to 5 seconds going back/forth) moving all content down. Could you provide a fixed height so the ads do not move visible content?

Back in the old days a simple width/height attribute to an image did the trick.



203 requests for this specific page of the forum is quite a lot? Esp. as 98% of it are G**gle ad crap and it takes 28 seconds overall to load. The actual content took a whopping 9s to load. Something is amiss here.
I really want to support you by not disabling ads but expect even more blockery stuff from other members.

Fruny: Ftagn! Ia! Ia! std::time_put_byname! Mglui naflftagn std::codecvt eY'ha-nthlei!,char,mbstate_t>

This topic is closed to new replies.

Advertisement