跳到主要内容

Travel & Booking 移动应用模板

Travel screens run in a line. Search, a list of results, one option, and a confirmation the user can find the next day. Search should ask for the facts that change the results, usually where and when, and leave the rest for later. Results are a list someone can scan: a name, a price, and the one fact that decides it. A time, a number of stops, a distance, a rating.

Travel App 应用设计模板：第 1 屏
Travel App 应用设计模板：第 2 屏
Travel App 应用设计模板：第 3 屏

Travel App

Travel & Booking

Car Rental App 应用设计模板：第 1 屏
Car Rental App 应用设计模板：第 2 屏
Car Rental App 应用设计模板：第 3 屏

Car Rental App

Travel & Booking

Hotel Booking App 应用设计模板：第 1 屏
Hotel Booking App 应用设计模板：第 2 屏
Hotel Booking App 应用设计模板：第 3 屏

Hotel Booking App

Travel & Booking

Parking App 应用设计模板：第 1 屏
Parking App 应用设计模板：第 2 屏
Parking App 应用设计模板：第 3 屏

Parking App

Travel & Booking

Flight Booking App 应用设计模板：第 1 屏
Flight Booking App 应用设计模板：第 2 屏
Flight Booking App 应用设计模板：第 3 屏

Flight Booking App

Travel & Booking

Ride Sharing App 应用设计模板：第 1 屏
Ride Sharing App 应用设计模板：第 2 屏
Ride Sharing App 应用设计模板：第 3 屏

Ride Sharing App

Travel & Booking

Trip Planner App 应用设计模板：第 1 屏
Trip Planner App 应用设计模板：第 2 屏
Trip Planner App 应用设计模板：第 3 屏

Trip Planner App

Travel & Booking

The detail screen answers the practical questions for that object. A room needs the dates and the nightly price. A flight needs times and stops. A car or a parking spot needs where it is and until when. The confirmation is a ticket: a code, the time, and where to go. If a banner covers the code, move the banner.

Use a map when the user has to reach a place. A trip planner can lead with the itinerary instead of a map. Pick one primary object, a stay, a ride, a flight, or a spot, and remove the modules from the other templates. A hotel home screen that also offers a flight search and a parking map is three products.

The row on the results list should be tappable as a whole, with the price in the same position every time. That consistency matters more than a unique card style. People are comparing, and comparison fails when each row hides the price in a different corner.

有问必答。 开始之前你需要了解的一切。

What should search ask for?
The fields that change the list. For a stay, place and dates. For a flight, from, to, and the day. For parking or a ride, where the user is. Extra filters belong on the results screen, after the first list is visible.
What makes a results row easy to scan?
Name, price, and one deciding fact, in the same place on every row. A photo helps for rooms and cars. For flights, the times matter more than a picture of a plane. The whole row should be the tap target.
What does the confirmation screen need?
A code the user can show, the time, and the place. Include the guest's name if someone else is checking them in. The screen has to be one tap from home later, under trips or bookings. A confirmation that only flashes once gets lost.
How do I choose among the travel templates?
Hotel or flight templates when the object is a booking on a date. Ride sharing when the trip is happening now. Parking when it is a spot and a session with an end time. A trip planner when home is an itinerary of several stops.
When is a map the right home screen?
When the user has to go somewhere specific, a lot, a car, a pickup point. If the product is a list of bookings or a day-by-day plan, lead with that list. A map with no selected place is a wallpaper.

还有其他问题？请发邮件至 support@sleek.design。

你的应用，今晚就能设计好。

从一句话开始。Sleek 会以同一种风格设计每个界面。

免费开始。无需信用卡。已有 60,000+ 位应用创作者在使用。