Wikipedia Redesign Concept

I&#x27;m stuggling to put into words how much I dislike designs like this - superheavy javascript sites that work like ass on my netbook, full of empty space and icons instead of text (so I have to hover over the icons to find out what they do - where&#x27;s the sense in this??) and customized &quot;UI&quot; functionality that make me forever unsure what my clicks will produce.<p>Wikipedia has a plain but very pleasant interface and this would totally ruin it for me.

The heavily-graphical &quot;grid&quot; front page assumes that the best Wikipedia articles have curated, attractive graphics to place in the grid. As a rule, they do not. Wikipedia is a volunteer project, and there are no editors or in-house designers to keep articles fashionably decked out. Not only that, but Wikipedia is at a disadvantage w&#x2F;r&#x2F;t&#x2F; graphics: the site tries to be scrupulous about copyrights, and can&#x27;t appropriate random images or, for that matter, pay licensing fees for them.<p>Similarly, some of the layouts of the tiles in the front-page grid appear to have carefully chosen typography. Who&#x27;s doing that work?

<i>Wikipedia is one of the most visited websites in the world. It hasn’t been changed or redefined during the last 10 years. The web and its technologies has developed further and so have its users.</i><p>And why should it be changed? Wikipedia&#x27;s design is one of the prime examples of &quot;simple, clean, effective&quot;, in my mind.<p>Frankly, the only good idea I see here is an integrated WYSIWYG wiki markup editor. That might work, although MediaWiki markup isn&#x27;t that hard to get acquainted to, and it&#x27;s probably a good thing that someone should spend a bit of time to do so before making major edits.<p>Otherwise, this looks like some misguided attempt to make Wikipedia look more like Medium, as ostensibly Medium is the future of UX. Magpies hopping on to the newest trend, as always. Web design is notorious for this.<p>The front page is an overly cluttered dashboard that makes Wikipedia look like a blog, more than anything else. Unnecessary, and quite constrained.<p>Article pages have been turned into trailing, centered sprawls of text. Works for blogs, but not for an online encyclopedia. The present design is more suited to Wikipedia&#x27;s features as a web project.<p>Also, correct me if I&#x27;m wrong, but isn&#x27;t Wikipedia&#x27;s font responsive and dynamic? It adapts to whatever typeface is the default on your browser.

The problem of re-designing something as popular Wikipedia (especially something useful that has not changed in 10 years!) is that regardless of the result (i.e. better or worse), you will face _fierce_ opposition. Humans are very sensitive to anything that changes their mental model of how they think something should work.<p>Think about radically updating some of these to see what I mean:<p>- Facebook Newsfeed<p>- HNs homepage<p>- Vim interface<p>- Google Search Page<p>- Craigslist homepage<p>- Your favorite web mail client<p>- Your favorite Smartphone main screen<p>- Reddit homepage<p>You can come up with the most amazing forward-thinking improvement, and somebody <i>without a doubt</i> will send you so much hate that you&#x27;ll think it is that person&#x27;s only goal to wipe out your family line.<p>This doesn&#x27;t mean we shouldn&#x27;t do it, it just means that we have to be aware of that section of the population and come up with a strategy that either does 1) a slow migration for the people with old mental model, 2) provides an alternative &quot;classic&quot; view, or 3) completely ignores that section of the population since they may represent a very small minority. I tend to go for 1,2,3 in that order, but of course this can vary differently depending on the project.<p>Nice job with the re-design by the way :)

Wikipedia just redesigned, actually, but it was a mere refonting which most users barely even noticed (the most noticeable change was that the headers were converted from sans-serif to serif). There was a slightly-more-ambitious redesign that emphasized white space (like this one), but the foundation threw out nearly all of the changes because users didn&#x27;t like them.<p><a href="http://www.fastcodesign.com/3028615/the-beautiful-wikipedia-design-that-almost-was" rel="nofollow">http:&#x2F;&#x2F;www.fastcodesign.com&#x2F;3028615&#x2F;the-beautiful-wikipedia-...</a><p><a href="http://associationsnow.com/2014/04/wikipedia-redesign-barely-there/" rel="nofollow">http:&#x2F;&#x2F;associationsnow.com&#x2F;2014&#x2F;04&#x2F;wikipedia-redesign-barely...</a><p>I&#x27;m not saying unsolicited redesigns like this don&#x27;t have value, but there&#x27;s a decent reason why an unsolicited redesign like this will never go over with its audience: Wikipedia is the ultimate design-by-committee product, and the users have a lot of say as a result.<p>Also, Wikipedia has to hit a wider body of users, from dumbphones to outdated browsers. That&#x27;s a problem with redesigns like this in general: They&#x27;re not thinking in these terms because they&#x27;re designing for the high end. Wikipedia is a site that needs to prioritize the low end because it&#x27;s run by a nonprofit foundation whose goal is to spread information, not just create a snazzy user experience.<p>It goes against everything we know about product design, and I agree it could look nicer, but the current design approach works for the Wikimedia Foundation.

For those who get 503, you can also check out the concept on behance: <a href="https://www.behance.net/gallery/16219877/Wikipedia-Redesign-Concept" rel="nofollow">https:&#x2F;&#x2F;www.behance.net&#x2F;gallery&#x2F;16219877&#x2F;Wikipedia-Redesign-...</a>

Why is lowering the information density of everything now considered good design? Wikipedia&#x27;s typography update a couple weeks ago brought increased line spacing and it really sucks. Facebook used to have a great information-rich design but went to &#x27;cards&#x27; earlier this year and now I can see about 2.5 posts at a time (at 1200 lines). Medium and all the rest with their giant, bold fonts, 90+ chars per line etc. tell us that the computing audience today is expected to be mentally challenged, using some kind of handheld casino gaming device, or both. It&#x27;s a sad world to wake up in for those of us who love computing.<p>Then there&#x27;s OkCupid&#x27;s question interface. The gateway to the greatest survey of all time is now more low-density crap. And somebody thought a pulldown (a custom one with its own quirky behavior, at that) was a good substitute for radio buttons.<p>I guess it&#x27;s not surprising when you consider what the design community talks about. They don&#x27;t measure anything that would let them detect a loss of computing power. They don&#x27;t think about cybernetics or cognitive psychology. It&#x27;s all &quot;affordances&quot; and other stuff that sounds like it was overheard in a 60s-era art gallery.<p>I can imagine a satirical redesign of the violin. They&#x27;re so hard to use... Except it&#x27;s too late. Only a tiny fraction of people appreciate violin music now. Such redesigns have been proposed in earnest! Shelves at electronic music departments are filled with the prototypes. Only problem: the music people made with them sucks.

I don&#x27;t understand why designers refuse to pay attention to typographic guidelines. 95 characters per line is not very readable. To be fair, Wikipedia already suffers from this problem. Between 100-character lines and sans-serif body copy, Wikipedia&#x27;s current typography is abysmal.<p>Otherwise this concept is fine. I&#x27;d love to see Wikipedia reset in Meta Serif or Tisa at 66-72 characters-per-line.

For the goal of processing information quickly presenting the main articles as a single column I felt would be less effective in the state the articles are in currently, especially when there is enough room on widescreens, and where graphics are used. The front page designs utilize the space better, and it would be interesting to see how such a layout might be adapted for the articles.<p>Another relevant point as someone mentioned earlier is Wikipedia isn&#x27;t known for beautifully curated professional photographs and design for every subject, which comprises a significant focus of the concepts. Commercial sites with similar grid designs, such as the Verge and other blogs often have a team of photographers and&#x2F;or designers to maintain the aesthetic, and are more liberal with their use of copyrighted media.<p>Still love such new takes on established designs. Kudos to the designer for stimulating discussion and bringing a focus to what could be improved.

I love this redesign. It is definitely more readable and far more enjoyable; removing the clutter of navigation links and bringing focus to the article are massive improvements.<p>Of course, there will be challenges implementing this, including the lack of images that can serve as article covers (or, for that matter, user avatars). These problems can be solved if the community wanted this design; however the community does NOT want it.<p>A much more moderate redesign was recently whittled down until it was just an imperceptible font change; there&#x27;s now a discussion about rolling that back as well.<p>Your time and considerable talent is probably better spent on some other projects; Wikipedia has a community that is extremely hostile to new people and ideas.

I really like this. It would be cool to see this actually implemented.<p>For the record, it wasn&#x27;t entirely obvious at first that I could click&#x2F;drag the individual rows on your site.<p>Also, for anyone that&#x27;s curious, there have been several other redesign concepts floating around (one here: <a href="http://www.wikipediaredefined.com/" rel="nofollow">http:&#x2F;&#x2F;www.wikipediaredefined.com&#x2F;</a>), although so far this one seems to be the most thought-out.

Put your images on a cdn :)

This kind of design is nice and all, but a site like Wikipedia wouldn&#x27;t throw everything they have like that: they want before all to keep their interface available for everyone, even if that means it has to look a little rustic.<p>One change that would be very beneficial though, is improving legibility of articles&#x27; text by having a way to adjust the number of character per line (see <a href="http://webtypography.net/2.1.2" rel="nofollow">http:&#x2F;&#x2F;webtypography.net&#x2F;2.1.2</a>).

No. A good part of Wikipedia is that it works and renders properly on almost every device. Making such a HTML5&#x2F;CSS3&#x2F;JS-oriented redesign could heavily ruin that.

The page doesn&#x27;t load completely for me. I&#x27;m using the latest Chrome.

The main issue for a redesign at Wikipedia is not the lack of talented designers and UX professionals.<p>The rigidity of the (old) underlying tech combined with the lack of media make this kind of attempt moot.

Wikipedia has a functional&#x2F;practical value, anything that lowers that value is bad.<p>Anything that can increase that value&#x2F;not decrese it while making the site look better is good.

I remember a few years ago there was a rising competitor to Wikipedia. I don&#x27;t remember the name but it was a wikipedia with video and slide shows.

isnt there a way to have your cake and eat it too? WIkipedia is CC-BY-SA so it should be possible to maintain a mirror of Wikipedia with a more souped up interface? I guess the costs of maintaining would be pretty high but Wikipedia allows commercial use so you should be able to slap some advertising on it. in fact im suprised people havent tried this already. perhaps they have?

Couldn&#x27;t see everything because of the 503 errors, but seems really interesting, thanks for sharing!