search

ksux / ks-design-guide

Live pattern library for Kuali Student.
http://ksux.github.io/ks-design-guide/
9 stars 1 forks source link

Explore alternative patterns for drop-downs #6

Open basham opened 10 years ago

basham commented 10 years ago

Luke Wroblewski has been thinking a bunch about drop-downs and their best use for mobile, largely recommending to explore alternative form controls due to the clunkiness of drop-down interactions. We should take this into consideration when making our own recommendations.

Source: http://storify.com/tkadlec/rethinking-dropdown-s

Drop down taps

Drop-downs should be your "UI of last resort" not your only UI option. https://twitter.com/lukew/statuses/446659832938893312

Switcher, Slider, and Segmented Controls

Alternatives to drop-down menus to consider in form design https://twitter.com/lukew/statuses/446299733355556864

Stepper

Using a stepper instead of a drop-down menu. In this example, max of 8. Most book 1-2. https://twitter.com/lukew/statuses/447056320152092673

Segmented Control

Using a segmented control/radio button group instead of a drop-down menu. https://twitter.com/lukew/statuses/448110328568500226