boostorg / website-v2

New Boost website
https://boost.io
Boost Software License 1.0
9 stars 13 forks source link

Please avoid wasting space on the sides #936

Open Lastique opened 8 months ago

Lastique commented 8 months ago

On the new website, the actual content takes about 2/3 of the screen width, leaving huge empty bars on the sides and condensing the content in the middle. This is the case both for the main website content, as well as the library documentation. For example, on a 3840x2160 screen, the main website content is only about 2430 pixels wide. Library documentation is about 2546 pixels wide.

This reduces the amount of information that fits on the screen and requires more scrolling. Please make the content wider.

A few reference points:

I think, main content should take at least 75-80% of the screen width, preferably full width.

vinniefalco commented 7 months ago

We tried it that way but the problem is that the pages don't look good when all the text is on a single line, which is what happens when you make the window wide enough horizontally. At the end of the day the physical presentation is an editorial decision driven by aesthetics and opinions. And everyone is going to have different opinions. What we have developed attempts to strike a precise balance between form and function.

Lastique commented 7 months ago

I'm quite satisfied how the text looks on the current website.

I suspect, the problems you had were at least in part caused by the font used on the new website. The old website used a more legible and less condensed font.

vinniefalco commented 7 months ago

Every site you linked has a maximum page size, ours is no different except for godbolt.org. But that website does not show any exposition. And by the way, when we were building the Antora templates I raised the same point you have raised about wasting space, to our front-end designer and our artist. They showed me what the resulting page looked like at 3,000+ pixels width, and it was not good at all. The problem with unrestricted horizontal stretching is that you end up with every paragraph on its own line which is the width of the screen. It should be obvious that this is very poor both aesthetically and in terms of functionality. The "page" needs a maximum width to be designed nicely. Some Boost documentation (including mine) has unrestricted horizontal sizing and the result is terrible:

image

This does not look good to me, or other people that I consulted such as @pdimov. Even his documentation has maximum page size:

image

I do not think that we should be pioneers here; maximum page widths exist for a reason. We can tweak some flows like the header or table of contents but I do not think that we should be designing for unlimited horizontal stretching across the entire site.