UI Story Board CIS78 Group Project Created by: Aliese Zacharias.

UI Story Board

CIS78 Group ProjectCreated by: Aliese Zacharias

Start Page(the first page the user sees)

The user can select and deselect each of the dining choices.

Start Page with selections(after clicking all the dining selections)Dining choice

buttons in selected state.

Search results list view(after clicking start button)

Pressing Back will take user to the previous page (same action for all pages)

Pressing arrows will take the user up or down the page.

Page status bar slider

Selecting a row brings the user to a more detailed view of the restaurant.

Restaurant details view(after clicking a menu row)

Pressing this button brings user to reservation page.

Reservation view(after clicking Make a reservation)

Pressing any field brings up keyboard interface.

Pressing submit sends the form out to the restaurant.

Keyboard input window(comes up when any input field is pressed)

User is allowed to type letters on the screen with the keyboard up. Selecting enter brings user back to main reservation view.

Form filled out(after keyboard input is finished)

End page(when the submit button is pressed)

Countdown is in 1 second interval and when done, start page is brought up.

Administrative Backend

This section is for accessing the usage log for administrators.

Admin - Login page(this page is accessed by administrators outside the kiosk UI)

Administrators accessing the system will have access to keyboard so they don’t need one for field input.

Failed login attempt

Red banner message tells user if they failed the login.

Usage log report

Report details will be displayed in a simple table form below the title.