The Facebook app has been doing this for so long, and is used by so many, that other apps are following the pattern. I would not be surprised to see this formalized as a controller/view class in the sdk at some point.
This year's iPhone design trend: Side navigation
21–30 of 59 posts
Re: This year's iPhone design trend: Side navigation
#22I first noticed this on Android. Dolphin Browser has done this for years now. Swipe to the left side (by swiping right) to get to bookmarks, etc. Swipe to the right side to get to add ons.
In fact, I think it's an Android trend that has migrated to iOS. It works better on Android, IMO, with its hardware menu button.
The hardware menu button is dead starting with Android 3.0 released 1.5 years ago.
Re: This year's iPhone design trend: Side navigation
#23This type of broad trend analysis is really useful and should be done more often. It's these types of interactions that become "intuitive".
...and then passé.
We're a fadish, looking for the next thing, get bored of things quickly bunch of primates, aren't we?
We've come so far in terms of UX and usability that we forget that the icing on top of the cake is all about what's in vogue.
Apple skuemorphism (granddad) vs. Windows Metro is apparently the new black vs. white.
The icon for side scrolling (three stacked lines) is dire. It's a shitty, unintuitive adopted practice because Facebook and a few other players did it.
meh.
Re: This year's iPhone design trend: Side navigation
#24Not having an iPhone: how do you access this side navigation? I don't immediately see any clues in the app. Is it the buttons near the top (three horizontal lines)? That being said, it kind of reminds me of Windows Phone's swipe to the side. Windows Phone does give clues that there's more to the page by cutting off part of the edge. This is the default design language for Windows Phone. On the iPhone, it almost looks…
It's actually really simple. There's actually two different modes, but they're accomplished the same way. One is that menu is off screen and slides in to overlap the normal view. The second is the the view is in the background, and the normal view slides off to reveal the menu.
In both cases, you simply have a front view and a rear view. All you need to do is adjust the frame (positioning) of one of the views and animate that transition. Animating view transitions is really easy in iOS. So the pseudo code for this basically becomes:
Menu.position.x = Menu.position.x + (.7*screensize);
Animate();
Re: This year's iPhone design trend: Side navigation
#25[deleted]
Re: This year's iPhone design trend: Side navigation
#26I wrote a UIViewController container subclass to do this behavior: https://github.com/edgecase/ECSlidingViewController
it is really good. thank you so much
Re: This year's iPhone design trend: Side navigation
#27Not having an iPhone: how do you access this side navigation? I don't immediately see any clues in the app. Is it the buttons near the top (three horizontal lines)? That being said, it kind of reminds me of Windows Phone's swipe to the side. Windows Phone does give clues that there's more to the page by cutting off part of the edge. This is the default design language for Windows Phone. On the iPhone, it almost looks…
It's actually really simple. There's actually two different modes, but they're accomplished the same way. One is that menu is off screen and slides in to overlap the normal view. The second is the the view is in the background, and the normal view slides off to reveal the menu. In both cases, you simply have a front view and a rear view. All you need to do is adjust the frame (positioning) of one of the views and ani…
Yeah, I was wondering more if this was baked-in, or if there was a framework handling it, or if someone just saw another developer doing it and everyone decided it looked nice and implemented it on their own. They all look incredibly similar.
Re: This year's iPhone design trend: Side navigation
#28Out of curiosity which came first, side nav in Path or side nav in Facebook? I've been trying to figure it out for a while, or am I off base and someone else did it first and they just took it and ran?
I think it's an interesting trend, definitely a good use of space. Slightly bored of just seeing black ones pop out so it's nice seeing people use it to fit in with the app theme or leverage additional content in there.
Re: This year's iPhone design trend: Side navigation
#29This was definitely and Android design trend that has come across to the iOS dev space.
Re: This year's iPhone design trend: Side navigation
#30Does anyone have a link explaining how to adding swipe or click to a side navigation bar to a webapp rather than these native examples?