Deviant Login Shop  Join deviantART for FREE Take the Tour
About Varied / Artist Senior Member rotaneMale/Austria Groups :icondevbug: devBUG
Eats Bugs For Breakfast
Recent Activity
Deviant for 11 Years
Premium Member 'til Hell freezes over
Statistics 328 Deviations 13,936 Comments 124,603 Pageviews

Newest Deviations

mg_h


Keep refreshing the page for a new random image (external link).
You have an awesome picture that you wanna share? Send it to me!
free countersfree counters

Visitors

Would you rather have... 

56%
10 deviants said Portal gun
22%
4 deviants said Lightsaber
17%
3 deviants said Hoverboard
6%
1 deviant said Gravity gun

Wikipedia is aweful!

Journal Entry: Sun Mar 23, 2014, 6:44 AM

Let me correct that: Reading Wikipedia is aweful.



The guys over at 1910 seem to agree with me. Instead of repeating everything they have said, let me highlight one or two things:



"While big parts of the internet have gone through an amazing journey in terms of typography these last years, Wikipedia’s reading experience is still stuck in the 90’s."


"The text is too small, the lines are too long and the leading is too tight. Pictures are tiny and the general layout includes a lot of visual noise that distracts you from the actual reading."


Here's the full article, which i highly recommend reading: blog.weare1910.com/post/755763…



Anyway, it inspired me. And if you know me, you know what i'm getting at: I wrote a userstyle. And of course i'm going to share it with you.



The goal was to bring Wikipedia from this:


Wikipedia Full 01 by rotane

… to something like this:


Wikipedia Full 02 by rotane
(Mockup by 1910.)

I used this design as a starting point, but had to (and wanted to) make a few modifications. For example, i could not get their grid to work properly; Wikipedia's articles are too dissimilar (and messy in general) for a grid like that to work. Instead, i decided to follow Wikipedia's current layout, but apply a set of more general/sensible rules: have a maximum width, make the text bigger, and reduce the clutter.



In fact, i ended up going so minimal, that other than the article itself, there's only the searchbar left; everything else of the UI is hidden or removed completely. (But unless you are a hardcore Wikipedia editor, you'll hardly miss them.)



Also, there are practically no embellishments present: no drop shadows, no round corners, no gradients; nothing of that sort. By doing away with all this, you can focus completely on the content without distraction.



And this is my result – i decided to call it "Wikipedia 1911" ;)


Wikipedia Full 03 by rotane

As you can see, it's quite a bit darker than 1910's mockup (almost deviantART colours!), but this shouldn't surprise you if you know me at all: I just can't stand white designs. Not only do i find them ugly, but they also hurt my rather sensitive eyes, once i stare at the monitor for more than a few minutes.



So, without further ado, i give you the download link: userstyles.org/styles/99515


(As always, you'll need something like Stylish for Firefox or Chrome.)

PS: As i said, most of the UI is hidden. There's only 2 things you need to know: In order to access the left menu, simply move your mouse over to the left edge of the screen and the menu will appear. (Although, i've hidden a lot of unneccessary stuff from it as well, so it's shorter than you'd expect.) And secondly, to get to the controls on top of the page (that holds the edit links and user menu), move your mouse over the darker area around the logo and searchbar.



Enjoy! And of course, feel free to tell me what you think (or if you found any bugs).



Update: I took your comments to heart and have been playing around with more colour-schemes. The one by AndyGassner served as a starting point, becasue i really liked his sepia-ish version. Only it was a tad too bright for my taste.



Furthermore, i removed even more stuff, like the darker-coloured margins around the article, as well as the 1px-borders around most of the lighter-coloured boxes, which brings it closer to 1910's mockup as well. (This last bit is still a work-in-progress, but it should cover most of the boxes already.)



Here's another screenshot:



Wikipedia Full 04 by rotane

The download link is the same as above (click), but your Stylish should auto-update it anyway. Hope you dig it!



deviantID

rotane

Artist | Varied
Austria




Cosecha Signal One:
Interests

Delicious Bookmarks

Donate

rotane has started a donation pool!
1 / 999
Please help me take over the world! kthxbai

You must be logged in to donate.
  • :iconr0tane:
    r0tane
    Donated Mar 19, 2014, 5:53:23 PM
    1

Comments


Add a Comment:
 
:iconourheartshines:
not mean to bother you but I can donate points? thanks
Reply
:iconnamenotrequired:
namenotrequired Nov 20, 2013  Student Interface Designer
Woops, did I miss it? :noes: I hope you had a great birthday! :party:
Reply
:iconrotane:
rotane Nov 20, 2013   General Artist
No worries mate! :)
Yep! Standing around in a parking lot with friends and beers, until 2 in the morning, on a tuesday– it was quite a fun night! :P
Reply
:iconnamenotrequired:
namenotrequired Nov 20, 2013  Student Interface Designer
Heh, not bad! :ahoy:
Reply
:iconmiontre:
miontre Nov 20, 2013  Hobbyist Photographer
:) *
Reply
:iconmiontre:
miontre Nov 20, 2013  Hobbyist Photographer
Happy Birthday! L(
Reply
:iconrotane:
rotane Nov 20, 2013   General Artist
Cheers, bro! :)
Reply
:iconaveron25:
Averon25 Nov 19, 2013  Professional General Artist
Today is the birthday, time to change the avatar and logo to new ones.
Reply
:iconrotane:
rotane Nov 20, 2013   General Artist
Is that so!? ;) But nah, my avatar stopped aging once per year and evolves much slower these days.
Reply
:iconaveron25:
Averon25 Nov 20, 2013  Professional General Artist
I said yes, not nah! Change avatar and logo, NOW!!! Your avatar is last version of RCUBE.
Reply
Add a Comment: