Shop More Submit  Join Login
About Varied / Artist Senior Member rotaneMale/Austria Groups :icondevbug: devBUG
Eats Bugs For Breakfast
Recent Activity
Deviant for 12 Years
Premium Member 'til Hell freezes over
Statistics 337 Deviations 14,404 Comments 132,351 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... 

52%
24 deviants said Portal gun
20%
9 deviants said Lightsaber
20%
9 deviants said Hoverboard
9%
4 deviants said Gravity gun

About deviantNAV

Journal Entry: Thu Oct 16, 2014, 4:42 AM
deviantNAV v7 by rotane

Well, this thing caused quite a stir! So let me talk a little bit about it – on a more personal note – and give a bit of rationale behind this style and the new features in general, since i have your attention right now.

First of all, a huge thank you to everyone who liked this, +fav’d it, mentioned it, and thanked me personally; you seriously made my day! And to those of you who don’t like it and prefer deviantART’s new design, that’s totally fine too!

Now. I don’t “hate” the new features that got released just now, the navbar included. I don't think they will “ruin” deviantART. None of that nonsense. In fact, i see a look of dA that looks more modern, and i see a lot of potential. (The new Today page in particular is a godsend compared to the old one.) But i also think that there is room for improvement, and that’s the reason i made this.

I could have easily just made a visual suggestion, but instead i wrote this style – mainly because it's the easiest route, especially to iterate. Initially i made it only for myself, because this is how i would have it. But then i released it to the public, because people have asked me to, and to give people a choice. A choice that dA cannot offer, not in this case. There simply is no way to support 2 different pieces of UI. Not from a technical standpoint, but more importantly, deviantART has to have one identity, and stick to it.

Furthermore, i’m not asking dA to copy this exactly the way i made it (i’m sure there's plenty of reasoning behind their decisions that i can’t see), but i nonetheless do think my points are valid – at the very least from an end-user's perspective; from a user who has been an active member on this site for over a decade; from someone who knows a thing or two when it comes to interface design. Let’s break them down, shall we?

Message count and user menu back to the left
I read about spyed’s intention behind this: “let’s group things together that belong together”. [source] Makes sense, right? I agree. The problem is, however, that in doing so, you inadvertently made the message count a second class citizen, simply by “moving it out of the way”, over to the far right. Larger screens are quite common today, and the larger the screen the larger the issue. But even on a small 13” laptop it’s still not optimal. And despite the obvious problem (“the message count is so far away that i have to go looking for it”), it creates an interesting second one: With the addition of the Watch Feed, it appears that the Message Centre itself has become a second class citizen, and no-one knows if or when it will be removed altogether. (It has since been clarified that the Message Centre is going to stay, but still, that queasy feeling was/is there.)

Slightly darker background and brighter text
That’s an easy one, it’s called accessibility. The navbar simply doesn’t have enough contrast to be comfortably legible on all kinds of monitors. It can easily be fixed by slightly toning down the background and brightening up the text and giving it a faint text-shadow. Which is exactly what i did. It’s very subtle, but the effect goes a long way.  

Mouseover effect for deviantART logo, Friends and Favourites links
If you know me, i’m a sucker for mouseover effects (also called hovers). It’s simple usability: if a site employs hovers on their links, it should do so consistently across the board. Why? Because when you come across one link that has no hover, the link seems broken. And if not broken, at least it appears laggy, because you were expecting a hover effect. In short: The site doesn’t feel snappy enough, when hovers are missing here and there.

“Submit” button blends in with the rest of the menu
I do get the intention behind that one, it’s as clear as day. The button practically screams: “Come on, click me! I need your submissions!” And of course, dA without art would be no dA. The flipside lies again with the UI: the button is, simply put, obnoxious. It’s too much in your face. That’s why i blended it down. But there is a downside to this, too: With my style active you have 3 links in succession (Shop, More, Submit) that all look very samey, nearly indistinguishable from each other at a quick glance. This slows you down when you want to navigate this site. Unfortunately, i couldn’t fix this without putting a lot more thought and time into this.

Tweaked Searchbar
The changes i made there are again very subtle. Basically, all i added was yet another hover effect, as well as making the input text smaller. On Windows machines in particular the text is ridiculously large. And bold. It’s not as glaring on OSX (fonts in OSX usually appear a bit bolder than their Windows counterpart), yet even there it was a bit too big for my taste compared to the rest of the navbar.

So there you have it, my analysis of the new navbar and my style. Thank you for your time. Discussions welcome :)


deviantID

rotane

Artist | Varied
Austria




Boards of Canada stamp by rotane
Interests

Delicious Bookmarks

Donate

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

You must be logged in to donate.
Anonymous:iconmakeamukero::iconr0tane:

Comments


Add a Comment:
 
:iconsotkettu:
Sotkettu Featured By Owner Edited Sep 25, 2014  Hobbyist General Artist
You are very talented at making user styles for deviantART. 8-) Now all message things are in the top right corner of deviantART. So could you make an user script that moves the message area to the center - like it was before? (Sorry - my English is not perfect).
Reply
:iconrotane:
rotane Featured By Owner Sep 25, 2014   General Artist
Hey, i just submitted the style: fav.me/d80h7qf
Reply
:iconsotkettu:
Sotkettu Featured By Owner Sep 26, 2014  Hobbyist General Artist
Great! I installed it. Thank you! 8-)
Reply
:iconrotane:
rotane Featured By Owner Sep 26, 2014   General Artist
You're welcome :)
Reply
:iconrotane:
rotane Featured By Owner Sep 25, 2014   General Artist
Yeah man, i have already written one. The thing is, it's a rather dirty hack and works only with the splintered version – i didn't have time to figure out anything more versatile. And who knows, maybe thing'll change around again soon… 
Reply
:iconplastic-robot-comic:
PLASTIC-ROBOT-COMIC Featured By Owner Jul 30, 2014  Hobbyist Traditional Artist
Thanks for visiting my page.
Reply
:iconwinehaus:
winehaus Featured By Owner Jun 10, 2014
Would you ever consider changing your username to crotchtane?
Reply
:iconrotane:
rotane Featured By Owner Jun 10, 2014   General Artist
:lol: You know, as fun as this was while i was rotane, no, i'm pretty glad i don't have a crotch in my username.
Reply
:iconwinehaus:
winehaus Featured By Owner Jun 25, 2014
Aww that was so fun tho when people said crotch :(
Reply
:iconrotane:
rotane Featured By Owner Jun 25, 2014   General Artist
Feel free to say "crotch" all day long :D
Reply
Add a Comment: