rezzervo final template anna paykina - designer

36
Rezzervo V1.0 May 06 2014

Upload: annapaykina

Post on 18-Nov-2014

59 views

Category:

Business


1 download

DESCRIPTION

Rezzervo Template

TRANSCRIPT

Page 1: Rezzervo final template Anna Paykina - Designer

Rezzervo V1.0

May 06 2014

Page 2: Rezzervo final template Anna Paykina - Designer

Contents

1. Start Page

2. Registration (home)

3. Registration (cellphone)

4. Registration (confirmation code)

5. Menu

6. Home

7. Profile

8. Change Profile Picture

9. Favorites (See All)

10. Restaurant Profile

11. Make Reservation

12. Reservation (made)

13. Pending Reservation

14. Settings

15. Search

16. Search x

Page 3: Rezzervo final template Anna Paykina - Designer

Start Page

Page 4: Rezzervo final template Anna Paykina - Designer

Specifications - Start Page

( 1 ) :

text field to insert email

( 2 ) :

text field to insert password

( 3 ) :

radio button; if clicked, then that username is signed in automatically upon starting the application

( 4 ) :

button to sign in. if email/password combination is correct then the user is taken to the page titled "home"

( 5 ) :

button that takes user to the page titled "Registration (home)"

Page 5: Rezzervo final template Anna Paykina - Designer

Registration (home)

Page 6: Rezzervo final template Anna Paykina - Designer

Specifications - Registration (home)

( 1 ) :

text field to input first name. if field is clicked, keyboard is brought up

( 2 ) :

text field to insert last name. if field is clicked, then keyboard is brought up

( 3 ) :

text field to input password. if field is clicked, then keyboard is brought up

( 4 ) :

text field to input password again. when field is clicked, then the keyboard is brought up. text has to match first

password field.

( 5 ) :

text field to input email. when clicked, then keyboard is brought up.

( 6 ) :

scrollbar dropped down when clicked. list of several languages available on the platform.

( 7 ) :

dropbar with available cities

( 8 ) :

dropbar to select age. 18 is mimimum, with options extending to 99+

( 9 ) :

button that takes user to page titled "Registration (cellphone)"

( 10 ) :

cancel button that when pressed, takes user to start page and erases all text fields

( 11 ) :

Label title

( 12 ) :

Rezzervo logo

Page 7: Rezzervo final template Anna Paykina - Designer

Registration (cellphone)

Page 8: Rezzervo final template Anna Paykina - Designer

Specifications - Registration (cellphone)

( 1 ) :

text window detailing the process of adding your phone number. fill with text provided

( 2 ) :

dropbar with various area codes. For simplicity, have users choose by country with area codes provided. For example,

the drop bar has Russia (+7)

( 3 ) :

text field to input the rest of the phone number

( 4 ) :

if above two fields have been selected and digits represent a full cell number, then the user is able to click the "next"

button taking them to the page titled "Registration (confirmation code)"

( 5 ) :

button that when pressed takes user back to page titled "Registration (home)"

Page 9: Rezzervo final template Anna Paykina - Designer

Registration (confirmation code)

Page 10: Rezzervo final template Anna Paykina - Designer

Specifications - Registration (confirmation code)

( 1 ) :

window with text detailing the confirmation code process. use text provided.

( 2 ) :

field to input the code sent by text from our server.

( 3 ) :

button that returns user back to page titled Registration (cellphone). If they made a mistake, etc.

( 4 ) :

When code has been successfully put into the space provided, takes user to home (assuming that the code he has

sent matches the one sent out by the server)

( 5 ) :

Panel which appears when incorrect code has been placed into field

( 6 ) :

--

( 7 ) :

Closes Incorrect code panel

( 8 ) :

Communicated to server to resend code to number provided

Page 11: Rezzervo final template Anna Paykina - Designer

Menu

Page 12: Rezzervo final template Anna Paykina - Designer

Specifications - Menu

( 1 ) :

menu bar is always on left side of page. sliding to the right across the screen brings up the menu bar

( 2 ) :

in given case, the page that the user is on is the Home page. therefore, the home option in the menu bar is seen as

pressed.

( 3 ) :

when pressed, takes user to page titled "Profile"

( 4 ) :

Takes user to page titled "Search"

( 5 ) :

When pressed, takes user to page titled "Settings"

Page 13: Rezzervo final template Anna Paykina - Designer

Home

Page 14: Rezzervo final template Anna Paykina - Designer

Specifications - Home

( 1 ) :

Label showing the user's full name that has been input into the registration process

( 2 ) :

profile picture chosen by the user

( 3 ) :

Label showing user's telephone number

( 4 ) :

Label showing that the user is underneath the "current' reservations tab

( 5 ) :

Divider between Current and History tabs

( 6 ) :

( 7 ) :

Label showing name of restaurant

( 8 ) :

Label showing number of members in party

( 9 ) :

Label showing exact address of location

( 10 ) :

Label showing time of reservation

( 11 ) :

--

( 12 ) :

Call button to open ongoing call with restaurant in Phone app

( 13 ) :

Clicking the History tab shows all previous reservations and times. Endless scroll

( 14 ) :

If there are no reservations past or current, than no reservation label is shown

( 15 ) :

if there is no current reservation, then "make reservation button" is shown and can be clicked. Takes user to page

Page 15: Rezzervo final template Anna Paykina - Designer

titled "search"

Page 16: Rezzervo final template Anna Paykina - Designer

Profile

Page 17: Rezzervo final template Anna Paykina - Designer

Specifications - Profile

( 1 ) :

Label showing user's full name

( 2 ) :

Profile picture chosen by the user. tapping the image takes user to page titled "Change Profile Picture"

( 3 ) :

Underneath this label are all the restaurants that the user has Favorited. Red number in brackets shows total number

of favorites.

( 4 ) :

Picture provided by restaurant on their restaurant profile

( 5 ) :

Label showing name of restaurant as chosen on restaurant profile

( 6 ) :

Button that takes user to page titled "Favorites (see all)"

Page 18: Rezzervo final template Anna Paykina - Designer

Change Profile Picture

Page 19: Rezzervo final template Anna Paykina - Designer

Specifications - Change Profile Picture

( 1 ) :

Window which appears when profile picture is clicked. HOVERS above profile page

( 2 ) :

Current profile picture preview

( 3 ) :

Pressing this button prompts the user to open the Camera application. If the user hasn't done so, the application asks

to allow permission to access Camera.

( 4 ) :

Check images saved in the Photos application. If he hasn't done so already, permission to access photos

( 6 ) :

Closes window

Page 20: Rezzervo final template Anna Paykina - Designer

Favorites (See All)

Page 21: Rezzervo final template Anna Paykina - Designer

Specifications - Favorites (See All)

( 1 ) :

Clicking image of restaurant takes user to Restaurant profile

( 2 ) :

Return to page titled "Profile"

Page 22: Rezzervo final template Anna Paykina - Designer

Restaurant Profile

Page 23: Rezzervo final template Anna Paykina - Designer

Specifications - Restaurant Profile

( 1 ) :

Restaurant picture as provided from restaurant profile

( 2 ) :

Restaurant full name

( 3 ) :

Telephone number; clicking opens Phone application

( 4 ) :

Website provided by restaurant on restaurant profile

( 5 ) :

Add restaurant to favorites

( 6 ) :

Takes user to page titled "Make Reservation" for this restaurant and location

( 7 ) :

2 line address for restaurant, double tapping opens location in Maps app

( 8 ) :

Label showing opening times as provided by restaurant on their restaurant profile

( 9 ) :

Label hovering above text

( 10 ) :

Text provided by restaurant on their restaurant profile

Page 24: Rezzervo final template Anna Paykina - Designer

Make Reservation

Page 25: Rezzervo final template Anna Paykina - Designer

Specifications - Make Reservation

( 1 ) :

label showing make reservation at "x" where "x" is the name of the restaurant

( 2 ) :

two-line text field showing the full address of the restaurant

( 3 ) :

dropbar to choose number of people. minimum 1 and maximum 12

( 4 ) :

calendar button to choose day for reservation. only allow present day and 5 days in advance (+5 from current day)

( 5 ) :

dropbar for hour selection

( 6 ) :

dropbar for minute selection. increases by increments of 5

( 7 ) :

AM/PM selection

( 8 ) :

All smoking buttons have two modes: off/on. Clicking the button turns it on. Yes and No cannot be highlighted at the

same time; yes or no can be pressed at the same time as either, with the combination meaning "preference for

smoking, but will take anything available"

( 9 ) :

No smoking button, if pressed becomes highlighted

( 10 ) :

Smoking button, if pressed than becomes highlghted

( 11 ) :

Either button, if pressed becomes highlighted

( 12 ) :

Cancel reservation process, return to page titled "Home"

( 13 ) :

Finalize reservation details, brings up confirmation shown to the right. Can only be pressed when all requested fields

have been filled out.

( 14 ) :

window that appears when "make reservation" button has been pressed. hovers above "make reservation" page.

Page 26: Rezzervo final template Anna Paykina - Designer

( 15 ) :

Description covering the details of reservation (restaurant name, address, number of persons, date, etc.) and warning

about cancellation for tardiness.

( 16 ) :

Closes confirmation page and returns back to frame shown on left (for editing, etc)

( 17 ) :

Finalizes the reservation and takes user to page titled

Page 27: Rezzervo final template Anna Paykina - Designer

Reservation (made)

Page 28: Rezzervo final template Anna Paykina - Designer

Specifications - Reservation (made)

( 1 ) :

Title text of page

( 2 ) :

Explanation of text message reservation process

( 3 ) :

clicking the ok button closes the "Thank you" page, returning the user to the page titled "Home".

Page 29: Rezzervo final template Anna Paykina - Designer

Pending Reservation

Page 30: Rezzervo final template Anna Paykina - Designer

Specifications - Pending Reservation

( 1 ) :

Icon showing that the reservation has been accepted

( 2 ) :

Icon showing that the reservation is pending and under review

Page 31: Rezzervo final template Anna Paykina - Designer

Settings

Page 32: Rezzervo final template Anna Paykina - Designer

Specifications - Settings

( 1 ) :

Drop bar showing available languages

( 2 ) :

Dropbar showing available cities

( 3 ) :

Takes user to page titled "Registration (cellphone)"

( 4 ) :

Takes user to page titled "Registration (home)"

( 5 ) :

Signs user out and is taken to page titled "Start Page"

( 6 ) :

Takes user to page titled "Home"

Page 33: Rezzervo final template Anna Paykina - Designer

Search

Page 34: Rezzervo final template Anna Paykina - Designer

Specifications - Search

( 1 ) :

Search restaurants on platform using keywords

Page 35: Rezzervo final template Anna Paykina - Designer

Search x

Page 36: Rezzervo final template Anna Paykina - Designer

Specifications - Search x

( 1 ) :

the following is an example showing the search results of "x"

( 2 ) :

Search results filtered by most-to-least relevant to search inquiry

( 3 ) :

image provided by restaurant profile

( 4 ) :

Name provided by restaurant profile. clicking this button takes the user to the website provided by the restaurants

profile

( 5 ) :

Short description provided by restaurant profile

( 6 ) :

button that when pressed takes user to "Make a reservation" page

( 7 ) :

Adds restaurant to user's favorites

( 8 ) :

field showing the address provided by the restaurant profile. double tapping the address opens it in Maps