Hacker News new | ask | show | jobs
by r00dY 2782 days ago
Menu on the bottom is obviously pointless, but sticky menu on the bottom would be so cool, most of the mobile apps moved to tabbar.

Why it's not used extensively in web? (it would make it at least a tiny bit less boring).

On iPhone when you scroll down the page, bottom Safari bar collapses and your sticky menu would be still sticky at the bottom. But clicking any button on the sticky bottom menu wouldn't invoke click on the menu. It would make iPhone Safari menu uncollapse -> huge confusion -> potentially less engagement -> retention.

Web today is full of similar constraints. That's why there are usually one or two options that make sense and everything looks the same.

1 comments

Because on mobile the primary interaction point is your right (or left if you're a leftie) thumb, which naturally falls over a tab bar at the bottom of a screen. Whereas on the Web the primary click zone where your cursor focus is, is at the top of the browser window where the navigation elements are.

There's also the obvious stuff about top-to-bottom reading order making such a layout making the navigation much more obvious when you first look at a site (which is probably want you want for most things, although not all, which is reflected in things like blogs often putting ancillary navigation elements in the page footer).

I don't think this is a broken thing that needs fixing.

I'll also note that it has taken mobile UX designers YEARS to start moving navigation elements to the bottom of their apps, driven by larger and larger screens making elements at the top of the screen quite uncomfortable for one handed use. It's required that to become sufficiently cumbersome that the trade-off in immediate discoverability becomes worth it. And you'll note that the most popular mobile apps such as WhatsApp still have all their navigation elements at the top, regardless.