Live data from Hacker News

Wikipedia is getting a new look

diff.wikimedia.org

271–280 of 529 posts

Re: Wikipedia is getting a new look

#271
post #10

> the wide range of functionality on the site can feel overwhelming and difficult to understand I guess it must just be my lengthy history with the web, but this line is like nails on a blackboard to me. It's OK to have to learn how to use powerful tools!

Tools meant to be used by laypeople need to make a good first impression.

A mainframe-style UX where you have to type magic letters to trigger functions is great once you've gotten used to it, but the average user will not put in this effort and simply use something else instead (compare e.g. vim vs. nano). You can afford that sort of UX when you have users who don't have much of a choice and/or will spend a lot of time using that specific tool (which is why vim is still a thing). That's the case for e.g. airline booking systems for agents, not the case for airline booking websites for average users, and not the case for Wikipedia either.

The best UX for this is a UX that is simple, yet still provides the advanced features, and ideally makes them discoverable. A classic example would be menus: You can either slowly click through the menu with the mouse, you see all the options, and you see the underlined letters that will allow you to navigate the menu much faster if this specific menu is worth learning.

Additional visual clutter can be overwhelming, even to experienced users, especially if it's not well separated from the important stuff (it can simply make the important things harder to find - compare e.g. the toolbars of Google Slides and OpenOffice Impress). But good design can easily counteract this. For example, you could use a grey background on the unimportant stuff to let people focus on the important stuff.

Which is why Wikipedia is doing. It's not as if the presence of that toolbar is going to distract someone from the only other task that can be done on the page, reading the article that takes up the entire rest of the screen...

Re: Wikipedia is getting a new look

#272
post #19

If someone asked me to critique the UX of Wikipedia, the first two things I’d point out would be that I almost never use the left hand side bar (and I have a feel almost no one does) and that when paragraphs are that wide they become harder to read (especially when they snake around floated images). Not changing for 10 years, watching as some trends fade and others become law-of-the-land, and then making two changes…

Sounds like you want the responsive design version of Wikipedia.

https://en.m.wikipedia.org

Re: Wikipedia is getting a new look

#273

Please, since someone from wikipedia is probably reading this: Keep the JavaScript to a minimum. The plans aren't clear to me, but given what sites like reddit/etc have done during their "updates" the new UI's are terrible on anything that isn't a top of the line device with a screaming fast internet connection. Wikipedia (and a few other "older" sites) is such a pleasure to use as is, don't ruin it. AKA round-trippi…

And for the love of god, don't add anything that will require a cookie pop up.

Re: Wikipedia is getting a new look

#274
post #19

If someone asked me to critique the UX of Wikipedia, the first two things I’d point out would be that I almost never use the left hand side bar (and I have a feel almost no one does) and that when paragraphs are that wide they become harder to read (especially when they snake around floated images). Not changing for 10 years, watching as some trends fade and others become law-of-the-land, and then making two changes…

I use the sidebar a _lot_ for switching between languages.

Re: Wikipedia is getting a new look

#275
post #252

Earlier quoted context omitted.

I don't understand why people complain about line length when that really means you should just resize the window to your preference. On the other hand, pages that stay in a narrow column in the middle when I widen the window really infuriate me, because I explicitly asked for wider columns and am not getting it.

Who does that? I think most people browse the web with many tabs open at once, and switch between them constantly. I don't think it should be on the user to resize their browser viewport every time they switch tabs to maintain a comfortable measure. That's the website's responsibility.

On Windows you can do it with a single keybinding. Windows key + left or right arrow.

Re: Wikipedia is getting a new look

#276

Using Wikipedias language switcher to translate things seems to be quite common here, so I thought I'd share how I moved the languages up on top, so I don't have to scroll down on smaller screens or when zoomed in. In ` /chrome/userContent.css` I wrote the following: @-moz-document domain(wikipedia.org) { #mw-panel { display: flex; flex-direction: column; } #mw-panel nav { order: 9; } #mw-panel nav#p-logo { order: 1;…

Actually, if you have a Wikipedia account, you can save custom CSS (and even JS?!) to your account: https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsec...

Yes — custom gadgets and user scripts are quite common! It fits in with the ethos of the place, but is quite remarkable compared to nearly any other popular website.

Re: Wikipedia is getting a new look

#277

Direct link to one of the early adopter wikis: https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_princip...

From that link, it seems like the change in the text column width behavior, which is promoted as limiting text columns to a maximum width, in practice creates a min-width as well which can be quite wide. That is, in the old wikipedia, you can adjust the browser window to make the text column arbitrarily narrow, but in the new wikipedia — depending on other elements on the screen — in practice can you from having an uncomfortably wide column of text that you can't adjust to be any narrower.

So it seems like kind of a mixed bag readability-wise.

edit: For example, this article's main text area seems to have a width of around 155 characters, while typography rules of thumb dictate not exceeding 75 or so:

https://fr.wikipedia.org/wiki/Reichsgau_Wartheland

Re: Wikipedia is getting a new look

#278
post #126
post #19

If someone asked me to critique the UX of Wikipedia, the first two things I’d point out would be that I almost never use the left hand side bar (and I have a feel almost no one does) and that when paragraphs are that wide they become harder to read (especially when they snake around floated images). Not changing for 10 years, watching as some trends fade and others become law-of-the-land, and then making two changes…

The sole critique of the UX of Wikipedia that I have is that the normal version of Wikipedia redirects you to the mobile version when using a mobile device, and changes the URL while doing so. This is why we end up with all these m.wikipedia links. The mobile version, however, does not redirect you to the normal page when using a normal computer. So people like myself constantly have to edit the "m." from wikipedia l…

I'll never understand the lack of a "prefer full site" link in the footer of every page. Common sense / table stakes for usability since forever.

Re: Wikipedia is getting a new look

#279

MediaWiki has a skin system, and judging from other comments here this appears to be treated as a new skin, or an iteration of the already default "Vector" skin. There are several skins that have tried to tackle some of these problems in the past, notably Foreground: https://foreground.wikiproject.net/wiki/Main_Page Refreshed: https://www.mediawiki.org/wiki/Skin:Refreshed and Timeless, which was a quasi-Wikimedia pro…

Not sure if what you’re linking is the same, but Wikipedia and other Wiki sites also allow you to apply your own css in your user settings. These override any themes you set.

If you add only these two, it already improves the experience with 99%:

To limit the width of paragraphs:

#mw-content-text { max-width: 50em; }

To set a serif font for text and headings:

p, page-heading.h1, mw-parser-output.h1, mw-parser-output.h2, mw-parser-output.h3, mw-parser-output.h4, mw-parser-output.h5, mw-parser-output.h6, .mw-headline { font-family: Georgia, "Times New Roman", sans-serif; }

Re: Wikipedia is getting a new look

#280
I wonder if it will ever look much like https://libreplanet.org. It’s the only site I’ve seen with a theme that modifies the actual layout (ie. the sidebar and Article | Talk / Read | Edit | View History tabs), AFAIK — I wouldn’t have known it was MediaWiki if I hadn’t happened to click to https://libreplanet.org/wiki/Group:LibrePlanet_Wiki_Helpers
Post reply on HN