Scribd
Upload
36 views28 pages

HNDIT2052 Week 01 Introduction

The IT1211 course on User Interface Design focuses on key principles, various design approaches, and evaluation methods for user interfaces. Students will learn about human-computer interaction (HCI), design principles, and the development of effective prototypes. Assessment includes online quizzes, group assignments, and a final examination, with a total of 100% for course evaluation.

Uploaded by

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

HNDIT2052 Week 01 Introduction

The IT1211 course on User Interface Design focuses on key principles, various design approaches, and evaluation methods for user interfaces. Students will learn about human-computer interaction (HCI), design principles, and the development of effective prototypes. Assessment includes online quizzes, group assignments, and a final examination, with a total of 100% for course evaluation.

Uploaded by

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

IT1211: User

Interface Design
Learning Outcomes
After successful completion of this course the student
should be able to:

LO1: Describe the key principles of user interface design


LO2: Describe a variety of approaches to user interface
design
LO3: Be familiar with a variety of methods for evaluating
the design of user interfaces
LO4: Apply the knowledge learned in this module to
create simple user interfaces
Outline Syllabus
1. Introduction to Human computer Interaction (HCI)
2. Understanding the user
3. Evolving Technologies for Rich Interaction
4. Interaction modeling and design
5. Design Principles: Typography
6. Design Principles: Color
7. PACT Analysis
8. The process of human centered interactive systems design
9. Usability & Accessibility
10. Process of GUI design
11. Task Analysis
12. Developing Effective Prototype Interfaces
13. Tools for prototyping
14. Developing a working prototype
15. General issues in User interface designing and new trends in UID
Assessment Plan
• On-line Quizzes : 20%
• Group Assignment : 20%
• Final Examination : 60%
• Total : 100
Content
• Importance of HCI
• Components of HCI model
• History of HCI
Human Computer Interaction (HCI)
• Also known as man-machine interaction

• User Definition:
A discipline that organizes interaction between man and
computing devices to make it more successful

• Developer Definition:
Human-computer interaction is a discipline concerned
with the design, evaluation and implementation of
interactive computing systems for human use and with the
study of major phenomena surrounding them
Human Computer Interaction (HCI)
• HCI is a subject which is directed to many
disciplines of other study streams such as
Cognitive Psychology, Social Psychology,
Ergonomics, Linguistics, Artificial Intelligence,
Philosophy, Sociology & Anthropology,
Engineering & Design.

• HCI is a sub-field of Computer Science.


Human Computer Interaction (HCI)
• HCI consultants should have good knowledge or understanding of
– Psychology and cognitive science
• to give someone knowledge of the user’s perceptual, Cognitive and problem-
solving skill
– Ergonomics
• for the user’s physical capabilities
– Sociology •
• to help her understand wider context of the interaction
– Computer Science and Engineering
• to be able to build the necessary technology
– Business/Management
• to be able to market it
– Arts
• Graphic designer’s to produce effective interaction
– Writing
• Technical writing to produce the manual
Is HCI a Science or a Craft?
• A beautifully designed graphic display may be
unstable if it ignores dialog constraints or the
psychological limitations of the user.

• Theoretically, HCI is a marriage of art and science.

• HCI is required to be both a craft and a science in


order to be successful.

• Product success may depend on ease of use, not


necessarily power of machine.
What are Interactive systems
• Systems that accept human input.

• What are current – very popular – interactive


systems:
– Second Life
– Facebook
Components of HCI Model
• Human User
• Computer
• Interaction

The user is interacting with the computer in


order to accomplish something
Human User
• An individual
• A group of users working together
• A sequence of users in an organization (each
dealing with some parts of task
Human User
• Human users and their contexts are major
components of the design problems that cannot
be neglected since they are complex.

• Inadequate attention to users and task context


not only lead to bad user interfaces, it puts entire
system at risk.

• People will definitely refuse to use poor/difficult


products
How to classify or understand human
users?
• Physical abilities
• Personality differences
• Skill differences
• Cultural diversity
• Motivation
• Special needs
Different types of computers
• PC
– Desktop, laptop(*), PDA, …….

• A large scale computer system


– ERP, Accounting packages

• A process control system (computing devices)

• An embedded system
– Car, electrical equipment and etc.

• Mobile computing devices

• if we were discussing the design of a Website, then the Website itself


would be referred to as "the computer". Devices such as mobile phones or
VCRs can also be considered to be “computers”.
What is Interaction?
• A communication between a user and
computer.

• Two types of interaction:


– Direct: a dialog with feedback and control
throughout the performance of the task

– Indirect: Batch processing or intelligent sensors


controlling the environment
Goals of Interaction Design
• Produce usable, safe and functional systems.
• Allow users to carry out tasks;
– Safely
– Effectively
– Efficiently
– Enjoyably
Two types of interaction design
• User-Centered Design:
– In order to optimize the system functionality and
resources, human user is considered main
stakeholders to satisfy

• Task-Centered Design:
– Tasks are what the user is carrying out in a way
he/she wants.
What is interface?
• Interaction happens through the interface
• Interface facilitates the communication between the
user and system
• The interface needs to provide some mechanisms for
– people to provide instructions and enter data into the
system: ‘input’.
– the system to tell people what is happening: ‘feedback’
– the system to display the content (i.e. information,
pictures, movies, animations) : ‘output’.
History of HCI - Key People
Vannevar Bush:
• Vannevar Bush established the U.S. military
/ university research partnership that later
developed the ARPANET (The First Internet
), and wrote the first visionary description
of the potential use for information
technology, inspiring many of the Internet's
creators.

• Postulated Memex device

• https://en.wikipedia.org/wiki/Vannevar_Bu
sh
History of HCI - Key People
J.R. Licklider:
• Postulated “man-computer
symbiosis” (1960)

• https://en.wikipedia.org/wiki/J._
C._R._Licklider
History of HCI - Key People
Ivan Sutherland:
• an American computer
scientist and Internet pioneer, widely
regarded as a pioneer of computer
graphics.

• Invention of the Sketchpad

• https://en.wikipedia.org/wiki/Ivan_Suth
erland
History of HCI - Key People
Douglas Engelbart:
• Inventor of mouse device,
development of hypertext,
networked computers, and
precursors to graphical user
interfaces.

• https://en.wikipedia.org/wiki/Dougl
as_Engelbart
History of HCI - Key People
Tim Berners-Lee:
• inventor of the World Wide Web.
• a system of globally unique identifiers
for resources (URL/URI)
• the publishing language HyperText
Markup Language (HTML);
• the Hypertext Transfer Protocol (HTTP).

• https://en.wikipedia.org/wiki/Tim_Bern
ers-Lee
History of HCI
Main characteristics of HCI – Past
• Function/process centered
• Not much use of graphics
• Early PC and mouse
• High learning curve
History of HCI
2000- present
• XBOX 360 – Video Game Console- 2005
• Nintendo Wii – 7th generation Console
• Android – Linux based phone OS -2007
• iPhone – Apple’s smartphone- 2007
• Windows 8 – Popular Microsoft’s OS - 2012
• HMZ-T1- Sony HD and 3D viewer 2012
Main characteristics of HCI – Present
• User centered
• OS development
• New technologies aimed at
• Natural feel
• motion capture
• Touch screen
• Multi-touch
Past Vs Present of HCI
Past Future
Function/process centered User centered
Not much use of graphics OS development
Early PC and mouse New technologies aimed at
High learning curve Natural feel
motion capture
Touch screen
Multi-touch

You might also like