Why not? ,Wikipedia basic theme is not very good anyway,too much un-usefull meta informations,tiny text,barely readable sans serif font... a lot can be done to make the whole thing more readable/usable,the OP redesign is clean an minimal.That's what Wikipedia needs.
But it deserves a better and more delightful design. This is my vision of how the reading experience should be like. Better typography, removed side bar, reduced clutter, improved contrast and clarity, and more open space.
By removing these useful elements, it's actually made the general experience of a web site worse. These things are needed in one form or another to make a website usable as a site and not just a page.
Nice. This should be a required reading for every "vision"-happy hipster designer out there:
It works for me, in my context, on my screen, it should be fine, right? Well, that's not designing. That's cheating. You're skewing the content's use, perverting its value.
This point is worth repeating: design without a purpose is not design; it's onanism. Anyone can go spend a weekend playing with photoshop for hours to give free rein to their own "vision" and aesthetic prejudices, given enough familiarity with the tool --in a way, not too different from shopping or 'pimping' a car or what not. But an altogether different challenge is to design for users, the vast majority of whom one will likely never even meet. And that requires at the very least some empathy for the poor victims stuck with one's shitty and arbitrary design choices long after one has moved on check in hand --like disabling zoom, hello!?!??.
So when the OP glibly says in their manifesto[1]:
"I love Wikipedia. It's awesome. But it deserves a better and more delightful design. This is my vision of how the reading experience should be like. Better typography, removed side bar, reduced clutter, improved contrast and clarity, and more open space."
I would respond:
1. Ok, but try first put yourself in the shoes the hundreds of millions of users who rely on wikipedia every day and their whole spectrum of use cases, environments and needs; then
2. try locate the totality of your own experience within that spectrum; and then
3. ask yourself to what extent your prior notions of delight, clarity, typographic beauty, etc might be highly conditioned by the peculiarities of your own experience and environment; and
4. to what extent such acquired "good design" intuitions are really the kind of self-evident, plausibly generalizable ground truths about usability and human interaction you feel it's worth pontificating about.
There are many people doing redesigns for websites and games, and they usually end up making things prettier while not improving user experience or even making it worse. So my humble request to everyone making these is to try to address the usability issues a site might have, and don't concentrate too much on the superficial look of the site.
All browsers have the ability to configure the font to whatever the user desires. Why does this site override the user's preferences, and make the body text larger?
This would work well as a userstyle for Wikipedia if it were available. The type is far too large though, I needed to zoom out about 50% for comfort.
Compare a featured article seen on the front page in the mobile version of Wikipedia [1], with this site's style [2]. The mobile version keeps the text smaller and narrower, making for easier desktop reading. There ultimately isn't much this new style improves upon though.
IDK, I think people tend to ignore the virtues of Wikipedia's design. It's actually really well thought out. It may not be pretty, or hip, but as far as utility goes it's hard to find a site that can beat it.
Think about how people use Wikipedia: scanning for one specific bit of information. Normal users see 90% of the information on the page as un-useful, why should meta info matter.
Overall, I think their biggest virtue is consistency, even though it's changed over the years, a user generally knows where to find what she's looking for. That's the purpose of good design, is it not?
No, not another follower of "things are difficult, let's make them simple, modern and nice" camp. Will people learn that removing stuff from the product doesn't make it simple, but simplistic? Removing features (changing languages, wikimedia/wikiquote links) is not an improvement.
Sure, the font typeface is nice, and much better than original but that's about it.
Why is the text so damn huge? I know how to use zoom, thank you very much. Actually, you even broke that - take a look at timeline image of http://wikipedia.moesalih.com/Hanibal - the picture text is a tiny compared to the gigantic text - I can zoom in, but then the text becomes even bigger.
A lot of whitespace and removing virtually all the colors makes the page look very sterile. Remove scrollbar, make the links indistinguishable from text and you have a Metro/Modern(R)(TM) app. I still wonder how much brain damage the designer of that style suffers from...
No visited link indication? Is that meant to be some kind of a joke?
Obviously in some designers' minds (including yours) cleaner = better. But it's not! Wikipedia is not the award-winning oh-my-god-it-looks-so-nice page. No it's very very functional and easy to read. All those vertical lines, boxes and bars add structure and visual cues to the text and make it much easier to read. Thank you for taking it away.
I think the idea behind the bigger font sizes is that the space between your head and the screen is typically greater than that between and a book you're reading. I would agree that this takes a bit far, but it may look nice on a mobile device.
I'm going to have to second this. Why waste all of this screen real estate? I zoomed it out to 67% on Chrome to make it look normal. Definitely one of my biggest pet peeves about modern web UI.
This is a really interesting approach - and I concur w/ elsen - it's not that far from wikipedia's current mobile implementation [1]
Last summer, I build a couple of MediaWiki skins; one based on Zurb's Foundation [2] and one based on Yahoo's Pure [3]
Both of these projects showed me many of the non-obvious challenges in redesigning Wikipedia; tabs, tables, and editor come to mind immediately. Cascading a new look&feel down to common (and uncommon) extensions is, of course, it's own level of effort.
Personally I don't think it improves on the usability and I find the font too large, meaning that I feel like I have minor tunnel vision compared to normal Wikipedia.
The only part of normal Wikipedia pages that I normally never touch is the sidebar with the different languages. I don't think I hardly ever click on anything there. It would make sense for my usage at least for the sidebar to be hidden by default.
53 comments
[ 2.5 ms ] story [ 111 ms ] threadThis is wikipedia mobile with a new typo isn't it?
http://en.m.wikipedia.org/wiki/Hacker_news
Why do people do this? They are, even if they don't realize it, yelling "FUCK YOU" to people like me.
But it deserves a better and more delightful design. This is my vision of how the reading experience should be like. Better typography, removed side bar, reduced clutter, improved contrast and clarity, and more open space.
By removing these useful elements, it's actually made the general experience of a web site worse. These things are needed in one form or another to make a website usable as a site and not just a page.
[0]: http://wikipedia.moesalih.com/?about
http://jgthms.com/wikipedia-redesign.html
It works for me, in my context, on my screen, it should be fine, right? Well, that's not designing. That's cheating. You're skewing the content's use, perverting its value.
This point is worth repeating: design without a purpose is not design; it's onanism. Anyone can go spend a weekend playing with photoshop for hours to give free rein to their own "vision" and aesthetic prejudices, given enough familiarity with the tool --in a way, not too different from shopping or 'pimping' a car or what not. But an altogether different challenge is to design for users, the vast majority of whom one will likely never even meet. And that requires at the very least some empathy for the poor victims stuck with one's shitty and arbitrary design choices long after one has moved on check in hand --like disabling zoom, hello!?!??.
So when the OP glibly says in their manifesto[1]:
"I love Wikipedia. It's awesome. But it deserves a better and more delightful design. This is my vision of how the reading experience should be like. Better typography, removed side bar, reduced clutter, improved contrast and clarity, and more open space."
I would respond:
1. Ok, but try first put yourself in the shoes the hundreds of millions of users who rely on wikipedia every day and their whole spectrum of use cases, environments and needs; then
2. try locate the totality of your own experience within that spectrum; and then
3. ask yourself to what extent your prior notions of delight, clarity, typographic beauty, etc might be highly conditioned by the peculiarities of your own experience and environment; and
4. to what extent such acquired "good design" intuitions are really the kind of self-evident, plausibly generalizable ground truths about usability and human interaction you feel it's worth pontificating about.
[1] http://wikipedia.moesalih.com/?about
There are many people doing redesigns for websites and games, and they usually end up making things prettier while not improving user experience or even making it worse. So my humble request to everyone making these is to try to address the usability issues a site might have, and don't concentrate too much on the superficial look of the site.
All browsers have the ability to configure the font to whatever the user desires. Why does this site override the user's preferences, and make the body text larger?
How do I do that here?
Compare a featured article seen on the front page in the mobile version of Wikipedia [1], with this site's style [2]. The mobile version keeps the text smaller and narrower, making for easier desktop reading. There ultimately isn't much this new style improves upon though.
[1] http://en.m.wikipedia.org/wiki/Cyclone_Joy
[2] http://wikipedia.moesalih.com/Cyclone_Joy
Think about how people use Wikipedia: scanning for one specific bit of information. Normal users see 90% of the information on the page as un-useful, why should meta info matter.
Overall, I think their biggest virtue is consistency, even though it's changed over the years, a user generally knows where to find what she's looking for. That's the purpose of good design, is it not?
Sure, the font typeface is nice, and much better than original but that's about it.
Why is the text so damn huge? I know how to use zoom, thank you very much. Actually, you even broke that - take a look at timeline image of http://wikipedia.moesalih.com/Hanibal - the picture text is a tiny compared to the gigantic text - I can zoom in, but then the text becomes even bigger.
A lot of whitespace and removing virtually all the colors makes the page look very sterile. Remove scrollbar, make the links indistinguishable from text and you have a Metro/Modern(R)(TM) app. I still wonder how much brain damage the designer of that style suffers from...
No visited link indication? Is that meant to be some kind of a joke?
Obviously in some designers' minds (including yours) cleaner = better. But it's not! Wikipedia is not the award-winning oh-my-god-it-looks-so-nice page. No it's very very functional and easy to read. All those vertical lines, boxes and bars add structure and visual cues to the text and make it much easier to read. Thank you for taking it away.
No offense, but this creation is horrible.
But... why are you leaking my information to facebook, twitter, yandex.ru and google analytics?
http://en.wikipedia.org/wiki/Wikipedia:Unsolicited_redesigns
Maybe some kind of menu button could be added near the search bar with the edit, history and talk links.
Last summer, I build a couple of MediaWiki skins; one based on Zurb's Foundation [2] and one based on Yahoo's Pure [3]
Both of these projects showed me many of the non-obvious challenges in redesigning Wikipedia; tabs, tables, and editor come to mind immediately. Cascading a new look&feel down to common (and uncommon) extensions is, of course, it's own level of effort.
1. https://en.m.wikipedia.org/wiki/Main_Page 2. http://foreground.thingelstad.com/wiki/Main_Page 3. http://filament.thingelstad.com/wiki/Main_Page
The only part of normal Wikipedia pages that I normally never touch is the sidebar with the different languages. I don't think I hardly ever click on anything there. It would make sense for my usage at least for the sidebar to be hidden by default.