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.

July 2017

2 3456 7 8
9101112 13 14 15
16 171819 2021 22
23 24 25 26272829

Most Popular Tags