In times of ever increasing mobile web usage dropdown menus should be abandoned since they rely heavily on the hover state which doesn't exist on touch devices.
Unified Dropdown Menu: One Menu to Rule All Links
11–18 of 18 posts
Re: Unified Dropdown Menu: One Menu to Rule All Links
#12Seems quite similar to mega menus (http://www.useit.com/alertbox/mega-dropdown-menus.html)
Re: Unified Dropdown Menu: One Menu to Rule All Links
#13Does it work on Mobile? No? Trash.
Re: Unified Dropdown Menu: One Menu to Rule All Links
#14Does it work on Mobile? No? Trash.
It could open the menu when you click it on mobile devices, and have a desktop/mobile-non-JavaScript fallback to an index page.
Re: Unified Dropdown Menu: One Menu to Rule All Links
#15In times of ever increasing mobile web usage dropdown menus should be abandoned since they rely heavily on the hover state which doesn't exist on touch devices.
dropdown menus should be abandoned since they
rely heavily on the hover state
Further, a menu with a responsive design, such as the following, negates the need to abandon anything:
Re: Unified Dropdown Menu: One Menu to Rule All Links
#16Most of the top bars use single word (or very short) menus. With this unified drop down menu, you are limited to make all the sub-menus at the same size then the top menu, which is not very user friendly.
I prefer to have longer sub-menus with comprehensible links like http://www.jawbone.com or http://www.nike.com
Re: Unified Dropdown Menu: One Menu to Rule All Links
#17Does it work on Mobile? No? Trash.
Very thoughtful.
By the way, the unified drop-down menu style could be incorporated into a menu that has responsive design, such as the following:
Re: Unified Dropdown Menu: One Menu to Rule All Links
#18In times of ever increasing mobile web usage dropdown menus should be abandoned since they rely heavily on the hover state which doesn't exist on touch devices.
dropdown menus should be abandoned since they rely heavily on the hover state Not all drop-down menus are opened by hovering. Not even close. Further, a menu with a responsive design, such as the following, negates the need to abandon anything: http://jasonweaver.name/lab/flexiblenavigation/
> Further, a menu with a responsive design, such as the following, negates the need to abandon anything:
> http://jasonweaver.name/lab/flexiblenavigation/
I ran some tests on this menu. It fails on android 2.3.x and 4.x. Also does it really need JS to function properly. No it doesn't, CSS already has all the features needed.