Live data from Hacker News

Dropdowns Should Be the UI of Last Resort

lukew.com

31–40 of 241 posts

Re: Dropdowns Should Be the UI of Last Resort

#31
Lot of the advice would break and you will have to resort to dropdown depending on the use case, so its better to let the use case drive your design than some hard and fast rule against dropdowns.

I refer to this article while designing for mobile - https://developer.apple.com/library/ios/documentation/UserEx...

Re: Dropdowns Should Be the UI of Last Resort

#32
post #21

>4 tap operation Click dropdown, select item >Stepper Click +, click +, click +, click +, click +, click +, click + wut

On iOS at least, the dropdown example would require:

1 tap to select the input field

1 swipe to move the desired item into view (I guess this is a tap)

1 tap to select the desired item

1 tap to move on to the next field using the arrow utilities, or one tap for "Done"

That's four.

Re: Dropdowns Should Be the UI of Last Resort

#34

This reminds me of one of my pet peeves about the iOS UI - the date picker control. Yes, the scrolly spinners are a very cute UI and look awesome. But it'd be 10x faster if they'd just give me a number pad and let me hit the 8 digits rather than scroll up and down to get it just right.

But forces the user to make more inputs and adds cognitive overhead. I think you'll find that many users would disagree with you.

Re: Dropdowns Should Be the UI of Last Resort

#36

There is a small irony that when reading an article about mobile UX, the website has disabled zoom meaning I can't actually see any of the images in the article.

The images look great in landscape mode. But it's still an absolute crime to disable zoom.

Skype has the most egregious dropdown - country code with 200 menu items - when it would be so much easier to type the country code along with the number.

Re: Dropdowns Should Be the UI of Last Resort

#37
post #34

This reminds me of one of my pet peeves about the iOS UI - the date picker control. Yes, the scrolly spinners are a very cute UI and look awesome. But it'd be 10x faster if they'd just give me a number pad and let me hit the 8 digits rather than scroll up and down to get it just right.

But forces the user to make more inputs and adds cognitive overhead. I think you'll find that many users would disagree with you.

Why not support both methods? Chrome lets you type, or use a calendar picker (which itself has flaws, but at least they're trying ...)

Re: Dropdowns Should Be the UI of Last Resort

#38

IMHO the best option for inputting a small integer value is the combination of a text field and a stepper, which has been around for a long time and has its own name (for touchscreen operation, the +/- buttons could be made larger and horizontally, like the steppers shown): https://en.wikipedia.org/wiki/Spinner_(computing) For dates, a calendar control would probably be appropriate. I'm a bit puzzled as to why dropdo…

On iOS I could three steps: 1. tap dropdown to select 2. scroll list 3. tap 'Done' But with any list of significant length (the reason you would use a dropdown in the first place) you'll probably need a few actions to scroll to the right item.

On the other hand, any list of "significant length" is best served by a dropdown.

None of the options he shows in the article works well there.

Re: Dropdowns Should Be the UI of Last Resort

#39

There is a small irony that when reading an article about mobile UX, the website has disabled zoom meaning I can't actually see any of the images in the article.

And to enlarge the pictures with small font, you have to click twice since the first link takes you to twitter of all places.

Re: Dropdowns Should Be the UI of Last Resort

#40

There is a small irony that when reading an article about mobile UX, the website has disabled zoom meaning I can't actually see any of the images in the article.

Chrome on Android has a very useful setting to force zoom. Go to Settings - Accessibility - Force Enable Zoom - Profit :)

Not sure if Safari has something similar though.

Post reply on HN