solarbird: (made her from parts)
[personal profile] solarbird
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:
  • 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)
And I bumped up the RSS functionality a little bit, that's a nice feature I suspect others would use it more if they knew about it.

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.
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
Account name:
If you don't have an account you can create one now.
HTML doesn't work in the subject.


Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.

August 2017

  12 3 4 5
67 8 910 1112
1314 15 16171819

Most Popular Tags