Smart airport search (The UX of search results) / by Gavin Lau

In this article I’m going to compare two app designs for airport search. In both cases, I’m searching for an airport in London.

 

Design A

In this design, all airports are clearly listed. There’s one issue though, as each search result starts with the word ‘London’, it’s difficult to differentiate between results and find the airport you’re looking for.

As the word ‘London’ was entered, emphasis should be given to the remaining words within the name of the airport (e.g. ‘Heathrow Airport’ and ‘City Airport’).

 

Design B

The same search, but this time emphasis has been applied to the remaining words within the name of the airport (e.g. ‘City’, ‘Gatwick’ and ‘Heathrow’). Meaning that it’s easier to differentiate between results.

 

It’s important to remember that if a list of elements start with the same word, emphasis should be applied to the differentiating factor.

 

 

Source: https://medium.com/user-experience-design-...