HomeDevelopmentDropdown Selection – Airlines Websites Example

Dropdown Selection – Airlines Websites Example

I was browsing through some airline sites recently. Most of them are quite similar but one caught my attention. The interface is intuitive and have a user friendly process flow.

Since it’s airline website, the most frequent action for user is select where to go.

On Tigerairways, the country selection box is the simplest form of dropdown selection list.

On Airasia, the dropdown selection list consist of cities which are categorized by country. Sorting by country may help users search for city easier.

My personal favourite, Jetstar implemented a very easy structural selection for user. Instead of a normal selection list, the full list point of origin cities are display on screen. At a glance user can select the city without having to scroll through the selection list.

Besides that, after selecting the point of origin, the destination list shows up directly without user needing to click on the destination field.

This is a good design because it anticipates for the next users action. For airline booking, users will have to choose the point of origin, destination, depart and return date. All those have selection option. So instead of needing users to click on each fields to open the selection, filling up the first field (point of origin) will directly open the second selection (destination). Selecting the second field (destination) option will directly open up the third selection (depart date) and so on.

This approach can help us design a more user friendly site or application. Feel free to share your design or approach here.

Written by

The author didnt add any Information to his profile yet

  • I wanted to thank you for this excellent read! I was looking for this information for quite some time, but I was not able to see a reliable source.

  • excellent article, very related to my interest thank you so much

  • I was very pleased to search out this web-site.I wanted to thanks for your time for this excellent read!! I definitely having fun with every little little bit of it and I’ve you bookmarked to check out new stuff you blog post.

  • I think this is one of the most vital information for me. And i’m glad reading your article. But wanna remark on few general things, The site style is ideal, the articles is really excellent : D. Good job, cheers

  • I just given this onto a colleague who was doing a little bit analysis on this.

  • WONDERFUL Post.thanks for share..more wait .. …

  • Hey there ~ Great stuff, will definitely come back very soon !

  • It is the best time to make some plans for the future and it is time to be happy. I’ve read this post and if I could I wish to suggest you some interesting things or suggestions. Maybe you can write next articles referring to this article. I want to read more things about it!

  • Nice post. I was checking continuously this blog and I’m impressed! Very helpful info specifically the last part 🙂 I care for such info much. I was seeking this particular info for a very long time. Thank you and best of luck.