I was making a purchase online this week – new wine glasses, don’t judge. The site required my phone number to complete the purchase. And they needed me to select the international dialing code.
Here’s the form, you’ll note that I’ve already told them the country to ship to, it would be a reasonable assumption to default the international dial code to that country. But they didn’t. It gets worse.
Once I opened the drop down menu it turns out that the company had decided to list the international dialing codes in a cute way, little buttons of the country’s flag next to the international dial code.
There is no way to type the actual code or country, so the user has to scroll to find the right flag/code.
Some flags are distinctive, but the top two shown are Ireland and Italy, and I would not be surprised if someone with colour vision deficiency could not distinguish between the two.
I was looking for the flag of the Netherlands, the Dutch flag is three horizontal stripes from top to bottom they’re red, white and blue. Look at the image can you match the flag? Nope, that’s Luxembourg.
Please just use a country list with predictive texting. Illustrate the list with flags if you like, but don’t make the visual ID of a flag the primary search tool.