Native dropdowns - Deepstash
Product Management Essentials

Learn more about with this collection

Essential product management skills

How to work effectively with cross-functional teams

How to identify and prioritize customer needs

Product Management Essentials

Discover 57 similar ideas in

It takes just

8 mins to read

Native dropdowns

We tend to use native or default options when time and budget is tight or when we are working on an MVP. Having custom inputs are the frosting on the cake, but sometimes we don’t have the option to make that sweet, sweet icing. In that instance, it is good to know what you have to work with.

Native dropdowns are just safer as well when it comes to usability across different devices.

2

1 read

MORE IDEAS ON THIS

When not to use a dropdown

  • If you have fewer than five options
  • If it would be easier to type than to select
  • If you have two options and they are ‘on’ and ‘off’ (or ‘yes’ and ‘no’)
  • If the options are numeric
  • If there are a lot of options

2

2 reads

The Shell Dropdown

A shell is when a field looks custom, but when you click it, it uses the native dropdown styling. This is a simple way of keeping the style of the page looking consistent with your brand and lowering dev cost. It also helps with all the UX issues that come with custom fields.

2

1 read

UI cheat sheet: dropdown field

there are two main types of dropdowns: those used for navigation and those used in forms. We look at the Form variant:

  • Dropdown types and variations
  • Dropdown styles
  • Dropdown states
  • What the placeholder should say
  • When not to use a dropdown (and when to)

2

11 reads

Types and Variations

While standard dropdowns are widely understood, there are a few different types and variations that you may need to consider for your next endeavour. Please note that for these examples I am only including dropdowns used in forms and not those used in navigation.

  • Standard ...

2

4 reads

Dropdown styles

  • Standard style (attached)
  • Standard style (detached)
  • Rounded borders
  • Dropdowns with icons and images
  • Material Design’s filled dropdowns
  • Material Design’s outlined dropdowns

2

5 reads

Dropdown States

  • Active state
  • Disabled
  • Hover
  • Highlight state
  • Focus state
  • Completed input
  • Fail feedback

2

2 reads

The Placeholder

Ideally, keep the placeholder/prompt text similar to that of your free text fields. A few options:

  • Leave the placeholder blank
  • Have a generic prompt in the placeholder
  • Having a promoting phrase in the placeholder
  • Surface an option in the placeholder

2

4 reads

CURATED FROM

CURATED BY

Related collections

More like this

Default options

Default options

Deciding is too much effort so we’re likely to just stick with the default or safer option if it’s already been chosen for us. 

When we get offered too many choices, the same thing happens—we shut down, unable to decide. Often, we end up simply choosing anything, just to get the proc...

The decoy effect

The decoy effect

It is a cognitive bias: we tend to have a specific change in preferences between two options when also presented with a third option that is asymmetrically dominated.

This is the secret agent in more decisions than we could imagine. It even helps us decide whom to date...

Why we choose comfort food

Comfort foods don’t tend to be healthy. We want cake or pasta or chips when we’re emotionally eating. We have emotional memories around certain foods, which are more likely to involve your grandma’s lasagna than a salad. 

But after we eat f...

stash-superman-illustration

Explore the World’s

Best Ideas

200,000+ ideas on pretty much any topic. Created by the smartest people around & well-organized so you can explore at will.

An Idea for Everything

Explore the biggest library of insights. And we've infused it with powerful filtering tools so you can easily find what you need.

Knowledge Library

Powerful Saving & Organizational Tools

Save ideas for later reading, for personalized stashes, or for remembering it later.

# Personal Growth

Take Your Ideas

Anywhere

Organize your ideas & listen on the go. And with Pro, there are no limits.

Listen on the go

Just press play and we take care of the words.

Never worry about spotty connections

No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.

Get Organized with Stashes

Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.

Join

2 Million Stashers

4.8

5,740 Reviews

App Store

4.7

72,690 Reviews

Google Play

samz905

Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.

Shankul Varada

Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.

Ashley Anthony

This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!

Sean Green

Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.

Laetitia Berton

I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!

Jamyson Haug

Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.

Ghazala Begum

Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.

Giovanna Scalzone

Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving & library

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Personalized recommendations

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates