Skip to content

Plan route UI design notes

Matt Duggan edited this page Sep 20, 2021 · 6 revisions

What will be on the page

Start Location

  • A search bar that can be predefined with the current location or location set by the user.
  • Is at the top of the page.

Destination

  • A destination bar that is defined by the user.
  • Right below the start location.
  • Can be auto-filled by pressing on a marker in the map home or in the plan route UI page.

Mode of Transportation

  • Predefined buttons will give the user the ability to either set walking or car as the mode of transportation.
  • Will include the estimated amount of time to walk to the location of the marker.

Map

  • A map will be displayed when the marker is searched for with a collapsed subheading of the user-defined locations.
  • Map will display a proposed line connecting the marker to the user or defined location.
  • Map will also show the other locations close by and alternate historic paths.

What other pages need to be accessible from this page

  • Any marker lists need access to the page from the marker preview.
  • The home page so users can quickly access interesting locations.

How will a user navigate to each page

  • User can navigate back to the previous screen by an arrow in the top left.
  • User can access any marker preview by pressing a marker in the map.

Clone this wiki locally