4 ms·
>4 tap operation Click dropdown, select item >Stepper Click +, click +, click +, click +, click +, click +, click + wut
by vortico 11y ago
>4 tap operation
Click dropdown, select item
>Stepper
Click +, click +, click +, click +, click +, click +, click +
wut
- mkagenius 11y agoLot of the advice in the article would fail in some situations like the one you point out. Unless the quantity is less than 5, tap to increase doesn't make sense. Also, the slider wouldn't work in case you are trying to choose from an even average sized list on "min" or "max" side. There are only so many pixels in portrait mode and my big thumb - how can you expect it to be so precise. While in case of the dropdown in almost 2 scrolls i can get to the exact number by varying the speed of scroll, like binary search. Some of the points are correct though, i don't see many people making those mistakes.
- LoSboccacc 11y agomost of the page doesn't make sense. in at least every sample of 'good pattern' there is also an implicit dropdown, whether airport name autocompletion, calendar, something about being in sale and pre market in the search filters... the whole page basically contradicts itself. yes the bad UI has a fugly stile sheet. that doesn't make the good UI any functionally better, especially because you can still see a shitton of places where a drop down is essential. the only real improvement is that the date picker is one dropdown instead of three, but I don't think that warrants a whole blog page XD
- cubancigar11 11y agoThis happens to me on some online shopping websites. When I search for some generic term, I am shown a slider between minimum and maximum where minimum is so often 0 and maximum is 10^5, while I am interested in something, say, between 500 to 1500.
- ryanworl 11y agoOn 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.
- vtlynch 11y agoTwo points: -In this specific context, I would think the large majority of people are flying with a party of 3 or less. So it should be less clicks for most. -Thinking more broadly, just because you may need to click the stepper more I wouldnt necessarily say its more complex. The user should immediately understand that each increment is equivalent. When I click a dropdown, there is a lot of thinking required. I can't see the options before clicking it. Maybe it starts at "0", maybe it starts at "1". Maybe its all text choices and I have to read them all in that tiny window. Maybe I over-spin. There is actually a good amount of dexterity involved. Even if I have to hit the stepper 10 times, a user can do that incredibly quickly and without having to actively use their brain.
- simoncion 11y agoEvery decent "stepper" [0] I've used allows you to both place the cursor within the bounds of the widget and spin the mousewheel [1] to rapidly change the value, and click the value displayed in widget in order to type in a new value. [0] I've always heard them called "spinners". [1] You could probably emulate this with something like a two-fingered horizontal swipe starting in the widget