Scribd
Upload
94 views24 pages

Human Computer Interaction: Lecture - 2

This document discusses a lecture on human computer interaction (HCI) from Tishk International University's IT department. It defines key terms like human, computer, and interaction. It explores variables that impact humans, computers, and the interaction between them. It also discusses different types of prototypes, including low and high fidelity prototypes. Low fidelity prototypes use unlike materials like paper and are quick to make, while high fidelity prototypes use closer to final materials and are more expensive.

Uploaded by

Meran Xorany
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
94 views24 pages

Human Computer Interaction: Lecture - 2

This document discusses a lecture on human computer interaction (HCI) from Tishk International University's IT department. It defines key terms like human, computer, and interaction. It explores variables that impact humans, computers, and the interaction between them. It also discusses different types of prototypes, including low and high fidelity prototypes. Low fidelity prototypes use unlike materials like paper and are quick to make, while high fidelity prototypes use closer to final materials and are more expensive.

Uploaded by

Meran Xorany
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 24

Tishk International University

Science Faculty
IT Department

Human Computer Interaction

Lecture -2-
1st Grade- Spring Semester 2019-2020

Instructor: Payam Wali


What is HCI?
• Before we start the rules, technics and applications
of Human Computer Interaction (HCI) let us define
each componant.
• What is Human? What are the variables of Human?
• What is Computer? What are the variables of
Computer?
• What is Interaction? What are the variables of
Interaction?
What is Human? What are the
variables of Human?
• You can define human in many aspects. Here in HCI
we can call Human as user of the application. What
might be the variables of human?

• * Age * Gender
• * Disablities * Interests
• * Reading skills * Computer skills
• * Education level * etc...
What is Computer? What are the
variables of Computer?
• A computer is a general purpose device that can
be programmed to carry out a set of arithmetic or
logical operations.  What are the vairables of computer?

* Cpu / Gpu performance * Price


* Purpose of product * Size
* Weight * Ergonomy
* Background/foreground * font
* interaction/warning system * etc...
What is Interaction? What are the
variables of Interaction?
• Interaction is a kind of action that occurs as two or
more objects have an effect upon one another. To
count variables of interaction in between human
and computer is a bit early for now.

This course is mainly about the proper ways of


interaction in between computer and human.
What is Interaction? What are the
variables of Interaction?
• Proper HCI design will change;

* Time spend on same functions


* Frequency of errors in application
* Learning speed of new users
* Prefering or eleminating product
* Focusing towards needs
* Expence / profit rate
* etc...
• Two best known lists of user interface design guidelines
were given at page xiii in “Designing With The Mind In
Mind - Simple Guide To Understanding User Interface
Design Rules” book as given below;
Prototype
• Because your assignment is related to submitting
prototyping, you should clearly understand what
prototyping is.

• About this issue there are two examples that can be


shown;

• SOFTWARE

• HARDWARE
Prototype Examples
Prototype Examples
Prototype Examples
What is Prototyping ?
What is prototype?
• A prototype is an early sample, model or release of
a product built to test a concept or process or to
act as a thing to be replicated or learned from.
• Prototyping serves to provide specifications for a
real, working system rather than a theoretical one.
Types of prototypes:
1. Low Fidelity Prototype
2. High Fidelity Prototype
Types of prototypes:
• Low-fidelity Prototype
• Uses a medium which is unlike the final medium,
e.g. paper, cardboard
• Is quick, cheap and easily changed
• Examples:
• Storyboard
a. Storyboard
• Storyboard origins from the film industry, where a
series of panels roughly depicts snapshots from an
intended film sequence in order to get the idea
about the eventual scene.
• Storyboard is a graphical depiction of the outward
appearance of the intended system without
accompanying system functionality. Storyboard
provides snapshots of the interface at particular
points in the interaction so that the users can
determine quickly if the design is heading in the right
direction.
Types of prototypes:
• Low-fidelity Prototype
• Uses a medium which is unlike the final medium,
e.g. paper, cardboard
• Is quick, cheap and easily changed
• Examples:
• Sketching
A Sketched Screen Design
b.Sketches
• Sketching techniques, a kind of visual brainstorming,
can be useful for exploring all kinds of design ideas.
After producing initial sketches the best ideas can be
further developed by constructing cardboard
representations of the design, which can be evaluated
with users. This can then be followed by developing
scenarios, software or video prototypes.
• As one can imagine, the sketch technique is as simple
as drawing the outward appearance of intended
system on paper. However, creativeness is needed.
• Besides paper-and-pencil work, sketches can also
be made with the aid of computer software
An Example of Storyboard
Steps of building a low-fidelity
prototyping 
1. Assemble a kit
2. Set a deadline
3. Construct models, not illustrations
4. Preparing for a test
5. Conducting a test
6. Evaluating results
High-fidelity Prototype
•Uses materials that you would expect to be in the
final product.

•Prototype looks more like the final system than a


low-fidelity version.
High-fidelity Prototype
• Benefits
• More realistic
• Closer to final product
• Good for developers and users
• Can collect metrics
• Limitations
• More expensive, less rapid
• Reluctance to change

You might also like