1

Is it ok to use differently navigation on mobile & desktop device, if there are 3 main categories that users are using?

This is website for the food, and I think bottom navigation with the main actions are the best position and the layout is clear and readable.

Is bottom navigation really such a bad practice for the mobile sites?

  • 1
    I'm not too sure what you mean by bottom navigation? Do you mean like what facebook/twitter has been doing? – Majo0od Feb 10 '17 at 15:42
  • Yes. The great example is mockup in comments from Shan Newton – Rapunxel Feb 10 '17 at 17:28
  • what are the options you are displaying in bottom navigation? – NB4 Aug 3 '17 at 13:38
1

The answer is yes, bottom navigation is okay, and given that you only have three main categories, you can definitely make this work. However, it requires a relatively new approach and you won't see this listed as a "best practice" because it hasn't yet had time to become seasoned (as of Feb 2017). Apple and a few other UX pioneers have tried this "bottom nav" / "action drawer" approach. The bottom nav has three accessible call-to-actions and can also be swiped up for more functionality if needed. Hope this helps

enter image description here

  • Thank you very much! This really helped because I also tought of this practice is new so people still didn't had time to apply it on websites for mobile. Thank you! – Rapunxel Feb 10 '17 at 17:26
0

An important thing needs to be added.

Even though this kind of navigation is very handy, you need to consider mobile browsers that display their own navigation at the bottom (e.g. stock "Internet" Samsung browser). If you add a navigation fixed to the bottom than on scrolling down, it will be covered by that browser's own nav bar.

I myself am at the point of trying to find a solution for that but no luck so far.

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.