As a customer, I want to view list of available Hotels as per my preferences selected in the Hotel search page, so that I can select the preferred available Hotels from the list.

As a customer, I want to update my preferences of search and filters by clicking modify search, so that the available Hotels are Sorted, Filtered and is also based on the updated search query.

As a Customer, I want to shortlist the Hotels by clicking on shortlisting icon on each tile, so that I may use those items in future by accessing shortlist page.

As a customer, I want to sort the list of available Hotels, so that based on the sorting preferences of Feature, Rating by Customer or Price, the flight list is rearranged.

As a customer, I want to click on preferred tile, so that I may navigate to Detail page of that Hotel and continue with the booking.

Navigation: This page will be launched when user will tap on Search Hotel tab on Hotel Search Page.

Page Description: Using this page user can: Select Hotel options based on search criteria Filter or Sort Hotels View map location on google map Shortlisting option for Hotels

Access: All users have access this page

Layout: Hotel Listing Page

⁠

Shortlisting Hotel Page:

⁠

Table 3

Table 3

Fields

Field Type

Mandatory/Optional

Description

Header

Label

It will showcase previously entered search criteria as follows: City/Hotel/Area/Building Name along with Hotel Count No. of Results Found check-in/check-out dates No. of Guests(includes Adults/Kids) No. of rooms Modify Icon Shortlisting icon(if any product shortlisted, else don’t show any icon

Modify Search

Edit Icon

By clicking this, user will be able view and edit all the details filled in the previous (search page), without breaking the user journey. This page is a clone of Hotel search page

Session Timer

clock

Count-Down Timer- present at the top right corner. AT team will provide the Timer status and response from the backend, only visibility and content is front end part. the Timer will be of 10 mins. It will help create urgency for user to continue with the booking, and most importantly every time when it is refreshed, the page will show updated Rates and Inventory. Rules: Show the timer when last 1min is left

Filter

Icon

User can filter out results using this Icon, a pop-up page will open showing different types of filters. User can clear all the filters by clicking on Reset button. refer sub-page for detail description

Sorting Bar

Text with Link

User will be able to sort the Hotels by: Price (Low to High & High to Low) Rating (Low to High & High to Low) Featured (Low to High & High to Low) Rules and Validations: By default, the list of Hotels shall be sorted based on “Price”(low to high). tap on link to change the direction of sorting either from low to high or vise?versa

Shortlisting

Icon

User will be able to shortlist the Properties, it allows him to create personalized collections of Hotels they want to book and save them in their user account for future reference. All the shortlisted properties #count will be notified over the icon present in header. It will show the tiles for that Hotel, each tile includes: Hotel Name Star Rating out of 5 Provision of Customer Rating (depended on hotel review section in a format (4.5/5)), Responses will be generated from Expedia supplier. Strike on Rates and show the promo rate City Name Prioritized amenities: Free Breakfast, Free Cancellation, free wi-fi along with icons Delete Icon for user to delete that item from the shortlisting list. Clear all button to remove all items from the list. CTA- when user clicks on any of the tiles from shortlisted items, he will be navigated to the Hotel Detail page of that particular Hotel. Rules: The shortlisted items will be saved in account database for logged-in user and in cache for guest user

Hotel Listing Tile

Hotel Tile

Tile View

User can click on preferred tile for selecting the Hotel after viewing information present on each tile as below: Image Photo Gallery small icon at bottom right corner of the Image Hotel Name Star Rating out of 5 Provision of Customer Rating (depended on hotel review section in a format (4.5/5, reviews)), Responses will be generated from Expedia supplier. City Name Distance from the city centre Inclusions: Free Breakfast, Free Cancellation, free wi-fi along with icons Priorities Amenities(shown as Icon) Need strike off Rate on all listings of hotel Tax and Fees below Final rate amount Rules: if 2 star rating mentioned, then 2 stars out of 5 will be highlighted in yellow color. Priority amenities are not hard coded, it may change and will be fetched based on response. Top 5 Amenities to be shown on the hotel listing card Price will be fetched through API. Each tile will be a CTA , when user will click on any tile, he will be navigated to the detail page of that property

Floating Bar

Buttons

User will see a floating options in a bar for - Map. Screen will scroll but the bar will freeze at the bottom center of the page. Map will open the Geolocation of all the properties to help user locate the exact location and track live. The price will pin and blink on google map. User will see a confirmation page to confirm opening Google map. The searched hotel will be shown in red. The UI will be same as current application in case of google map. Rules: Google map will work using APIs. Which ever price user will click only that property tile will open to show information on top of the page

Promotions and Offers

Banner

Add tile level promotions showing promocode by-default applicable an the off amount. Add Offer banner after 2nd tile of Hotel listing page. It must be visible to the user just after landing on listing page.

There are no rows in this table

⁠

Acceptance Criteria:

Given I am an AKT user, When I click on Hotel Search on previous page then, the system should ensure that

I navigate to Hotel Listing page and can view the available hotels based on the selected search criteria.

I can view more hotel images by clicking on Image icon.

I can view floating button at the bottom center of the screen.

I can view header with entered searched information along with modify button.

I can view promotions offer on each tile and offer banner after 2nd tile of hotel.

I can view Sorting bar after the header bar.

Given I am a customer, When I click on Modify Search to update the preferences provided earlier in the Hotel search page, then the system must ensure that:

All fields in the modify search are prepopulated with previously selected preferences.

All fields in the modify search are editable to accommodate new search query. On clicking OK, the list of Hotels is updated as per the updated preferences.

Given I am an AKT user, When I select Shortlisting icon, then the system must ensure that the selected results on shortlisting page are showcased for future review.

Given I am an AKT user, When I select Sorting text links, then the system should ensure that I can Sort the Hotel list results based on Price, Rating or Featured options.

Given I am an AKT user, when I select Google Map from Floating icon, then the system should ensure that I can track the Hotel on Google Map which ever I choose.

Given I am an AKT user, when I select preferred tile, then the system should ensure that I can navigate to next page to view the details of that hotel and continue with the booking

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.