Blog
December 27, 2017
Alle
Produkt design
Tilpassede løsninger

Hvad skal der til for at udvikle en rejsesøgningsportal? Skabelsen af den næste Booking.com

Hvad skal der til for at udvikle en rejsesøgningsportal? Skabelsen af den næste Booking.com

Det kan være en udfordrende opgave at lave et sofistikeret søgeværktøj til rejsesider. Uanset om du vil på weekendtur til Vegas, eller, om du vil på et tre måneder langt eventyr, starter søgningen på flyafgange og indkvartering fra hjemmesidens søgefelter. Når man skal spore tusindevis af destinationer, hundredevis af datoer og utallige flyafgange, er det lidt af en bedrift at holde layoutet enkelt og intuitivt.

Kilde: aytm.com

Uanset hvilken rejseoplevelse man ønsker, er det nemt på internettet i dag at søge på destinationer og finde en rejse til en rimelig pris. Om man søger på en hjemmeside eller via en app, kan man på få sekunder søge, sammenligne og reservere den bedst mulige rejse.

Kilde: aytm.com

Expedia, Orbitz og Travelocity

Tilsyneladende bruger disse tre rejsesider samme kodning og backend-teknologi til at styrke deres søgninger. Det ville være overraskende at finde uoverensstemmelser mellem deres tilbud. De er bygget op med JavaScript og indkøbte komponenter fra travel-assets.com og har samme brugerflade til deres afrejsested- og destinationsfelter med en dropdownmenu, så snart brugeren begynder at indtaste sin placering. Når disse er valgt, leverer afrejsedato- og hjemkomstdatofelterne en dropdown-kalender for nemmere valg af dato. Til opsummering af brugerkriterier, værelser, voksne (18+) og børn (0-17) har alle traditionelle, enkle tekst-dropdownmenuer.

Læs også: 5 rejsebrands, der bruger Virtual Reality rigtigt

Booking.com

Efter at besøge de tre ovenstående sider, ser man, at booking.com-søgningen leverer et opdateret udseende og præg. hjemmesiden er også lavet med JavaScript og bruger OGP, Open Graph Protocol, til at skabe søgefelterne. Inden for “Destination, stedets navn eller adresse”-feltet, er der noget kreativ placeholder-tekst. Når tekst indtastes, kommer OGP-protokollen til live og viser farverige fotos af destinationer samt nyttige oplysninger. På samme måde er datofelt-dropdown med kalender og værelser/gæster-felterne traditionelle dropdowns, men hjemmesiden giver derudover en mulighed for at indtaste, om man er på forretningsrejse. Den har heller ikke knapper til rejsepakker, men bruger en anden søgeside, der findes i navigationsmenuen for disse muligheder.

Det interessante er, at hjemmeside-designet ikke er ændret synderligt siden 2007, og det nuværende design skaber en følelse af, at brugeren har travlt og opfordrer til at reservere for laveste pris med:

  • Tidspressende rød tekst og fastsættelse af lave priser
  • Forbedring af bedømmelser
  • Udvalgte bedømmelser på hovedsiden

Kilde: ro-che.info

Hvis du vil vide mere om UX på Booking.com, så tjek det offentlige Boooking.Design med historier fra designere og researchere.

Kayak.com

Den mest kreative af disse hjemmesideløsninger er kayak.com. Kayak bruger også Javascript og OGP, og leverer en hjemmeside i enkelt design med få dropdowns, hvor antal rejsende og type billet findes i et enkelt dropdown-felt. En tilføjet fordel ved denne hjemmeside er dens modtagelighed. Mens Booking.com kæmper med dets responsive design, stiler Kayaks hjemmeside efter, og tilpasser sig fuld ud, til alle skærmstørrelser og opløsninger. Ved at bruge booking.coms navigationsstruktur med knapperne på Orbitz, Expedia og Travelocity, ændres også, hvor brugeren er over den øverste, horisontale navigationsmenu, når et faneblad vælges for søgning på hoteller, flyafgange, biler og pakker.

Hvis du vil lave en dynamisk og moderne søgefunktion til din hjemmeside, til rejser, undersider eller dokumentation, så kontakt Ciklum i dag.

Læs også:

Casestudy: Virtual Reality-app for en øjenåbnende rejseoplevelse