these slides cover the high fidelity diagrams of a car application, focusing Human Computer Ineraction. With the help of these slides the reader can get a clearer view how to make high fidelity diagram of their app , page or website. enhancing the human computer inteaction. WireFrames

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

2. Wireframe
An 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.

3. Car Rental Application
Welcome Screen
On 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.

4. Car Rental Application
Sign in Screen
This is the sign in screen. Here your
enters his/her user name or Email
address and password to gain
access to the system.

5. Car Rental Application
Sign Up Screen
This 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.

6. Car Rental Application
Setting Screen
This is the setting screen which
empowers the user to
customize this application
according to his/her
continence.

7. Car Rental Application
Type Selection
This is the vehicle type selection
where user will select desire vehicle
in order to rent it.

8. Car Rental Application
Car Manufacture
Selection
Here user will select the
company which car user is
looking for in order to rent it.

9. Car Rental Application
Car Model Selection
After selecting the manufacturer the
application will show the car models
which are available along their color
and manufacture year.

10. Car Rental Application
Dates Selection
Here user will enter the dates for
which he/she is interested to keep
the car.

11. Car Rental Application
Summary
This 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.

12. Car Rental Application
End Screen
This 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