Solution Total Marks: 15

Assignment No. 2
Semester: Spring 2019 Due Date: July 15, 2019
CS408 – Human Computer Interaction

Instructions
Please read the following instructions carefully before submitting assignment:
It should be clear that your assignment will not get any credit if:

o Assignment is submitted after due date.

o Submitted assignment does not open or file is corrupt.
o Assignment is copied (From internet/students).

Objectives:
The objective of this assignment is to learn the concept of the psychology of actions and understanding the
cognitive process and understand role of color theory in design

Assignment Submission Instructions

You have to submit only.doc/ docx file on the Assignments interface of CS408 at VULMS. Assignment
submitted in any other format will not be accepted and will be graded zero marks.

For any query about the assignment, contact only at CS408@vu.edu.pk

Do not post queries related to assignment on MDB.

Question No.1 10 Marks

 Question No. 2 5 Marks
Defining the Interaction Framework:
Framework phase defines the design structure, sets the stage for the core of the design effort and the flow of
computer base products. It has total six steps, three of them has been described below:
STEP 1: Defining Form Factor and Input Methods:
The first step in creating a framework is defining the form factor of the product you are designing.

The prototype that I have built is a Web application that will be viewed on a high-resolution computer screen.
OR
The prototype that I have built is a Mob Application that must be small, light, low-resolution, and visible in the
dark and as well as in bright sunlight.

STEP 2: Defining Views:

In this prototype I have defined separate views with the help of images and text for addressing user needs.

STEP 3: Defining Functional And Data Elements:

Functional and data elements are the visible representations of functions and data in the interface.
In First Interface I have inserted the Logo of my business, Log-in Frame and 3 buttons.
In second interface I have used logo icon, different Pictures, and Text boxes.
In third and fourth interface I have used logo icon, picture at the background and text boxes.