1. SE 431 Human Computer Interactions
Jamal Nasir
CS Data Mining (Sp ) - Asim LUMS

2. Hall of Fame or Shame Page Setup for printing in Internet Explorer-5
SE HCI (Sp. 2015)

3. Later Version of IE
SE HCI (Sp. 2015)

4. Hall of Fame or Shame
Asiana Airlines interface for sending /SMS from plane
Cool, but
text entry using this input device is tedious
crashes often
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

5. Hall of Fame or Shame Weather.com Cool, but
text entry using this input device is tedious
crashes often
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

6. Hall of Fame or Shame Bing.com/weather Cool, but
text entry using this input device is tedious
crashes often
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

7. Hall of Fame or Shame iOS Yahoo weather Cool, but
text entry using this input device is tedious
crashes often
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

8. Course Overview
SE HCI (Sp. 2015)

9. Bronze Galloping Horse
SE HCI (Sp. 2015)

10. Balance
design
technology
SE HCI (Sp. 2015)

11. Balance We need to find a balance between:
Design & technology, human-centered approaches & CS approaches
SE HCI (Sp. 2015)

12. Human-Computer Interaction (HCI)
the end-user of a program
the others they work or communicate with
Computer
the machine program runs on
split between clients & servers
Interaction
user tells the computer what they want
computer communicates results
So far you have probably studied lots about Computers, but
little about Humans and Interaction.
This course will concentrate on how these three areas come together.
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

13. User Interfaces (UIs) Part of application that allows people
to interact with computer
to carry out their task
HCI = design, prototyping, evaluation, & implementation of UIs
SE HCI (Sp. 2015)

14. Why is HCI important? Major part of work for “real” programs
approximately 50%
Bad user interfaces cost
money
5% satisfaction  up to 85%profits
finding problems early makes them easier to fix
reputation of organization (e.g., brand loyalty)
lives (Therac-25)
User interfaces hard to get right
people are unpredictable
intuition of designers often wrong
SE HCI (Sp. 2015)

15. Why is HCI important?
Nearly 25% of all applications projects fail. Why?
overrun budgets & management pulls plug
others complete, but are too hard to learn/use
Solution is user-centered design. Why?
easier to learn & use products sell better
can help keep a product on schedule
finding problems early makes them easier to fix!
training costs reduced
SE HCI (Sp. 2015)

16. Who creates UIs? A team of specialists (ideally) graphic designers
interaction / interface designers
information architects
technical writers
marketers
program managers
Test/usability engineers
researchers (ethnographers, etc.)
software engineers
hardware engineers
industrial designers
customers
SE HCI (Sp. 2015)

17. How to design & build good UIs
UI Development process
Usability goals
User-centered design
Design discovery
Rapid prototyping
Evaluation
Programming
SE HCI (Sp. 2015)

18. User Interface Development Process
Customers, Products,
Business, Marketing
Customers, Products,
Business, Marketing
Design
Discovery
Design
Exploration
Evaluate
Production
Customers:
- Roles (Who)
- Tasks (What)
- Context (Stories)
Marketing:
- Business Priorities
- Messages
Technology:
- Products
- Architecture
Design:
- Leading/competing
technologies
Work together to
realize the design
in detail
Evaluate with
Customers
Storyboard
Review & Iterate
Design Definition:
- Design Problem Statement
- Targeted User Roles (Who)
- Targeted User Tasks (What)
- Design Direction Statements
Proposal:
Demos/
Lo Fi Prototypes
(How)
Specification:
Hi Fidelity, Refined Design
- Based on customer feedback
- Foundation in product reality
- Refined Design description

19. Iteration
At every stage!
Design
Prototype
Evaluate

20. UI Design Representations
Flow / Site Maps
Storyboards
Schematics/Wireframes
Mock-ups
SE HCI (Sp. 2015)

21. Goals of the course Learn to design, prototype, & evaluate Uis
the needs & tasks of prospective customers
cognitive/perceptual constraints that affect design
technology & techniques used to prototype UIs
techniques for evaluating a user interface design
importance of iterative design for usability
how to work together on a team project
communicate your results to a group
key to your future success
SE HCI (Sp. 2015)

22. Before Taking This Course…
You should be comfortable with…
Data Structures & Algorithms
You should be comfortable with algorithm descriptions and implementations in a high-level programming language
Basic math background
Programming in a high-level language
C/C++ or Java
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

23. Grading Points distribution Quizzes 05%
Assignments (hand + computer) 10%
Midterm exam %
Final exam (comprehensive) 60%
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

24. Policies (1) Quizzes Sharing Plagiarism
Most quizzes will be announced a day or two in advance
Unannounced quizzes are also possible
Sharing
No copying is allowed for assignments. Discussions are encouraged; however, you must submit your own work
Violators can face mark reduction and/or reported to Disciplinary Committee
Plagiarism
Do NOT pass someone else’s work as yours! Write in your words and cite the reference. This applies to code as well.
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

25. Policies (2) Submission policy
Submissions are due at the day and time specified
Late penalties: 1 day = 10%; 2 day late = 20%; not accepted after 2 days
An extension will be granted only its need is established and when requested several days in advance.
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

26. Course Material
The Design of Sites by van Duyne, Landay, & Hong (Chapter 4 &5)
Designing the User Interface: Strategies for Effective Human-Computer Interaction by Shneiderman & Plaisant, 5th edition (2009)
Slides and other reading material
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

27. Course Portal https://canvas.instructure.com
Join Code: NHXXTJ
SE HCI (Sp. 2015)

28. Other Stuff How to contact me? Philosophy Office hours: TBA
By appointment: outside office hours me for an appointment before coming
Philosophy
Knowledge cannot be taught; it is learned.
Be excited. That is the best way to learn. I cannot teach everything in class. Develop an inquisitive mind, ask questions, and go beyond what is required.
I don’t believe in strict grading. But… there has to be a way of rewarding performance.
SE HCI (Sp. 2015)
CS Data Mining (Sp ) - Asim LUMS

29. Next Time Early visions of HCI Reading: ‘As we may think’ by V.Bush
Link available on the portal ( Pages  Readings)
SE HCI (Sp. 2015)