Skip to content

User Interface Mockup and Storyboard

Jump to bottom Edit New page
rleung edited this page Mar 15, 2012 · 22 revisions

Click to EnlargeUI Mockup

Storyboard:

  • The user starts the app and the Main View is opened
  • The "Take Photo" button is clicked and the built in camera function is started
  • The user takes a photo and is sent to the Photo View screen where one or more tags are input and a condition type is selected
  • The "OK" button is clicked and the user is returned to the main screen and the photo is stored
  • The user repeats the previous 2 steps multiple times until he/she gets bored
  • The "View Image Database" button is then clicked and the Image Database View is opened
  • The user clicks the desired list of images after sorting by tab or condition and the List View is opened
  • The user scrolls through the images and selects the image he/she wants to compare with the others
  • The "Compare" button is clicked and the user is sent to the Comparison View
  • The user visually compares the current selected image with the other images in the current list
  • Once the user is done, he hits the home button to exit out of the app
Add a custom footer
Add a custom sidebar

Clone this wiki locally