Subscribe
Blog

Radio Buttons vs Dropdown Lists: 9 Questions to Help You Choose

Formstack
May 18, 2015
|
Min Read

Should you use a dropdown list or a radio button field?It’s a question we get often. One we’ve addressed on the blog before. We still stand by our original claim that radio buttons are often more visually appealing and make it easier for users to scan through options. But there is a new consideration. We’ve since published the Form Conversion Report and, well…Radio buttons are among the top five bottlenecks. That doesn’t mean radio buttons are fading stars of the form-building show. But they may not always be right for center stage. The following questions and recommendations can help you decide when to use a radio button and when to opt for the alternative dropdown list.

1.  Are people already familiar with the choices you’re offering?

Most users won’t need to see side-by-side comparisons of days of the week or months of the year. Space-saving dropdowns tend to work well for lists of well-known choices. But it’s much easier to decide between seven slight variations of the same event or 12+ different cupcake flavors when they’re presented in side-by-side (or stacked) radio buttons:

Cupcake-Radio-Buttons

2. Do you want to upsell your customers?

Use radio buttons. With a dash of promotional messaging and a dose of Conditional Logic, you can use these selections to take your relationship with customers further.

3. Are most of your viewers filling out forms on mobile devices?

The dropdown debate among marketers has become pretty intense. Some say dropdown lists are “almost always bad for the user experience.” Others tie them to a number: “Dropdowns only work when you’re presenting seven to fifteen options.” Nonsense.

Dropdown-on-Smartphone

Those arguments don’t factor in smartphones and tablets, where it tends to be much easier to scroll through a dropdown than it is to swipe through a scrolling stack of, say, 246 radio buttons to find a country:

Radio-Buttons-on-Smartphone

4. Is the choice you’re offering a simple one such as quantity?

Our vote is for the dropdown. Hands down:

quantity-dropdown

5. Are you offering a strong incentive?

The average contest form has a conversion rate of 35%. That’s two-and-a-half times the average for the second-highest converting form type! People are usually willing to fill out more form fields—the average contest form contains ten of them—when there’s a prize to win. So dropdown lists can be a great way to collect more data while shortening forms for Facebook.

6. Do you need to find out which U.S. state people live in?

Few things are more attractive than a pile of 50+ radio buttons:

State-Radio-Buttons

Nah. Just kidding. Use your form builder’s pre-filled lists feature to populate a dropdown menu.

7. Are you using a dropdown simply to save space?

That may not be the best method. You may want to consider multi-page forms, which show average conversion rates of 13.85%, compared with a 4.53% average for single-page forms. Forms spanning two or more pages also tend to include radio buttons that make it easier for people to scan and evaluate options.

8. Are you presenting multiple pricing options?

Radio buttons are usually the best way to go. Placed side by side, they can make it easy for users to comparison shop at a glance:

Radio-Button-Pricing-Options

When stacked with Conditional Logic, radio buttons also can make it easier for people to choose from multiple payment methods. (Translation: You get paid faster. And more often, since this arrangement can increase conversion rates.)

9. What’s worked in the past?

When in doubt, test! Formstack’s new A/B Testing feature lets you easily compare conversion rates for two different versions of the same form. You can set your form so half your users will see a dropdown list and half will see the same info presented with radio buttons. You’ll have hard data to show exactly which style your audience prefers.

To learn more about A/B testing your forms for maximum conversion, check out our comprehensive guide below.

Blog

3 New Documents and Sign Improvements You Need to Know About

Get an inside look at three exciting improvements to Documents and Sign that will make document generation and eSigning an even better experience for users.
Read more
Formstack
Formstack is a SaaS company with a mission to help organizations digitize what matters, automate workflows, and fix processes—all without code. A variety of team members come together to compile posts under Formstack's authorship.
More Articles