TruckPark App Requirements

User Flows & Associated Screens Overview

Onboarding

  • Onboarding screen 1

  • Onboarding screen 2

  • Onboarding screen 3

Logging In

  • Login screen

  • Failed login screen

  • Successful login screen

Creating an account

  • Create account form screens

  • Create account form - incorrect fields screen

  • Push notifications and sharing location screen

Navigating with menu

  • Menu

Searching for a lot

  • Search for lots screen

  • Search results list screen

  • Search results map screen

  • Filters screen

  • Map view - selected parking lot’s details popup

  • Selected parking lot’s full details screen

  • Selected parking lot’s reviews screen

  • Selected parking lot’s community tips screen

Making a reservation & payment

  • Making a reservation & payment

  • Make reservation screen

  • Reservation confirmation screen

Reviewing reservations

  • Reviewing reservations

  • List of reservations screen

  • View sing reservation screen

  • No active reservations screen

Editing a reservation

  • Editing a reservation

Cancelling a reservation

  • Cancel reservation confirmation screen

Reservation Notifications

  • Reservation notification popup

  • Strict end time popup

Completing reservation/rating experience

  • Rate the lot screen

Notifying user of penalty

  • Penalty screen

Adding/updating payment method

  • Payment methods screen

  • Add new payment method screen

  • Edit payment method screen

Viewing/adding to account balance

  • Account balance page

Viewing/editing profile

  • Profile screen

Viewing parking history

  • Parking history list screen

  • Parking history single reservation screen

Review favorites

  • Favorites list screen

Finding help/support and submitting feedback

  • FAQ Screen

  • Call Truckpark support screen

  • Send feedback screen

Legal items

  • Terms

  • Privacy Policy

Logging Out

  • Logging out screen

User Flows & Associated Screens Details

ONBOARDING

An onboarding sequence is initiated when a user opens the app for the first time on a phone. This sequence includes 2 - 3 screens introducing the app and how it works. Each screen will have an engaging graphic. There is an option to skip the onboarding on each screen. The onboarding will never be shown again when the user opens the app.

Onboarding screen 1

  • Welcome message

  • One sentence describing what TruckPark does

  • Skip button

Onboarding screen 2

  • 1 - 2 sentences introducing how the user will search for a lot and book a reservation

  • Skip button

Onboarding screen 3

  • 1 - 2 sentences describing how the user will go to the lot, find their parking spot, and then leave before the end of his/her reservation

  • Get started button

LOGGING IN 

When the user opens the app (after the first time), s/he will be immediately directed to a login screen if s/he is not already logged in. This screen also includes a button to create a new account. 

If a user enters the incorrect information, the user will be asked to enter the information again. There will also be prompts to either send forgotten username/password to her/his email. When the user successfully logs in, there will be a quick success notification and the user will be taken to the reservation search screen.

Login screen

  • Inputs for username/password (email or username?)

  • Button to create an account

  • Forgot password/username prompt

Failed login screen

  • Error message about mismatching username/pw

  • All UI elements of original login screen

Successful login screen

  • Success message 

CREATING AN ACCOUNT

If a user chooses to create an account on the login screen, the user will be directed to a sequence of screens to create an account. If there are any errors, the user will be notified and given prompts to correct the errors. The user will be asked to create a username and password. During the process, the user will add each type of truck s/he drives. Payment information must be submitted to create an account.

Create account form screens

  • Profile Questions/Form Fields (* marks required):

    • First Name*

    • Last Name*

    • Type of truck*

    • Type of driver*

    • Organization

    • License Plate #*

    • DOT #*

    • Email*

    • Phone #*

    • Credit Card* (offer photo technology as an option)

    • Survey of amenity preferences

  • Submit button

  • Button to skip unrequired screens

  • Go back and next/save button

Create account form - Incorrect fields screen

  • Original form fields with instructions to correct field

Push notifications and sharing location screen

  • Message about why push notifications and tracking location needs to be enabled

  • Message that the user cannot use the app without these functions enabled

  • Popups for user to approve of push notifications and sharing location from app

  • Instructions on how to enable push notifications and sharing location manually in phone

NAVIGATING WITH MENU
The navigation will be a hamburger icon with a slide out tray. 

Menu

  • Username and account balance at the top

  • Search for Parking: Takes user to search parking default screen

  • Current Reservations: Takes user to their current reservations

  • Profile: Takes user to their Profile

  • Parking History: Takes user to history of parking reservations

  • Account balance: Takes user to account balance screen

  • Payment: Takes user to payment methods screen

  • Favorites: Takes user to a list of favorited locations

  • Help/Support: Takes user to Customer Support screen

  • FAQ: Takes user to FAQ screen

  • Submit Feedback: Takes user to feedback screen

  • Legal: takes user to a list of legal documents

  • Logout button

SEARCHING FOR A LOT

Once the user logs into the account, s/he will see a search box to type in a location. Below the search box is a “Current Location” button and 2 - 3 previously searched locations that can be selected as inputs.

There will be dropdowns to select start and end times/dates. By default, once the user selects a start time, the end time will be 8 hours from the start time (though the end time is editable). There are advanced search features that allow the user to further specify what to include in the search results.

Available lots will appear on a map as pins after the user presses the search button from the previous screen. There is an option to view results as a list instead. There is also an option to filter results based on several factors.

When the user taps on a location, a star rating, total cost of stay, and driving distance for the lot will be shown in a preview pop-up. If the user wants to see a full list of information, they can click on the “View More” link on the pop-up. In the full information view, the user can make a reservation, see reviews of the location, and see community tips for the location.

Search for lots screen

  • Search bar

    • Suggested destinations based on previous searches

    • Current location option

  • Time start and finish (duration of parking) + date

  • Advanced search options based on filters (features, etc.)

  • Search button

Search results list screen

  • List of cards representing nearest lots (organized from closest to furthest)

  • Filter button

  • Cards have preview information (price, distance, hours, rating)

  • Map view button

  • Favorite heart (toggleable)

Search results map screen

  • Map with results as pins

  • Filter results button

  • Search this area button (if the user drags the map to a different area)

  • List view button

Filters screen

  • Times (date + time)

  • Truck type

  • Rating

  • Cost

  • Features

    • Safety

    • Overnight parking

    • Diesel Price

    • Wi-fi

    • Showers

    • Scales

    • ATM

    • On-site food/vending

    • Lodging

    • Tire care

    • Truck Wash

    • Pet friendly

    • Laundry

    • Transflo express

    • RV dump stations

    • Bulk Def

    • Gym

    • Fax Scan Services

    • Pool 

  • Apply + close filters button

Map view - selected parking lot’s details popup

  • A quarter screen popup will appear over the map with preview details about the lot (total cost, rating, distance to)

  • View more details button/link

  • Make a reservation button

  • Close popup button

Selected parking lot’s full details screen

  • Operating hours/staffed hours

  • Rating, top 3 positive labels from reviews, and see reviews button

  • See community tips button

  • Cost

  • Distance away

  • Get Directions button

  • Features

    • Safety

    • Overnight parking

    • Diesel Price

    • Wi-fi

    • Showers

    • Scales

    • ATM

    • On-site food/vending

    • Lodging

    • Tire care

    • Truck Wash

    • Pet friendly

    • Laundry

    • Transflo express

    • RV dump stations

    • Bulk Def

    • Gym

    • Fax Scan Services

    • Pool 

  • Phone number (link to phone app)

  • Fax number (link to phone app)

  • Website (link to web app)

  • Address (link to map app)

  • Highway 

  • Latitude longitude

  • Nearby restaurants (yelp integration)

  • Make a reservation button (near the top)

  • Favorite button

  • A button to submit incorrect information feedback to TruckPark

  • Back to results view button

Selected parking lot’s reviews screen

  • Back to full information button

  • List of review preview cards organized by most recent by default (clicking on card expands to full review)

  • Dropdown to organize reviews by rating, helpfulness, or date

  • Each card has helpfulness thumbs up and thumbs down icons with number count next to each icon

Community tips screen

  • A list of tips from users that are screened and curated by TruckPark (i.e., “Cool vintage movie theater a few blocks away”, “Fantastic hole-in-the-wall restaurant nearby”)

  • Submit a tip button

  • Filter tips options (food, entertainment, etc.)

MAKING A RESERVATION + PAYMENT

Once the “Make a Reservation” button is pressed, the user will be taken to a reservation sequence. Before each new booking, Users will be prompted with 2 questions, “Where are you coming from?” and “Where are you going?”

Additionally, the user will be asked to select the payment method and type of truck that will be parked.

Make reservation screen

  • Questions about where are you coming from and going to

  • Times (editable): these will notify user if changed times have no availability

  • Payment method with dropdown (with add new button)

  • Promo code form field

  • Truck being parked dropdown (with add new button)

  • Reserve button

Reservation confirmation screen

  • Warning about what happens if the user stays longer than the allotted time and say that we will send notifications before time is up (and that the user can extend their time IF there is an availability)

  • Reminder information about how to go to the lot, show reservations to the lot security person if necessary, and find the parking spot, link to FAQ screen

  • Confirmation code and overview of reservation information

  • Button to integrate destination with map app

  • “Made a mistake? Edit reservation here” button

REVIEWING RESERVATIONS

Users can select view reservation from the menu and will be taken to a list of existing reservations. The user can select a reservation to view more details about a reservation. If a reservation is active, it will have a green label on the reservation that says “Current Reservation”. If a reservation is upcoming (within two hours), it will have a blue label that says “Upcoming reservation”.

The most prominent feature of this screen will be the reservation spot #, name of the lot, date and times reserved on the lot, confirmation number, and cost of booking. If necessary, this will be shown to a security person on the lot when the driver enters the lot.

There will be some information about the lot with a button to see more information about the lot (same as the lot information screen above). There will be buttons to change reservation times, cancel reservation, instructions on how to find the parking spot (link to FAQ article), and get directions (connects to a 3rd party map app).

List of reservations screen

  • A list of cards with the reservations that link to individual reservations. Each card will have:

    • Times + date(s) of reservation

    • Cost

    • Name of lot

    • A color label if:

      • If a reservation is active, it will have a green label on the reservation that says “Current Reservation” 

      • If a reservation is upcoming (within two hours), it will have a blue label that says “Upcoming reservation”

    • Button that says “View More”

View single reservation screen

  • Name of lot

  • Times + date(s) of reservation

  • Cost

  • Confirmation code

  • A colored label if:

    • If a reservation is active, it will have a green label on the reservation that says “Current Reservation”. 

    • If a reservation is upcoming (within two hours), it will have a blue label that says “Upcoming reservation”.

  • Button to see more information about the lot

  • Button to change reservation times (this will be shorten/extend once the reservation has begun)

  • Button to cancel reservation

  • Button to link to instructions on how to show app to a lot’s security personnel and find the correct parking spot

  • Button to integrate destination with map app

  • Back to full list button

No active reservation screen

  • If there is no active reservation, there will be a default placeholder that says something to the effect of “You have no reservations”

  • “Search for parking” button that takes user to default search screen

EDITING A RESERVATION

When a user is viewing an individual reservation, s/he can edit the booking times. This will take the user to a new screen where the user can select new times. If the reservation is already in progress, the user can only change the end time of the reservation.

The user will be able to see a calendar for the reservation spot to see if extending the time will conflict with another user’s reservation times.

As the user changes the times and date(s), the application will dynamically check whether or not the spot is available for the new time and return a corresponding message (“This spot is available!” or “This spot is not available, please select another time.”)

Additionally, the user will see the new total cost of the reservation based on newly selected times. If the user is happy with the new selection and the spot is available, the user will be able to click on the “Update reservation” button. If the spot is not available, the “Update reservation” button will not be pressable. 

If the user tries to leave the screen without making any changes to the reservation, a notification will appear alerting the user: “You have not saved any new changes to the reservation. Is that ok?” The user can choose whether or not to leave or stay.

EDITING RESERVATION TIMES SCREEN

  • Reservation calendar

  • Start time and date dropdowns/calendar

  • End time and date dropdowns/calendar

  • Small text showing cost per hour of spot

  • Availability message

  • Dynamically updating total cost based on hour changes

  • Update Reservation button

  • Return to reservation screen (this includes the warning notification)

CANCELLING A RESERVATION

If a user wants to cancel a reservation, the user must go to the single reservation screen and tap the “Cancel reservation” button. This will trigger a popup that asks the user “Are you sure you want to cancel this reservation?” If the user selects yes, this will take the user to a cancellation confirmation screen.

CANCEL RESERVATION CONFIRMATION SCREEN

  • Successful cancellation message (includes name, date, time of the booking that was cancelled)

  • Search for parking button

RESERVATION NOTIFICATIONS

The user will receive phone notifications before the reservation is complete. The notification will warn the user how much longer s/he has before the reservation is over and warns the user of the penalty for staying past the end time. 

On each notification, there is an option to try and extend the time of stay. The notification will alert the user to how much longer the reservation can be extended or if there is another user immediately parking in the same spot after the reservation.

Notifications will be at: 1 hour, 30 minutes, 15 minutes, 5 minutes before end time.

The user will also receive phone notifications if another user makes a reservation that immediately follows the original user’s. This way, the user will be warned about how important it is to exit by the end of the booking.

RESERVATION NOTIFICATION POPUP

  • Message about how much time is left

  • Message about whether or not the user can extend (based on if another driver is parking immediately after) and for how long

  • Message about extending time if needed

STRICT END TIME POPUP

  • Message about the other user’s reservation

  • Message about inability to extend reservation

  • Warning about the penalty if the user does not leave before the end time

COMPLETING RESERVATION/RATING EXPERIENCE

Before user can go back to another part of the application, a screen will appear for the user to rate their experience at the lot. As the app requires drivers to allow the use of GPS while using the app, GPS integration will help detect whether or not the truck has left the spot on time.

RATE THE LOT SCREEN

  • Add to favorites button

  • Stars to rate lot

  • If positive, ask user to select labels that define positive experience. Ability to leave comment.

  • If negative, ask user to select labels that define negative experience. Ability to leave comment.

NOTIFYING USER OF PENALTY

If a user stays past their reservation time and is discovered doing so (either by GPS, another customer trying to park, or the lot’s security), the app will notify the user of the penalty via phone notification.

When the user opens the app, a full screen screen will inform the user that a penalty cost was incurred because of a late departure at a certain location. This is automatically deducted from the user’s default payment method. 

There will be a button on the full-screen notification for the user to contact TruckPark if there was a misunderstanding with the reservation.

Reservations that received penalties will show up under “Parking History” on the respective parking reservation as a gray label titled “Late Departure”.

PENALTY SCREEN

  • Penalty message + reservation details

  • Button that links to an FAQ screen that answers the question “Why was I charged a penalty for my stay?”

  • Button that links to call TruckPark to contest the penalty

ADDING/UPDATING PAYMENT METHOD

If a user wants to add, edit, or delete payment methods, s/he can do so from the payment screen (navigated from the main menu).

PAYMENT METHODS SCREEN

  • Cards on file (can click to see details and edit)

  • Add payment method button

ADD NEW PAYMENT METHOD SCREEN

  • Form fields for a new card

  • Name of card field

  • Make default? button

EDIT PAYMENT METHOD SCREEN

  • Shows the fields but they can be edited 

  • Save button

  • Successfully changed message

VIEWING/ADDING TO ACCOUNT BALANCE

Users can choose to add a set amount to the account balance. 

ACCOUNT BALANCE PAGE

  • Form to add money to balance

  • Prominent feature of the account’s current balance

VIEWING/EDITING PROFILE

If a user wants to add, edit, or delete profile info, s/he can do so from the profile screen. All the fields are editable.

PROFILE SCREEN

  • Profile Fields

    • First Name

    • Last Name

    • Type of driver

    • Organization

    • Email

    • Phone #

  • User’s Trucks (with delete truck buttons)

    • Type of truck

    • License Plate #

    • DOT #

  • Amenities Preferences

    • Safety

    • Overnight parking

    • Diesel Price

    • Wi-fi

    • Showers

    • Scales

    • ATM

    • On-site food/vending

    • Lodging

    • Tire care

    • Truck Wash

    • Pet friendly

    • Laundry

    • Transflo express

    • RV dump stations

    • Bulk Def

    • Gym

    • Fax Scan Services

    • Pool 

VIEWING PARKING HISTORY

To see parking history, user will select ‘Parking History’ from the main navigation and will see a list of preview cards. The user can select a preview card to see full information about the parking reservation (single reservation screen). There are buttons to leave a review, a tip, feedback, or an issue regarding the parking lot.

PARKING HISTORY LIST SCREEN

  • Past Reservations

    • Small view of trip route

    • Name of lot

    • Cost

    • Trip rating

    • Times/dates of trip

    • Label “Late Departure” if applicable

    • Favorite button

  • Search box

PARKING HISTORY SINGLE RESERVATION SCREEN

  • Small view of trip route

  • Name of lot

  • Cost

  • Trip rating

  • Times/dates of trip

  • Label “Late Departure” if applicable

  • Button to leave a review 

  • Button to submit a tip

  • Button to submit feedback

  • Button to call about an issue with reservation

REVIEW FAVORITES

If a user wants to see a list of favorited locations, the user will select “Favorites” from the main menu. This will pull up a list that looks and functions very similar to the search results list, except that each card will have a heart that indicates it is favorited.

FAVORITES LIST SCREEN

  • Favorite heart (toggleable) on each card

  • List of cards representing nearest lots (organized from closest to furthest)

  • Filter button

  • Cards have preview information (price, distance, hours, rating)

FINDING HELP/SUPPORT AND SUBMITTING FEEDBACK

Users can find answers to FAQs, call TruckPark customer support and send feedback via the main menu.

FAQ SCREEN

  • Frequently Asked Questions accordion categories

    • Within the categories, user can select a question which expands to an answer

  • Search option


CALL TRUCKPARK SUPPORT SCREEN

  • Phone # to call customer support (linked)

  • Button that links to FAQ with message asking user to check FAQ first

SEND FEEDBACK SCREEN

  • Message about sending feedback

  • Subject dropdown

  • Text area for feedback

  • Submit button

VIEWING LEGAL STUFF

Users can select terms and conditions from the menu and will be taken to a list of legal terms/policies.

TERMS

  • Effective Date

  • Terms of use

  • Grant of License

  • Company Content

  • Accounts, Security, Passwords

  • Use of Parking Services

  • Use of Platform

  • Intellectual Property Ownership

  • Representations, Disclaimer of Warranties and Limitations of Liability

  • Mobile Service fees

  • App Updates

  • Users of Apple

  • Links to 3rd party services

  • Export Control

  • Assignment

  • General Info

PRIVACY POLICY

  • Effective Date

  • Disclaimers

  • Contact for more info

 

LOGGING OUT

When users logout from the main navigation, they will be taken back to the login screen. A quick successful logout message will appear before the user sees the login screen.

SUCCESSFUL LOGOUT SCREEN

  • Message indicating successful logout