Examples of Ajax-based reservation (hotels/flights/car rental) sites

2 Feb 2006 - 11:22am
8 years ago
7 replies
2759 reads
Andrei Sedelnikov
2004

Does anybody have an example of the web-site for
ticket/flight/hotel/car reservation with one-page interaction model,
possibly based on Ajax? That means the user doesn't have to fill out
the form in several steps, instead, he can select everything he wants
on one single screen.

The Broadmoor Hotel Reservation
https://reservations.ihotelier.com/onescreen.cfm?hotelid=2054&languageid=1

is a well know example. Are there similar sites?

Thanks in advance,
--
Andrei Sedelnikov
http://usabilist.de/

Comments

2 Feb 2006 - 3:50pm
Robert Hoekman, Jr.
2005

The Macromedia store and Caledon Bank both use Flash accordion
components, which isn't quite what you're after, but at least the
interactions are consolidated down to one page, even if the page has
several states.

-r-

2 Feb 2006 - 4:40pm
david gee
2004

kayak.com doesn't exactly have a one-page interaction model, but it does
make extensive use of "ajax"-style remote scripting techniques
throughout it's interface.

--
david gee ::: david at mode3.com ::: http://www.mode3.com/david

3 Feb 2006 - 10:51am
Todd Warfel
2003

Take a look at the Apple Store. They recently started using AJAX
during the order process. While it's not booking a room/car/flight,
it is a transaction process that begins w/a "select" a product, then
allows you to change/edit your selection with live updates on one
screen.

Go to the store, pick a Powerbook, the next screen (the
customization) screen is where the AJAX takes place. Change the RAM,
HD, or any feature and watch in the top right corner. AJAX and
JavaScript Fade technique.

3 Feb 2006 - 12:37pm
Dave Malouf
2005

Hi David,

Besides the classic Broadmoor hotel site that everyone has been referencing
for the last 5 years, I haven't seen a one screen travel site.

Personally, I'm not sure it makes much sense.

I think that Kayak.com is a great example of some nice AJAX functionality,
but I do think that farechase.yahoo.com is actually a bit better from a
design perspective.

I think that booking travel really is a step through process and it is good
that criteria selection is focused on first, then selecting a result and
then fulfillment is next. These seem like good "page turns" to me.

What might be interesting to think about is the following.
Already on both Kayak and FareChase they do the following:
1. you have a form on the home page and you ill out your criteria
(page turn)
2. you get results, but in the margin of your results is your criteria (not
all of it, some of it) and some other means of filtering that wasn't part of
the initial search, so in essence you have access to your search while you
are looking at results.
3. B/c these sites are not actually doing fulfillment, they can't go to the
next step

But maybe what should happen is the next screen creates another margin and
then the fulfillment area in a primary column (two narrow + 1 wide).

So it goes something like this, and I guess the purpose is to maintain
flexibility and context:
Form [wide]
Results [1 narrow + 1 wide]
Fulfillment [2 narrow + 1 wide]

Just a thought.

- -dave

3 Feb 2006 - 12:44pm
Robert Hoekman, Jr.
2005

There's not really a compelling reason to split it into successive pages,
but if you feel things need to happen in order, perhaps you could use a
similar three-column layout as the Broadmoor, dimming out the 2nd and 3rd
columns until the first is complete. When the first is complete, enable the
second column, and so on. This way, users would see everything they need to
complete, but would still be required to go through them in succession.

-r-

So it goes something like this, and I guess the purpose is to maintain
> flexibility and context:
> Form [wide]
> Results [1 narrow + 1 wide]
> Fulfillment [2 narrow + 1 wide]
>
> Just a thought.
>
> - -dave
>

5 Feb 2006 - 3:15am
Anonymous

Hi,
I'm not sure if this is done using AJax, but you can try:
https://reservations.ihotelier.com/onescreen.cfm\?hotelid=2054&languageid=1

This is a website for Broadmoor colorado springs hotel. Check out how only one page is used for the entire reservaton process.
Though there are evident interaction issues, but the design attempt is an intelligent one.

-Regards
Manish
UXD-Bangalore
India
Attitude can never be a substitute for competence.

5 Feb 2006 - 11:39am
Robert Hoekman, Jr.
2005

Andrei pointed out this site in his original post. (The Broadmoor
system was done in Flash, by the way.)

-r-

Syndicate content Get the feed