Live data from Hacker News

This year's iPhone design trend: Side navigation

inspiration.appflo.ws

41–50 of 59 posts

Re: This year's iPhone design trend: Side navigation

#41
We were faced with the choice to design the navigation form with our current project. We narrowed it down to the slide menu and the drop down menu formats. I had hesitation with the slide menu as it offers some additional features, however it has some big issues. It typically sits in the upper left corner. Look at any mobile study (Luke W, perhaps) and you'll see the reach zones with users' hands. The right hand hold of the device causes the user to hyperextend their thumb to reach. Additionally, the top left location is sometimes reserved for a Back button in a linear flowing app.

So, we tested the two navigation forms with users in our usability lab. We had 15 users come in and work on multiple devices with various mobile prototypes. We saw a clear case that users preferred a drop down menu located at top right. Users were mostly negative about the location of the left corner slide menu trigger as well as the triple line iconography that typically represents the slide menu button.

Re: This year's iPhone design trend: Side navigation

#42
post #14

Hate the button on the left side. Usage on a 4,7" phone is not possible with one hand.

These look like mostly iOS apps, targeted to a smaller screen. So it's not quite such a struggle for iPhone users.

Your comment does reflect the design struggles of Android, with it's varying screen sizes. What is a one-handed reach for most people on one phone may not be a one-handed reach for most people on another phone.

Re: This year's iPhone design trend: Side navigation

#43
post #22

Earlier quoted context omitted.

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.

What about all the phones that have launched with 4.0 and hardware menu buttons?

Re: This year's iPhone design trend: Side navigation

#46

The improper usage of "it's" as possessive made it impossible for me to read this: "The pronominal possessives hers, its, theirs, yours, and oneself have no apostrophe." - http://www.bartleby.com/141/strunk.html

> The improper usage of "it's" as possessive made it impossible for me to read this ...

Kudos to a person who stands on principle.

Re: This year's iPhone design trend: Side navigation

#47
post #41

We were faced with the choice to design the navigation form with our current project. We narrowed it down to the slide menu and the drop down menu formats. I had hesitation with the slide menu as it offers some additional features, however it has some big issues. It typically sits in the upper left corner. Look at any mobile study (Luke W, perhaps) and you'll see the reach zones with users' hands. The right hand hold…

It all depends on the usage and context of the app. Each method has their cases where it's optimal.

If you have a lot of different sections that does not require or option to drill down, then the 'Back' button isn't a major issue.

Hyper extending - how often does the button situated at the top left gets used? Less usage will be fine, more usage may require a more optimal location.

How many items are there in the menu? Are you using icons or just words? Side menu are great for future expansions/features and with an app like FB, where user can have alot of app attached to their acct, it's easier to navigate compared to a drop down/icons based nav.

Any chance to share the app that you guys tested for or is it still being developed?

Re: This year's iPhone design trend: Side navigation

#48
post #22

Earlier quoted context omitted.

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.

Except my GS3 has one, and released on 4.0 with 4.1 due out very soon.

The only phone I can think of that doesn't have that is the Nexus.

Re: This year's iPhone design trend: Side navigation

#49

Not 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…

You swipe to the right or press the upper left hand button to reveal the menu.

[deleted]

Re: This year's iPhone design trend: Side navigation

#50

Does anyone have a link explaining how to adding swipe or click to a side navigation bar to a webapp rather than these native examples?

Actually, when we were designing the AppFlo.ws interface, we considered doing this to show/hide the caption area on the right. This JQuery plugin is pretty slick and there are demos on the page: http://srobbin.com/jquery-plugins/pageslide/

Hope that helps!

Post reply on HN