We recently hosted all global employees in SF. One common pain point that came up was the ability to easily find travel details. It's common to book the travel weeks or months before the actual travel happens. At that point, the information is buried deep in a specific workspace chat on the Inbox, or within the list of Trips on the Reports page.
In this issue we'll add a new Upcoming Travel slot, which has the following changes:
Design details
- Section title is
Upcoming travel (strong text like all Home header titles)
- Icon depends on the type of travels (so icons for hotel, airfare, rental car, train)
- Supporting text has two considerations:
- Current time vs check-in (hotel, car) or departure (flight, train) time
- 7 days (e.g. "In 1 week")
- Less than 7 days and greater than 24 hours (e.g. "In {count of days} days")
- Reservation time and current time are the same (e.g. "Today")
- Type of travel
- Flight: {airline shortcode} {flight number) (e.g. "UA 234")
- Hotel: {name of hotel}
- Rental Car: {name of rental car company} (e.g. "Hertz")
- Train: {name of train company) (e.g. "Renfe")
- Bolded text depends on the type of travel and the destination
- Flight: "Flight to {destination}"
- Rail: "Train to {destination}"
- Hotel: "Hotel in {destination}"
- Rental card: "Car rental in {destination}"
- {destination} uses the name of the city. We won't include the country for now.
- For both supporting and bolded text, we'll truncate the text so the information is kept on one line.
Product details
- We'll focus exclusively on travel booked through Expensify Travel for now
- This section only shows if a user has booked travel coming up within 7 days.
- Each row corresponds to a distinct reservation.
- For round trip reservation, the departure and return are distinct rows (since they have distinct destinations)
- Once the check-in (hotel, car) or departure (flight, rail) date passes, the row disappears. If this is true for all reservations within a week, the entire Upcoming travel slot disappears.
- Tapping on a given row takes the user to the details page for that reservation (e.g. /{policyExpenseChatID}/trip/0/{tripID)
- Linking to the details gives a member easy access to specific trip details, which they can copy for check-in, etc.
- The Upcoming travel slot is the highest slot on the right-side of Home (always above Assigned Cards and Announcements.
- On smaller screen sizes, we'll prioritize slots Time Sensitive, For you, and Discover above Upcoming travel. In other words, the left-side of Home is always prioritized above the right side.
EXFY-18094
Issue Owner
Current Issue Owner: @JmillsExpensify
We recently hosted all global employees in SF. One common pain point that came up was the ability to easily find travel details. It's common to book the travel weeks or months before the actual travel happens. At that point, the information is buried deep in a specific workspace chat on the Inbox, or within the list of
Tripson the Reports page.In this issue we'll add a new Upcoming Travel slot, which has the following changes:
Design details
Upcoming travel(strong text like all Home header titles)Product details
EXFY-18094
Issue Owner
Current Issue Owner: @JmillsExpensify