Live data from Hacker News

Explore Wikipedia's New Look

wikimediafoundation.org

241–250 of 288 posts

Re: Explore Wikipedia's New Look

#241

> Research has shown that limiting the width of longform text leads to a more comfortable reading experience, and better retention of the content itself. Is this actually true? I'm curious if anybody has sources for this and if it's a common UX practice. I tend to use wider windows than traditional 8:9 half-screens and this max-width practice drives me nuts.

Yes, it's extremely common UX practice. Lines really should be no longer than 80 characters at an absolute maximum. 50-60 is ideal.

Re: Explore Wikipedia's New Look

#243
post #72

Thanks, I hate it. Everything I loathe about "modern" web design made manifest here, and switched on without warning! At least I can turn it off in settings.

You can even turn off responsive design in the settings. I should have checked earlier.

yay, I need to get an account so I can browse it normaly. great...

Re: Explore Wikipedia's New Look

#244
post #215

Earlier quoted context omitted.

Yeah, I hate it, it introduced lots of white space (I'd say about 20-25% of the screen) on the right-hand side. I don't see how this new version [1] is better than this old version [2] [1] https://imgur.com/a/IZHxqOy [2] https://imgur.com/a/q1PD3WY

The reason for this is readability. Long lines of text are empirically bad for readability, making it hard for readers to find the correct next line. However, the line length Wikipedia picked seems to be a bad compromise. At around 120 characters per line it‘s double the recommend line length (60 characters). If you look at newspapers, magazines and books you will see the 60 character rule of thumb adhered to pretty…

> However, the line length Wikipedia picked seems to be a bad compromise. At around 120 characters per line it‘s double the recommend line length (60 characters).

Unfortunately, Wikipedia uses a lot of right-side floats, some of which are quite wide. They are also frequently referred as “on the right” in the main text, which can be quite jarring on mobile/minerva where they might be above or below.

I could imagine a breakpoint where those floats would turn into margin notes, but that sounds extraordinarily fiddly.

Re: Explore Wikipedia's New Look

#245
post #215

Earlier quoted context omitted.

The reason for this is readability. Long lines of text are empirically bad for readability, making it hard for readers to find the correct next line. However, the line length Wikipedia picked seems to be a bad compromise. At around 120 characters per line it‘s double the recommend line length (60 characters). If you look at newspapers, magazines and books you will see the 60 character rule of thumb adhered to pretty…

> mostly because scrolling is fundamentally incompatible with columns How so? You just scroll horizontally rather than vertically. Even actual scrolls come in both vertical and horizontal (column-based) formats.

That is actually a nice idea (and I’ve seen designers’ personal pages that do do that), but would probably look too artsy on today’s web. Gestures on mobile are also quite married to the vertical direction, so unless you’re willing to switch directions depending on screen size (way too jarring) that’s going to be somewhat broken as well.

Re: Explore Wikipedia's New Look

#246
post #215

Earlier quoted context omitted.

Yeah, I hate it, it introduced lots of white space (I'd say about 20-25% of the screen) on the right-hand side. I don't see how this new version [1] is better than this old version [2] [1] https://imgur.com/a/IZHxqOy [2] https://imgur.com/a/q1PD3WY

The reason for this is readability. Long lines of text are empirically bad for readability, making it hard for readers to find the correct next line. However, the line length Wikipedia picked seems to be a bad compromise. At around 120 characters per line it‘s double the recommend line length (60 characters). If you look at newspapers, magazines and books you will see the 60 character rule of thumb adhered to pretty…

[deleted]

Re: Explore Wikipedia's New Look

#247
post #195

Earlier quoted context omitted.

I think if you really want full-width text, you could write a little custom CSS to make it work how you want it. As it stands, I think the new design is a much better default for most people. Also, zooming and changing browser window size is, while only a keystroke away, isn’t something I want to do just to make a site that should be optimized for reading text more legible. It should just default to that way. In shor…

> I think if you really want full-width text, you could write a little custom CSS to make it work how you want it. How? Seriously, if you have a way to do this that works for pages in general I'll be extremely grateful. I tried using a user stylesheet that said * { max-width: 100% !important } for a while, but that breaks too many non-root elements on all sorts of sites. Whereas making the page narrow when it doesn't…

I use the Stylus extension for Chrome (also available on Firefox) to write user styles for sites, mostly to improve the legibility of text, but for sites like HN and Reddit that I browse a lot I've customised their look and feel extensively to match my tastes. Creating a custom style for a site just requires you to click the Stylus button in the toolbar, click on the site name at the bottom of the menu to create a new style and open the editor in a new tab and then add your CSS and hit save. You can also search for existing styles for your current website that have been published online.

You can have one style apply to multiple domains, I have a simple one for making text black and setting the font size and line spacing which works on a dozen sites or so. You can even use SCSS or Stylus instead of plain CSS if you want.

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpe...

Re: Explore Wikipedia's New Look

#248
post #215

Earlier quoted context omitted.

Yeah, I hate it, it introduced lots of white space (I'd say about 20-25% of the screen) on the right-hand side. I don't see how this new version [1] is better than this old version [2] [1] https://imgur.com/a/IZHxqOy [2] https://imgur.com/a/q1PD3WY

The reason for this is readability. Long lines of text are empirically bad for readability, making it hard for readers to find the correct next line. However, the line length Wikipedia picked seems to be a bad compromise. At around 120 characters per line it‘s double the recommend line length (60 characters). If you look at newspapers, magazines and books you will see the 60 character rule of thumb adhered to pretty…

60 characters is way too short for comfort. Too much vertical movement makes it hard to keep track of the line I'm on. 120 is better but still too short in my opinion if the page is wide enough for longer lines.

Re: Explore Wikipedia's New Look

#249
post #233

My initial take: I actually like this a lot. The body text is narrower which makes for easier reading. The sidebar with an updating highlight of current place in document is really nice too. I don't mind the "wasted space": Wikipedia is primarily about reading, and any well typeset book or web page should have generous margins so the line length is not too long.

My first take: it’s different so it sucks. The lack of visual separation between the main content and the menu on the left is atrocious. Second take: oh wait, the menu in the left was completely useless and they replaced it with the table of contents for that particular entry. That’s actually a welcome change. I’ll get used to “different so it sucks” soon enough anyway, that’s my fault not theirs. It’s kind of fascin…

I find so much whitespace to the left tries to grab my attention and makes it harder to focus on the content.

Re: Explore Wikipedia's New Look

#250
post #210

My initial take: I actually like this a lot. The body text is narrower which makes for easier reading. The sidebar with an updating highlight of current place in document is really nice too. I don't mind the "wasted space": Wikipedia is primarily about reading, and any well typeset book or web page should have generous margins so the line length is not too long.

For 16:9 screen sure, old wikipedia is too wide but I use side tabs in browser so my browsing area is closer to classical 4:3 monitor and the old one fit very well (for me) on that.

I find the old width fine. The font size was too small, I adjust that locally, but the length was ok.
Post reply on HN