version 3 dreamwidth navbar
Here's a bunch of mockups of a version 3 navbar. This one does a bunch of stuff I can't do in CSS. It's still fairly close to baseline, but they want to see that, so.
(The link is temporary but it's fine for now, it's to a dropbox directory.)
These versions can't be done with custom CSS on the existing platform, they require actual code changes in the back end. But as far as I can tell, it should all be UI code changes, pretty simple stuff.
Some functionality changes, in addition to a few new links:
I've asked whether the style selector needs to be a set of top-level links or whether it could also be an action-on-selection dropdown, like reading view filter. Right now I'm showing it the old way.
Anyway, I don't really consider these really final but they do accomplish the general task of dividing into three consistent groups (user/login, current location, exploration) and adding some basic functionality (like prev/next) that really is kind of implied by "navbar," and so on.
The background gradient is just the standard system gradient and could be replaceable with anything.
eta: My thoughts are on mobile are that the three cells remain, but one is displayed at a time, and the other two are reached by swiping. Default to the middle pane, simplify the relationship permutation text for space, display a few fewer options perhaps.
eta2: Yeah, I may've gone a little nuts. Here's a run at mobile view mockups. 640x60 because iPhone 5 is 640 pixels on the short axis and Dreamwidth likes things 60 pixels high. Stupid science-related memetic disorder.
eta3: One bit of feedback I got from someone who does this regularly is that having Help on the far right is an industry standard, so I need to swap "Help" and "Home" in desktop. Also, despite the lack of space for it, I need some kind of visual indicator of swipe on the mobile bar (which I knew but was kind of hoping I'd get away without), which means we're talking chevrons for that since that's well understood.
eta4: This is getting long, so a new post: Trending tags.
Also posted to ソ-ラ-バ-ド-のおん;
comments at Dreamwidth. Please comment there.
(The link is temporary but it's fine for now, it's to a dropbox directory.)
These versions can't be done with custom CSS on the existing platform, they require actual code changes in the back end. But as far as I can tell, it should all be UI code changes, pretty simple stuff.
Some functionality changes, in addition to a few new links:
- getting rid of dropdown-plus-button to trigger a view reload on the reading view filter, and just having the dropdown selector do it directly
- prev message/next message arrows (when in single-post views)
- prev page/next page arrows (when in journal or reading page views)
I've asked whether the style selector needs to be a set of top-level links or whether it could also be an action-on-selection dropdown, like reading view filter. Right now I'm showing it the old way.
Anyway, I don't really consider these really final but they do accomplish the general task of dividing into three consistent groups (user/login, current location, exploration) and adding some basic functionality (like prev/next) that really is kind of implied by "navbar," and so on.
The background gradient is just the standard system gradient and could be replaceable with anything.
eta: My thoughts are on mobile are that the three cells remain, but one is displayed at a time, and the other two are reached by swiping. Default to the middle pane, simplify the relationship permutation text for space, display a few fewer options perhaps.
eta2: Yeah, I may've gone a little nuts. Here's a run at mobile view mockups. 640x60 because iPhone 5 is 640 pixels on the short axis and Dreamwidth likes things 60 pixels high. Stupid science-related memetic disorder.
eta3: One bit of feedback I got from someone who does this regularly is that having Help on the far right is an industry standard, so I need to swap "Help" and "Home" in desktop. Also, despite the lack of space for it, I need some kind of visual indicator of swipe on the mobile bar (which I knew but was kind of hoping I'd get away without), which means we're talking chevrons for that since that's well understood.
eta4: This is getting long, so a new post: Trending tags.
Also posted to ソ-ラ-バ-ド-のおん;
comments at Dreamwidth. Please comment there.