In this Intro to UI course handout, we'll show you a bunch of real-world examples of typical UI patterns. We'll cover the following UI patterns:
The following three websites (Citymapper, MoMA Design Store, and Talkspace) all show examples of dropdown menus that allow you to scroll through a list of countries, cities or states to select a menu option. The fourth website example, Tend, features an alternative menu design for picking a location.
Link to site →
Citymapper - The Ultimate Transport App
Citymapper, a transportation app, has a City Voting page where you can request real-time transportation info for your city.
It includes a dropdown menu where you can choose from a list of cities. Once you click on the dropdown menu, the list of options opens up where you can scroll and click to make your selection.
The dropdown menu is the same for all screen sizes.
Citymapper's city voting form