Hotel App Product Analysis

Spring, all things revive, and to the good season of travel. Travel, nature to book hotels, let us take the design vision, together to see the popular hotel app products bar.

　First, booking hotel scene analysis

User Reservation hotel Scenario Analysis:

1. Have a clear target hotel

For such users, opening a hotel app usually goes straight to the theme. This topic is not necessarily a search, it may be a user's history order or a recently visited hotel.

2. No clear target Hotel

Such users do not have a specific goal and need to choose a hotel that meets their requirements within a range of areas. Of course, everyone's requirements for the hotel are different, such as hotel location, Price, star, opening time, whether the chain, supporting facilities.

Therefore, the filtering function is essential for users who do not have an explicit target hotel.

　　Second, the difference between business and leisure hotels

The reason why people travel to stay in a hotel is simply because of the public or private, because the public usually choose the business hotel, but the private will choose the leisure Resort hotel.

A, hotel location

Business hotel's geographical location to have the superiority, is close to the business center, the convenience user business travel, but the leisure hotel to the position request is weaker, the public transportation travels conveniently.

B, hotel decoration style

Business hotel decoration style is usually simple, the atmosphere, while the casual hotel style is uncertain, but the overall style is more lively, some of the hotel main home "feel".

C, supporting facilities

Business hotels need to be equipped with a reception room, meeting rooms, restaurants and other facilities, while the Leisure hotel has no special requirements for the meeting room and conference rooms.

D, Supporting services

Business hotels may be equipped with shuttle service, even more comprehensive and thoughtful services, such as baggage handling, booking flights and so on. Leisure Hotel users more initiative, enjoy a free and comfortable atmosphere, so the supporting services are also relatively less.

　Third, overseas hotel reservation app

Recently, the Japanese and Korean tourism has become unusually hot, as the first from foreign Hotel app, compared with the recommended Airbnb, Hotels.com, Booking.com, Agoda.

　　1.AIRBND (Air boarding)

Airbnb is a specially designed for accommodation and backpackers design booking, rental app, users can find many cheaper than local hotels in the hotel, can also apply for an account to rent a room!

Airbnb want users to be able to log in, although not necessarily, but also revealed some high-handed president's breath, from the start page can be seen. No matter when the user opens the application, it will be a tireless reminder to log on. Of course, you can also click on the upper right corner of the "X" to close the launch page, but see such a beautiful big picture, it is not the heart to refuse.

If you are not logged on on the startup page, there are also many opportunities for you to sign in, as shown in the following illustration:

Here have to mention that the bottom navigation bar only icon, no text, it is really difficult to understand. Although the icon has a certain semantic communication ability, but after all, there is no direct text, the user needs to think and try to finally determine its function.

A, Home

On the front page, the first thing to look at is a big picture that occupies a half screen, followed by a large circular search icon. Further down is Airbnb's promotional language, introducing Airbnb's characteristics-renting unique listings from local landlords around the world. It is not difficult to understand that the first screen is mainly to promote the Airbnb brand and to meet the needs of the user's search.

However, the home page does not end here, there is also content, as shown above (is not found, the designer's sadness Ah, in order not to destroy the integrity of the first screen, the following content is not reserved for the opportunity to emerge).

The first screen in addition to search, there are "weekend good place, Airbnb Select, popular destination" three categories, following the unified style: Title, large map, descriptive text, but there are also some problems:

A, Weekend good place

The weekend is a good place to recommend neighboring countries, not surrounding provinces and cities. For domestic users, it seems unlikely that they will be back to work for the weekend after a round of foreign travel in Monday.

B, the title does not support the click

Weekend Good place etc 3 titles no more buttons to view, users can not click to view more recommendations.

Once the search button has slipped out of the page, the search button becomes the search box. This design is very intimate, if the user did not find the content of interest, you can directly click the search box to launch a search.

B, search page

Click the search box to display the search near and history.

The reason why the search is so hidden is that the target users of the Airbnb are less demanding, and those who travel are generally booked in advance, with less chance of temporary bookings.

C, search results page

The top part of the search results page displays the number of search results and the filter.

Filter By default only date, you can click more Select more detailed selection criteria, such as number of tenants, instant booking, availability type, price, bedtime arrangements (bed, bedroom, bathroom), convenient facilities (unlimited internet access, air-conditioning, swimming pool, kitchen, etc.).

The search results list shows room photos, prices, owner's avatar, profile, room type, and city. Room photos with large graphics performance, to attract users.

D, Room details page

Hotel Details page from top to bottom is room photo, price, introduction, landlord photos, room profile, evaluation, facilities, location map, landlord information, booking rules and similar listings.

The details page keeps the content consistent with the search results page, and the photos are automatically scrolled and can be manually slid. Room profile with the "translation" function, click Translation cost machine current language, but with the Google translation, seemingly accurate rate is not high.

　2.hotels.com (good Reservation network)

Hotels.com is a very good hotel reservation app, with the world's most famous landmarks as a quick selection function.

Hotels use side bar navigation, the default display home. This kind of navigation form mainly has the following several advantages:

Admission is strong, so that the page more concise;

Navigation scalability is strong, can place more navigation items;

Help users focus on the content of the current page;

Content area to show more content;

Of course, the disadvantage is that the button is located in the upper left corner of the screen, for large screen mobile phone users to operate more inconvenient.

A, Home

First hotel.com home, there is a feeling of surprise, and my impression of the rigid image is quite different. A large background picture to do foil, immediately put me into a relaxed and comfortable trip.

A, find hotels near Me

"Do you need a hotel tonight?" Several large Chinese characters seemed like a respectful waiter, standing there eagerly asking. For those with immediate needs, you can quickly find hotels nearby and make a reservation.

B, search

For those who make travel plans, they can make a reservation by entering a travel destination. The search box will automatically record the last search term (click the input box will not disappear OH), the input box below will display the last search content (room number, number, time);

C, recently visited hotels

The position is almost at the bottom of the first screen, using the card design, can be left and right slide browsing view.

D, good booking network rewards

Sign up and sign in, the cumulative 10 nights hotel is a free 1 nights stay. This naked form of marketing is still quite attractive, slide to the bottom of the page to see the number of their current accumulation, and how many nights left.

B, search page

The current position and the most recent search record are displayed when the search term is not entered. Whether you enter a search term in the input box, the current position is always there, do not know if this is necessary, click of course can be directly launched search.

Once the search term is entered, tips are also listed below the input box, grouped into the following categories: Cities/regions, landmarks, airports/stations, hotels, and most recent searches are still lurking at the bottom. In fact, this is not difficult to understand, the designers want to try to figure out the user's further needs, in order to show more in line with the user needs of the results, the most recent search is also possible hit. The title of each tips category will be displayed on top of the slide, except that the title cannot be clicked.

After you select a destination, there is also an intermediate page to transition to the search results page. Middle page users can set check-in and check-out time, occupancy.

When compared to other products, check-in and check-out times show different rules. If today or tomorrow, highlight "Today, tomorrow", as the day after tomorrow or some other date, highlighting "date + Week".

Foreign hotel reservations app almost all take into account the needs of children, when booking will prompt the user to set. This is the domestic hotel reservation products lack of, may be the proportion of foreign family travel higher bar.

C, search results

The top of the search results list shows the destination city, the booking time, and the number of people who support editing changes, followed by the number of search results. Slide up above two points to maintain the top, of course, support Click to modify, but click the number of search results pop-up sorting and screening, this somewhat unexpected.

Search results show the name of the hotel, five-star acclaim, prices/original price, concessions, ratings, distance, hotel pictures. The button in the top right corner of the hotel is similar to the collection function, is not a bit difficult to understand. The star icon in the lower right corner is supposed to support the 10-night free 1-night gift.

Hotels will provide some mysterious price hotel to attract users to book, usually a large discount, seemingly each user's mysterious price hotel is not the same.

The bottom of the search results are sorting and filtering, maps, and customer service calls. There is a special sort of "distance from the city center-from near to far", for travel users can be used as a reference, but the city center is difficult to define.

There are more options for filtering: Hotel name, Price, star rating, discount, landmark, facilities, surrounding area, theme, accommodation type.

D, Hotel Details page

Hotel Details page at the top of the display is a good booking network and customer service phone, this is a bit strange, should not show the name of the hotel (see more, do not know what hotel I am looking at)?

Further down is a brief introduction to the hotel, including the hotel name (in English and Chinese), telephone, five-star ratings, hotel photos, price/original prices, reservations. Click the hotel picture to change the horizontal screen, this is somewhat difficult to accept, is it better for example to present the photo content, so that when uploading photos of the size of the photos should be required.

For hotel overviews, guest reviews, hotel maps, hotel facilities, nearby events, travel information, policies and fees, the designer hides them in level two pages, mostly using a boring list.

Further down is the hotel reservation section, default to the room information, only display basic information, users can click to expand View Details. The only thing that bothers me is that there is only one photo in the hotel room and can't see more.