Turning standard drop-downs into advanced auto-complete fields
During our checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user’s tab-flow.
So we took it upon ourselves to redesign the country selector.
Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers - handling typos, multiple spelling sequences, synonyms and prioritization.
You can read the more about the design process and usability aspects in our article on Smashing Magazine: Redesigning the Country Selector.
To be notified about future improvements, follow the project on GitHub.