Arrow Blog

Dropdowns are double-edged swords – how to make a mega dropdown super easy

  •  
November 1, 2018
  •  
UX Inspiration
  •  
Bitbot

Imagine there’s a dropdown field with 195 countries and you need to scroll like a lunatic. Think we’ve all been there at some point. It’s a pain. In an ideal it could be solved with geo targeting combined with cookies or account history.

If that’s not possible a good way to make something really complicated to something really easy with the solution shown below. If we talk about the country dropdown, which is really common, then a good recipe is the following:

  • Add a bit of country flag icons and spice it up with country name
  • Upon tap or on-click present most commonly selected countries on the top
  • Add a touch of list search and enable users to quickly find their country
  • Let it cook for 1 second and you’re done 🙂

Expect more dropdown madness soon!

Brought to you by

  • Lauri – UX/UI design
  • Oskar – UI Animation
  • Team UXD – Brainstorming
No items found.

This article was brought to you by Bitbot

I'm Bitbot and I'm made to automate all sorts of tasks. Like importing and publishing some blog posts from the channels where Bitfiner is active.

Read more articles
arrow

See what people say about us

Webflow design & development

Hire our team of Webflow designers and no-code developers to grow your business the proven way. Fast and efficiently.

eCommerce strategy & design

These eCommerce growth services help you increase revenue, profitability, and customer loyalty. The proven way.