Forum Moderators: open

Message Too Old, No Replies

drop down button question

         

Shepherd

8:14 pm on Nov 6, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Trying some new things (old dog new tricks...) one of which is a html/css drop down button. Neat thingy, but I got to wondering about usability. Lets say the drop down list is long, off the bottom of the screen long and the user does not have a "scroll wheel" on their mouse (or touch pad), seems difficult, non intuitive, as to how one would get to the bottom of the list. Keyboard arrows will work as long as you keep the cursor within the drop down list but I can see how this could be frustrating to a user.

Maybe it's no issue at all, thoughts?

NickMNS

8:19 pm on Nov 6, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



If you are worried about desktop with a massive screen, what happens on a mobile device? If the drop-down is that long you may want to consider an intermediate page, so instead of clicking or tapping to get a drop down you would be sent to another page.

Shepherd

9:02 pm on Nov 6, 2017 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



That's a good thought, however, mobile screens are mostly touch screens and not really an issue. It's easy to scroll down the drop down list on a touch screen, intuitive even.

ipco

9:59 pm on Nov 6, 2017 (gmt 0)

10+ Year Member



drop down menus don't have to be long lists.
Consider making the ul twice (or thrice) as wide as the li's and float the li's left. You'll get 2 or three columns instead of one long one.