It’s Alive!: Wireframe to Prototype with InVision

See below for instructions.

Working prototypes of Menu Screen (left) and Map Screen (right) with hotspots highlighted, developed in InVision.

From the Map Screen:

  • Tap the filter icon in the top right corner of the screen to open the map filter model.
  • Tap the search icon in the top right corner of the screen to open the available cars list
  • Tap the menu icon in the top left corner to open the menu.

From the Map Filter Modal screen:

  • Tap the menu icon in the top left corner of the screen to open the menu
  • Tap the filter icon again to return to the map screen
  • Tap the “OK” button to return to the map screen
  • Tap the search icon in the top right corner to open the available cars list

From the available cars screen:

  • Tap the “X” icon in the top left corner of the screen to close the available cars screen and return to menu.

From the menu:

  • Tap the “Registration” button to open the signup screen
  • Tap the “Login” button to open the login screen
  • Tap the menu icon again (top right corner) to close the menu and return to prev. screen

From the login screen:

  • Tap the “< Map” button in the top left corner to close the login screen and return to map screen.

From the signup screen:

  • Tap the “X” icon in the top left corner of the screen to close the signup screen and return to menu.