Professional Documents
Culture Documents
Cairo University
IS496 (Human-Computer Interaction)/ IS435 Usability Engineering
Dept. of Information Systems
Welcome to
Usability Engineering/ HCI
2021-2022
2021/2022
This lecture
• Part I
– Introduction to your lecturers & the general
aim of the module.
• Part II
– Formal structure (assessment etc.)
• Part III
– Week 1: Introduction to the module - What
is UCA & HCI Design?
Part I
Prof. Dr. Galal Hassan Galal-Edeen & Dr Hanan Moussa
• E-mail: Galal@fci-cu.edu.eg & h.moussa@fci-cu.edu.eg
• Twitter: @GalalGalal
• LinkedIn: eg.linkedin.com/in/galaledeen
• Please always use your true name and type IS496: HCI
Design in the subject line. All messages should have a
subject! Messages without a subject or with an
irrelevant subject will be ignored (Subject field should
indicative of the content).
• Lectures: Sunday @9:25 AM: Room 661, Wednesday
@11:15 AM: Hall 7
Ø Walk-in Surgery hours start 30 minutes after each lecture
for 1 hour.
Ø Other times by appointment.
Ø Please follow Twitter account: @IS496 for
urgent messages.
Ø How can I contact you? I need reps.
4
© Prof. Dr. G. H. Galal-Edeen
Your professor
Galal H. Galal-Edeen BSc, BA(Arch), MSc, MSc AAS, PhD, MBCS, CT, CUA
•C U Innovation Chair
•Information Systems Professor
•Visiting professor (UCL)
•Strategy & Technology Transfer
•Architect!
•Certified Trainer & HR Dev. Consultant
•Certified Usability Analyst
A personal background
Professional career
BSc 17 years in the UK
Management Sciences (CIS) Since 1988:
SAMS Lecturer/ Senior Research
Fellow/
MSc Sys. Analysis & Des. Senior Lecturer/
City Univ., London Principal Lecturer in:
Computing/
PhD Inf. Sys. Engineering Information Systems/
Brunel Univ. Software Systems Eng.
etc. /HoD
BA Architecture Brunel Univ., U. of London,
Greenwich University Middlesex Univ.,
MSc Built Environment Univ. of North London,
(Advanced Arch. Studies) Cairo University
UCL- Univ. of London MBCS CITP 7
© Prof. Dr. G. H. Galal-Edeen
Usability Engineering
• Aim:
– The aim of this module is to introduce methodical
aspects of human-computer interaction design, with
special emphasis on User-Centered Analysis (UCA) and
User-Centered Design (UCD), and the importance of
interaction design to the success of computer-based
information systems.
• Objectives:
1. Knowledge and Understanding of human-computer
interaction as a multi-stakeholder process of communication.
2. Understand the basic methods and processes appropriate to
interaction design.
3. Understand the application of human factors to the design
and evaluation of interactive systems with regard to both
their physical and informational aspects.
4. Computing-related Cognitive Abilities: Students should be
able to apply their theoretical knowledge to issues that arise
in the design of interactive systems.
© Prof. Dr. G. H. Galal-Edeen 11
• User research
• Empathy.
• Mental model.
• Models.
• Multiple perspectives.
• Communication.
• Iteration.
A Few Questions!
• What is Engineering?
• What is Methodology? Are Engineering
& Methodology related? How?
• What is the difference between an
Engineer and a Technician?
• Which role is more important? That of
an Engineer and a Technician?
• Which software or information systems
engineering methodologies do you
know?
© Prof. Dr. G. H. Galal-Edeen 14
Part II
• Assessment:
– 30% coursework:
• HCI: Individual tasks & assignments (mark distribution for
assignments to be communicated by TAs in labs
– 10% Mid-term
– 60% Final examination.
Key texts
• Main recommended text (not all materials!):
– Preece, J., Sharp, H., Rogers, Y. (2015) Interaction
design: beyond human-computer interaction, 4th
ed., Wiley. ISBN-13: 978-1119020752 Web site:
http://www.id-book.com/ 5th Ed is out!
• Other useful texts are:
– Norman, Donald A. (2002), The Design of Everyday
Things, Basic Books. ISBN-13: 978-0465067107
– Dix, Alan; Finlay, J.; Abowd, G.; Beale, R. (2004)
Human-computer interaction, 3rd Edition, Prentice
Hall. ISBN-13: 978-0130461094
– Saffer, Dan (2009) Designing for Interaction-
Creating Smart Applications and Clever Devices, 2nd
ed, New Riders Press. ISBN-13: 978-0321643391,
Web: http://www.designingforinteraction.com/
• Other texts for additional background reading
available from the library.
© Prof. Dr. G. H. Galal-Edeen 18
Usability Engineering
• Jakob Nielsen, in his 1993 book Usability
Engineering, describes methods to use
throughout a product development process—so
designers can focus on barriers to learnability,
efficiency, memorability, error-free use, and
subjective satisfaction before implementing the
product. He describes how to perform usability
tests & how to use usability heuristics in
usability engineering.
• Ensuring good usability via this process
prevents problems in product adoption after
release.
https://www.interaction-design.org/literature/topics/usability-
engineering © Prof. Dr. G. H. Galal-Edeen 22
LMS
• Blackboard: once you get your ID &
passwords, enroll using the enroll access
code: 675019
Enroll_Access_Code Course_ID Course_Name
Usability Engineering/Selected Topics in
675019 212201.FCI.IS435 Information systems-2 ( HCI ) (IS435 and
IS496)
Your FY project
A quote..
• Structurally sound aircraft plummet to
earth, ships run aground in calm seas,
industrial machines run awry, and the
instruments of medical devices main
and kill unsuspecting patients, all
because of the incompatibilities
between the way things are designed
and the way people perceive, think and
act. (Casey, 1993)
Part 1
INTRODUCTION TO UCA
Elements of UCD
• Active user involvement.
• Deep understanding of user
environments, requirements and tasks.
• Allocation of function between users
and technology.
• Iteration of design solutions.
• Validation testing with users.
• Multi-disciplinary design.
• Look at entire user experience (UX).
© Prof. Dr. G. H. Galal-Edeen 33
UCD: a definition
• The active involvement of users and a
clear understanding of user and task
requirements; an appropriate allocation
of function between users and
technology, the iteration of design
solutions; multi-disciplinary design (ISO
13407-1999)
Another definition
• ISO 9241-11 (Guidance on usability)
[11] – “the extent to which a product
can be used by specified users to
achieve specified goals with
effectiveness, efficiency and satisfaction
in a specified context of use”
• Discovery of:
– Who the users are
– How they think and work
– Stakeholder goals and objectives
• Through collecting and analyzing data on:
– User profiles
– Work environment
– Scenarios of how the users will use the
interface
– Task analysis.
© Prof. Dr. G. H. Galal-Edeen 37
Note (v)
!
Calculate
Lederer & Prassad (1992) Nine Management guidelines for better cost estimating. CACM 35(2), pp 51-59
Piazza.com
UX and Revenue!
Design freedom
Knowledge of user
(goals, etc.)
Calculating increased
conversion rates
• Conversion rate: #visitors who
purchase/ # site visitors
• Conversion rate improvement=
improved conversion rate/ current
conversion rate.
• [Annual site revenue * conversion rate
improvement] – annual site revenue =
Annual ROI
Training
Increased
downstream Help desk, product revisions
costs
Implementation
Rush
Design
through
these steps
UI Structure
User/ Task
Analysis
Resources
© Prof. Dr. G. H. Galal-Edeen 59
Training
Reduced
Help Desk,
downstream Product
costs Revisions
Implementation
Resources
© Prof. Dr. G. H. Galal-Edeen 60
• Psychology.
• Cognitive science.
• Ergonomics (Human engineering).
• Sociology.
• Computer science & engineering.
• Systems design.
• Business.
• Graphic design.
• Linguistics.
• Evaluation & experimental design.
What is HCI?
LAB assignment:
• Read the article: “Complete Beginner’s Guide to
Interaction Design” by Andrew Maier (2018),
available from the book’s web site
(https://www.uxbooth.com/articles/complete-
beginners-guide-to-interaction-design/)..
• Select an every day (useful) object or device that
are reasonably familiar with. Do as instructed by
the exercise sheet. Write the name of the object
and a short description. Stick a photo in if you
can. Prepare a short presentation for next week,
then do a write-up after your presentation &
discussion. Expected size: 1 sheet of A4
(~400words).
• Find details in Assignment Sheet 1.
68
© Prof. Dr. G. H. Galal-Edeen
Examples of objects
• Telephone machine (public, private).
• Telephone answering machine.
• Hi Fi/ Music center/ Wireless audio.
• Remote control.
• Ticket machine.
• Satellite receiver/ Blu-Ray DVD player.
• Car entertainment system (ICE).
• Video/ Still digital camera.
• MP3 player.
• Computer/ printer.
• An instruments panel in a car.
• Mobile phone/ pocket computer/ PDA.
• In-car GPS-based navigation system.
• To help you, look up: http://www.baddesigns.com/
An example of a system
architecture
External
info. sources
Shipment & order data
Inventory Management
Inv.
Control reports
M. File
Reading/ viewing