Hci project phase ii (wireframe)

12
HCI Project Phase- II (Wireframe) Project: Car Rental Application. Omair Hassan Ikram Khan Abdul Mutal

Transcript of Hci project phase ii (wireframe)

Page 1: Hci project phase ii (wireframe)

HCI Project Phase-II (Wireframe)Project: Car Rental Application.

Omair Hassan Ikram Khan Abdul Mutal

Page 2: Hci project phase ii (wireframe)

WireframeAn image or set of images which displays the

functional elements of a website, page or application, typically used for planning a

application’s or site's structure and functionality.

Page 3: Hci project phase ii (wireframe)

Car Rental ApplicationClick icon to add picture

Welcome ScreenOn the screen welcomes the user to application and ask your to sign in or sign up. This screen also have a settings button, its functionality is described in upcoming slides.

Page 4: Hci project phase ii (wireframe)

Car Rental ApplicationSign in ScreenThis is the sign in screen. Here your enters his/her user name or Email address and password to gain access to the system.

Page 5: Hci project phase ii (wireframe)

Car Rental ApplicationSign Up ScreenThis is the sign up screen where user will enter his/her name, email address , password and cnic in order to get registered to the online system.

Page 6: Hci project phase ii (wireframe)

Car Rental ApplicationSetting ScreenThis is the setting screen which empowers the user to customize this application according to his/her continence.

Page 7: Hci project phase ii (wireframe)

Car Rental ApplicationType SelectionThis is the vehicle type selection where user will select desire vehicle in order to rent it.

Page 8: Hci project phase ii (wireframe)

Car Rental ApplicationCar Manufacture SelectionHere user will select the company which car user is looking for in order to rent it.

Page 9: Hci project phase ii (wireframe)

Car Rental ApplicationCar Model SelectionAfter selecting the manufacturer the application will show the car models which are available along their color and manufacture year.

Page 10: Hci project phase ii (wireframe)

Car Rental ApplicationDates SelectionHere user will enter the dates for which he/she is interested to keep the car.

Page 11: Hci project phase ii (wireframe)

Car Rental ApplicationSummaryThis is the summary page which shows user his/her estimated bill. Options to get driver along car or not. Application rating feedback. Proceed button which will take the user to end page.

Page 12: Hci project phase ii (wireframe)

Car Rental ApplicationEnd ScreenThis is the end screen. Here user will receive message that “You request for the car has been received you will shortly get a confirmation call for our agent. Thankyou for selecting Best Rental Car.”User have two options Exit and go back to home page