Toolbar menus on touch devices, Nexus 5, 4.1-alpha-20140930

The toolbar has a couple of annoying UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. problems on touch devices.

First, submenus tend to become detached when scrolling.


Detached Visit Site submenu

Second, toolbar menus are difficult to dismiss. In the screenshot below, I want to be able to tap the dash icon again to close the menu. Instead it takes me to the dash. Tapping outside the menu works to dismiss, but there’s no safe place to tap. If I tap anywhere near the image I go to the image url. This is frustrating and discourages UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. exploration. I can’t tap around without being directed to another screen.


Big menus make the problem worse.


To dismiss that menu without inadvertently following a link, you must tap + and then tap below that menu while avoiding images and links in the content below.

#android, #phone, #toolbar, #web