WELCOME TO

HUMAN-COMPUTER INTERACTION
(HCI)
COURSE CODE:
ICT 315
 FACILITATOR
• Matthew Cobbinah
• Email: [email protected]
[email protected]
• Contact: +233 547 900 989
 COURSE MATERIALS
• Alan Dix, Janet Finlay, Gregory Abowd, Russell Beale, ―Human
Computer Interaction‖, 3rd Edition, Pearson Education, 2004
• Brian Fling, ―Mobile Design and Development‖, First Edition , O‟Reilly
Media Inc., 2009
• Bill Scott and Theresa Neil, ―Designing Web Interfaces‖, First Edition,
O‟Reilly, 2009.
• CS6008 -HUMAN COMPUTER INTERACTION, by Mr. M.
AZHAGIRI, Kingston Engineering College
• HCI-HUMAN COMPUTER INTERACTION, by Jürgen Falb, Institute
of Computer Technology
 COURSE OVERVIEW
1. Foundations of Human–Computer Interaction
• Introduction to HCI
• The human Capabilities
• Input/Output (I/O) channels
• Human Memory
• Reasoning and problem solving
• The computer capabilities
• Typical traditional computer
• Computer Elements
 COURSE OVERVIEW
1. Foundations of Human–Computer Interaction
• Overview of Interaction
• Terms of interaction
• Evaluation-Execution Cycle
• Interaction Frameworks
• Ergonomics and HCI
• Interaction Styles and Element
• Paradigms
• Time sharing, VDUs, Toolkits, etc.
 COURSE OVERVIEW
2. Design Process and Software Process
• Interaction design basics
• Design
• Design process
• Scenarios
• Navigation design and Screen Design layout
• Iteration and prototyping
• HCI in the software process
• SDLC
• Usability Engineering
• Design Rationale
 COURSE OVERVIEW
2. Design Process and Software Process
• Design rules
• Principles
• Standards
• Guidelines
• Rules
 COURSE OVERVIEW
2. Design Process and Software Process

• Implementation support
• Windowing system
• Programming tools
• Interaction toolkits
• User interface management
 COURSE OVERVIEW
2. Design Process and Software Process
• Evaluation techniques
• Expert
• Analytical, Review and Model-based methods
• User
• Experimental, Observational and Query methods
 COURSE OVERVIEW
2. Design Process and Software Process

• User support
• Features, Styles, design
 COURSE OVERVIEW
3. Models and Theories
• Users Models
• Cognitive model
• Socio-Organizational issues and stake holder
requirements
• Communication and collaboration models
• Task Analysis
• Dialogs notations and design
 COURSE OVERVIEW
4. Going out of the box
• Groupware
• Ubiquitous Computing
• Augmented and Virtual Reality
• Hypertext and WWW
 COURSE OVERVIEW
5. Mobile HCI
• Mobile Ecosystem
• Platforms
• Application frameworks
• Types of Mobile Applications
• Widgets
• Applications
• Games
• Mobile information Architecture
• Mobile 2.0
 COURSE OVERVIEW
5. Mobile HCI
• Mobile Design
• Elements and tools
•
 COURSE OVERVIEW
6. Web Interface Design
• Designing Web Interfaces
• Drag & Drop
• Direct Selection
• Contextual Tools
• Overlays
• Inlays
• Virtual Pages
• Process Flow
 COURSE OVERVIEW
7. Building Interactive GUIs with Java

• Desktop Application Interfaces

• Mobile Application Interfaces
• Web Application Interface
 MODE OF ASSESSMENT & EVALUATION
Assessment and Evaluation will be purely based on:

1. Mini project/Assignments = 10mks

2. Midsemester Exams = 15mks
3. Lecture Attendance = 5mks
4. End of term Exam= 70mks

TOTAL (1+2+3+4) = 100mks

 LECTURE ONE:

Foundations of Human–Computer Interaction

Introduction to HCI
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• WHAT IS HUMAN COMPUTER INTERACTION (HCI)?

• Human-Computer Interaction (commonly referred to as HCI)

researches the design and use of computer technology, focused
on the interfaces between humans (users) and computers.
• Simply put, HCI is the study of interaction between people and
computer-based systems.
• HCI researchers both observe the ways in which humans interact
with computers and design technologies that let humans
communicate with computers in novel ways.
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• COMPONENTS OF HCI:

1. Human (Users)
2. Computer, and
3. Interaction
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• COMPONENTS OF HCI:

Human (Users):
• Individual users or a group of users of a system or
computer.
• How these user’s sensory systems (sight, hearing and
touch) convey information
• Different users form different conceptions or mental
models about their interactions and have different ways
of learning and keeping knowledge
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• COMPONENTS OF HCI:

Computer (System)
• Computer in this sense refers to any technology that
ranges from simple desktop to large scale computer
systems.
• However, in HCI, when we discuss for instance, the
design of a website, then the website can be referred to
as “the computer or system”.
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• COMPONENTS OF HCI:

Interaction:
• The interaction deals with attempting to ensure that
both the user and the computer get on with each other.
• It is the need to find balance between what the users
want and what is feasibly best in reality
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• GOALS OF HCI

• The goals of HCI are to produce usable and safe

systems, as well as functional systems
• Users of the system must come first
• Their needs, capabilities and preferences for conducting
various tasks should direct developers in the way that
they design systems
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• WHAT IS USABILITY?
• Usability simply means making systems easy to learn and
use.
• So a usable system must be;
• Easy to learn
• Easy to remember how to use it
• Effective to use
• Efficient to use
• Safe to use
• Enjoyable to use
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• FACTORS IN HCI
1. Organization Factors
• Training, job design, roles, work organization
• Environmental Factors
• Noise, heating, lighting, ventilation
• Health and Safety Factors
2. The User
• Cognitive processes and capabilities
• Motivation, enjoyment, satisfaction, personality,
experience
• Comfort Factors
• Seating, equipment, layout
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• FACTORS IN HCI…
3. User Interface
• Input devices, output devices, dialogue structures,
use of colour, icons, commands, navigation,
graphics, natural language, user support, multimedia.
4. Task Factors
• Easy, complex, novel, task allocation, monitoring, skills
5. Constraints
• Cost, timescales, budgets, staff, equipment, buildings.
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• FACTORS IN HCI…
6. System Functionality
• Hardware, software
7. Productivity factors
• Increase output, increase quality, decrease costs,
decrease errors, increase innovation.
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• CONTRIBUTORY DISCIPLINES TO HCI

1. Computer Science
• Artificial Intelligence (Expert Systems)
• Software design, development & maintenance
• User Interface Management Systems (UIMS) & User
Interface Development Environments (UIDE)
• Prototyping tools
• Graphics
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• CONTRIBUTORY DISCIPLINES TO HCI…

2. Cognitive Psychology
• Information processing
• Cooperative working
• Performance prediction
3. Social Psychology
• Social & organizational structures
4. Ergonomics/Human Factors
• Hardware design
• Display readability
 FOUNDATIONS OF HUMAN–COMPUTER INTERACTION

• CONTRIBUTORY DISCIPLINES TO HCI…

5. Linguistics
• Natural language Interfaces

6. Engineering & Design

❖ Graphic design

❖ Engineering principles
T FOR THANKS
…
ANY QUESTION