I have to say, at the very least, the UI is a breath of fresh air compared to new Reddit. New Reddit is just...I can't quite put my finger on it, but it just feels awful to look at.
The main UI itself, again very width restricted, but also has strange paddings [1] which limit severely the area for the title (which is the most important UI element). Doesn't really make sense to me. The vertical centering is a bit of a mess, and the size of icons is also either way too big or way too small [2].
[0] https://i.imgur.com/gZEWEdJ.png
[1] https://i.imgur.com/nayP548.png
[2] https://i.imgur.com/XZPToxy.png
EDIT: Huh, I hadn't used new reddit in a long time, I actually took a look now and it seems like it has improved significantly. I actually don't hate it as much, it looks much closer to old reddit now, with full width content and much less padding [3]
The _old_ reddit always just worked. I never had to reload the page multiple times, sometimes giving up entirely.
Obviously I'm still using the site or I wouldn't be complaining, but like, what exactly was wrong with old reddit again?
I blame typical tech dysfunctions and the interests of users not align with short term stakeholder interests.
For extremely wide screens it obviously looks awkward, but the idea seems sound in principle.
IIRC, the reason you'd want to restrict width of content is that it's hard for your eyes to track back all the way left, to the start of the content, when you need to go down a line. But the header is just a single line, so it doesn't have this problem.
In the case of very wide screens they should probably restrict the header width too, just not quite as much.
Before: https://i.imgur.com/sgODcLW.png
After: https://i.imgur.com/8j7P1YE.png
The latter is objectively worse. I understand that > 1080p monitors are a small fraction of your user base, but that's still not reason to not test your UI on larger resolutions, for a site as big (and prominently used by devs with large screens) as GitHub.
My eye still has to jump back and forth long distances if I want to fork the repo for example.
I’d agree this is bad design, but I’d be somewhat surprised if it’s a big practical problem for most people.
It's the most basic form of window management, and it works pretty well.
It's especially helpful if you want to be able to focus on one thing at a time only, and not have multiple different windows with disparate screen noise visible at once.
I often operate in that mode, using a tiling window manager to have a single maximized window on my primary monitor, and optionally a tile of auxiliary windows on my secondary monitor.
Now combine the above with the fact that i'm using a ~23" 1366x768 monitor, the tendency of pretty much every site out there to use the window width as a means to differentiate between mobile and desktop sites and the stupid trend to use ginormous font sizes everywhere and you get an idea of how much i like browsing many sites out there (at least HN and old Reddit is perfectly fine). Well, i'm thankful that browsers have a zoom option at least, many of the sites out there are only usable at a 70-80% zoom for me.
But yeah, last time i had my browser maximized all the time was when i had a 4:3 monitor.
It's time to upgrade.
This is a brand new monitor i bought some months ago (late 2019) and the cost was much bigger than 5 dollars. In fact it was the most expensive VA monitor at this resolution (i avoid IPS because i actually want to be able to see dark colors and contrast and every single IPS monitor i've used, regardless of resolution, is garbage when it comes to that with the awful backlight glow), it has a ton of inputs at the back, relatively fast response time (for VA), etc. It is one of the best monitors i ever had.
The resolution was something i explicitly opted for, partly because at the time i had an APU-based system that i wanted to game on and i didn't want the blurry mess that a higher resolution would have and partly because 1366x768 on a monitor (as opposed to laptop) makes for very sharp icons, fonts (after you disable antialiasing) for everything (as opposed to using a hidpi monitor where some apps look crisp and others look either too tiny or blurred from scaling). Also as a (very high) bonus, it looks great when playing older games that often use 1024x768 as a resolution since i have 1:1 mapping there.
Finally 1366x768 is currently by far the most common resolution on PCs (mainly thanks to laptops, but desktops use it too - see mine) according to statcounter and the second most common on gaming PCs according to Steam, so it isn't something you'd only find in obscure old PCs, it is as mainstream as it gets.
According to steam 10.9% of users are running at that resolution. Only 4% are running at worse and 85% are running at higher resolution mostly at 1080p at a whopping 65%. Calling it the second most common is true but deceptive is it just means that its so old that there are so many different better choices that people are spread out over the many and varied better choices.
https://store.steampowered.com/hwsurvey/Steam-Hardware-Softw...
>i didn't want the blurry mess that a higher resolution would have
https://linustechtips.com/main/topic/285860-720p-looks-bad-o...
If you mean that your apu is so weak that it can't do more than 720p and this would look bad at 1080p you are correct but that seems like a uniquely bad choice given that one would logically want to either get an actual gpu or give up on gaming and get a screen worth using instead of picking a compromise that is the worst of both worlds.
Regarding scalling 800x600 scales evenly to a 1920x1200 with black bars on the sides. 1152×900 scales to 1600x900 in the same fashion. You can also run the game in a window and avoid having to match it up evenly.
>1366x768 on a monitor (as opposed to laptop) makes for very sharp icons, fonts (after you disable antialiasing) for everything (as opposed to using a hidpi monitor where some apps look crisp and others look either too tiny or blurred from scaling).
I think your eyesight is bad.
Your PPI: 68 Common Resolution for your screen size: 95 Best in class: 191
Which is why right after the part you quoted and apparently ignored, i wrote "and the second most common on gaming PCs according to Steam". Gaming PCs are more likely to have higher resolution, but not every PC is a gaming PC. Statcounter.com has 1366x768 above 1920x1080.
Also 10.9% of Steam's user is still around 10 million active users, which is a lot of people.
> but that seems like a uniquely bad choice
That is your opinion, i find it a great choice and i like my monitor.
> given that one would logically want to either get an actual gpu
I have an actual GPU nowadays.
> or give up on gaming
I do not think you are in position to tell anyone give up anything.
> and get a screen worth using
I find my monitor worth using.
> instead of picking a compromise that is the worst of both worlds.
That is your opinion that i disagree with.
> Regarding scalling 800x600 scales evenly to a 1920x1200 with black bars on the sides.
1920x1200 is not 16:9 which will cause either black bars or stretched UIs on actually new titles and videos, i wouldn't personally buy a non-16:9 monitor these days. Also 800x600 looks fine on my 1366x768 monitor centered (even if a bit smaller image) with 1:1 pixels.
> 1152×900 scales to 1600x900 in the same fashion.
Pretty much no game where you have to use fixed resolutions (mostly 2D games) uses 1152x900. Earlier 3D games work at 1366x768 by centering 1024x768 but almost all of them have workarounds to work at higher 4:3 resolutions (when i used a 1920x1080 monitor i often ran older 3D games at 1440x1080).
> You can also run the game in a window and avoid having to match it up evenly.
If i had Windows 7 or using Linux, perhaps, but with Windows 8+ and the forced compositor that adds input lag i avoid running games in a window.
> I think your eyesight is bad.
Yes it is, which is why i sit close to the monitor so i can see stuff (and the reason i prefer smaller monitors). But i can clearly see the pixels, which is what i mean with "sharp" here.
> Best in class: 191
Subjective and it has all the issues with scaling and blurring i mentioned in my last message.
How would you differentiate them? At least with the width you can use css media queries so no Javascript is needed.
Not sure, i'm not into web development, i just see using the window width as the wrong way. I keep my window down to that size even when i'm using monitors with larger resolutions (1080p or 1440p), it is a bad idea to assume window width == monitor resolution == device type.
Although in the case of Reddit the old design isn't perfect either, because if the browser window is narrow enough it'll have a bug where you can shift the whole website out of the visible area by writing a long line in a comment.
To be clear, I know this is not a trivial thing, but when UI designers don't know how to handle certain viewport sizes they should rather just let the browser's scrollbars do the job they've been doing fine for decades.
You can reduce it by making real or fake windows on the left and right. Haven't gotten around to making a macro for that yet. If it's an article reader mode also exists.
Never would have happened if someone hadn't made a post like this, so thanks!
edit: Aaaand instant regret, wow. Are you guys seeing this "Top Broadcast Right Now" shit? The best part for me is not just the ~1000px high random garbage video that takes up my whole screen, but before the video itself loads I actually get a ~1000px "white noise" animation, except it isn't just white but brightly colored, too.
I had a brief urge to heat up my soldering iron and stick it in my eye.
One of the few infomercial products that are actually good.
The UI itself isn't horrible, it's the UX. It's incredibly bulky and slow, and some user links have been hidden while others completely removed.
UX design used to be about good usability. Now it's all about shoving the latest hipster trends from Dribbble and Behance that look all "Shiny" and gives the CxOs orgasms.
One more odd thing that I found - maybe this is anecdotal - Developers who design interfaces based on OTS frameworks (Eg. Bootstrap) have a much better sense of UX than dedicated UX designers.
Offering a second opinion; they barely know how to display text without using JavaScript. There is a lot of room for technical improvement.
Teasing aside, I like Mastodon. I’ve used it a bit myself too, and I have a profile on an instance of it.
Gopher is a success when you browse wikipedia on it.
I agree. I find this interface extremely readable (It clearly displays "JavaScript is required for this page") and simple to use; I close it and move on to something that actually works. Very minimal and intuitive. I approve.
Also, on mobile it gets rid of this "switch to the native app" nag!