1

Is there a difference regarding UX between those both styles of mobile menu display: (one appears one the left side, other on the full width vertically)

This one above is the kind of navbar that Twitter Bootstrap provides:

enter image description here

On the other hand, Facebook mobile app, for instance, uses this left-style:

enter image description here

As my application is based on Twitter Bootstrap 3 (HTML5), I use natively the first solution.
However some lambda users (non-UX guys at all) came to me and said:
"Hey! You should try to put the menu on the left, it's the trend !!"

But I strictly don't see the extra benefit... What could it be? Should I really change it?

1

I'd want this to be on the TOP RIGHT.

Facebook Navigation on iOS App

Facebook app on iOS uses the TOP RIGHT area not sure why the Web does not follow the same approach. For me, the RIGHT side is better since for right-handed people (considering it a majority), having the menu on the top right area makes for a more accessible location.

  1. Using right hand, it's easier to reach the top right from your thumb compared to top left.

  2. Top left is usually reserved for BACK buttons on mobile applications which makes for a consistent behaviour when that space is not invaded by the MENU.

I checked Bootstrap 3 and it uses the same convention.

Bootstrap Menu Placement - Top Right

It places the MENU on the right. My guess is for the same usability reason, it makes accessing navigation easier for right-handed people. Probably you are using older Bootstrap.

  • And what about the Twitter Bootstrap design ? ( first solution evoked) – Mik378 Jun 3 '14 at 14:05
  • 1
    Hi @Mik378, I checked Bootstrap too and have updated the answer to reflect the same. Again, from a usability point of view, yours first & second approach are the same. The only difference is Facebook uses Offcanvas approach which just let's the user know they can go back. Regardless of the approach you choose, they should not impact the usability of the menu. – Vaibhav Kanwal Jun 3 '14 at 17:59
  • Understood :) I think I will stay with the bootstrap solution for now, since already made. Thanks a lot :) – Mik378 Jun 3 '14 at 18:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.