by anthony on 10/23/13 at 10:18 am
Booking airline tickets is one of the most common online tasks. Every time users book a flight they have to use the calendar widget to pick a leave and return date. The way calendar widgets work today can make picking dates slow and confusing for users.
Users have to pick their leave and return date in separate fields. This makes the fields feel less together, which can cause users to mix up their dates. It also auto-fills in the return date field with the leave date they pick further confusing them. The bi-monthly calendar closes after they pick their leave date and opens again when users click the return field. This forces users to have to process their dates over again.
Unifying the Date Fields into One Calendar
The traditional calendar widget is slow and confusing for users. A more efficient approach is to unify the date fields into one calendar. The bi-monthly calendar appears once the user picks a leave date and stays opened until the user picks their return date. This allows users to pick their dates faster without losing view of the calendar. It takes them less clicks to complete the task and makes the date fields feel more together. It’s important for the fields to go together because they depend on each other.
Kayak’s flight form uses a unified calendar widget. One field holds two buttons that allow users to pick a leave and return date from a single calendar. The user only needs to click the field once to pick both leave and return dates. The calendar shows the number of days between the leave and return dates as the user hovers their cursor over each day. After the user picks their dates, the field displays the day and date in abbreviated name format. This makes it clear to users the dates they picked.
Traditional calendar widgets are not as easy to use as a unified calendar widget. It not only makes picking dates faster, but it displays the dates to the user clearer. If this approach can make booking airline tickets faster and clearer, it’s time for flight forms to adopt it.