Human-Computer Interaction 2. Introduction to HCI and UCD Recap: - - PowerPoint PPT Presentation

▶
human computer interaction
SMART_READER_LITE
LIVE PREVIEW

Human-Computer Interaction 2. Introduction to HCI and UCD Recap: - - PowerPoint PPT Presentation

Sep 27, 2022 206 likes •606 views

Human-Computer Interaction 2. Introduction to HCI and UCD Recap: Class website Class materials- http://www.sunyoungkim.org/class/hci_sp18/ Access to slides- ID: rutgers PW: hci Recap: Reaching me/TA Do not email directly! Use Piazza

slide-1
SLIDE 1

Human-Computer Interaction

  • 2. Introduction to HCI and UCD
slide-2
SLIDE 2

Recap: Class website

  • Class materials- http://www.sunyoungkim.org/class/hci_sp18/
  • Access to slides- ID: rutgers PW: hci
slide-3
SLIDE 3

Recap: Reaching me/TA

Do not email directly!

  • Use Piazza
  • https://piazza.com/class/jby782623hh29z
  • You can ask/answer questions anonymously
  • If other students will benefit from an answer of your question, ask

publicly on Piazza. If it’s personal, use Piazza private messaging feature

  • Feel free to share your thoughts on other students’ questions
slide-4
SLIDE 4

Recap: Grading

  • 40% Group project
  • 40% Quizzes
  • 20% Class participation
  • 10% Reading response
  • 5% Discussion participation and In-class activities
  • 5% Attendance
  • Grading policy for late submission
  • 1 for reading response
  • 30% for project assignments
slide-5
SLIDE 5

Recap: ENIAC (1943)

  • The world's first all electronic numerical integrator and computer
  • Military use: calculates artillery-firing tables
  • 1,800 square feet of floor space, weighed 30 tons, consumed 160

kilowatts of electrical power

slide-6
SLIDE 6

Recap: Douglas Engelbart (1964)

  • The first mouse
slide-7
SLIDE 7

Today’s agenda

  • What is HCI?
slide-8
SLIDE 8

What is HCI?

slide-9
SLIDE 9

What is HCI?

  • The study of how humans interact with computer systems: a broad

term that covers all aspects of the ways in which people interact with computing systems

  • The design of a user interface (UI) to allow a user to interact with

computer systems with minimum effort and frustration

Psychology Design Computer Science Human- Computer Interaction

slide-10
SLIDE 10
  • HCI is concerned with the design, evaluation and implementation
  • f interactive systems for human use and with the study of major

phenomena surrounding them. (from ACM SIGCHI Curricula for Human-Computer Interaction, 1992)

  • Focus is on understanding the users’ goals and tasks (User-

Centered Design approach)

What is HCI?

slide-11
SLIDE 11

User-Centered Design (UCD)

slide-12
SLIDE 12

User-Centered Design (UCD)

slide-13
SLIDE 13

User-Centered Design (UCD)

“Users in the loop”: To involve your users all throughout the project

  • Who are users?
  • How do we involve users?
slide-14
SLIDE 14
slide-15
SLIDE 15

User-Centered Design (UCD)

Six “mantras” of UCD

  • Understand your users (needs, ‘wants’, goals, tasks, context, etc.)
  • Design based on the data collected from studying users and their

experiences

  • You, the designer, are not the users!
  • Prototype
  • Evaluate
  • Iterate, iterate, and iterate!!!
slide-16
SLIDE 16
slide-17
SLIDE 17

Why UCD?

slide-18
SLIDE 18

Interface Bloat

slide-19
SLIDE 19

Interface Bloat

slide-20
SLIDE 20

User-Centered Design (UCD)

Trying to satisfy the needs of all users may mean that you fail to satisfy the needs of any one user

slide-21
SLIDE 21

User-Centered Design (UCD)

slide-22
SLIDE 22

Why is User-centered approach important?

  • We interact with computing systems

in every facet of our everyday lives

  • When interacting with computing

systems, they do it through a user interface

  • How a user interacts with a computer

is different for each system

  • People do not accept products with

poor interfaces

  • If a system doesn’t work as expected,

it is not a user’s fault but a designer’s fault!

slide-23
SLIDE 23

User Experience (UX) Design

  • The process of creating products that provide meaningful and

personally relevant experiences

  • The process of enhancing user satisfaction with a product by

improving the usability, accessibility, and pleasure provided in the interaction with the product

slide-24
SLIDE 24

Revisit: Definition of HCI

  • The study of how humans interact with computer systems: a broad

term that covers all aspects of the ways in which people interact with computing systems

  • The design of a user interface (UI) to allow a user to interact with

computer systems with minimum effort and frustration

What is the difference between UI and UX?

slide-25
SLIDE 25

User Interface (UI)

The space where interactions between humans and machines occur

slide-26
SLIDE 26

UI vs. UX

slide-27
SLIDE 27
slide-28
SLIDE 28

Good HCI = Good UI + Good UX.

slide-29
SLIDE 29

You can become a(n):

  • Interaction designer (UI)
  • User Experience designer/researcher (UX)
  • Product Manager (PM)
  • Information Architect (IA)
  • Usability Specialist
  • And many more…

If you are good at HCI

slide-30
SLIDE 30
slide-31
SLIDE 31

Reading Responses

  • As we may think – by Vannevar Bush 1945
  • What is this paper about?
  • What was his concern?
  • What did he envision?
slide-32
SLIDE 32
slide-33
SLIDE 33
slide-34
SLIDE 34
  • Moore’s law – Anchalee
  • New and crazy inventions that are close to becoming a reality –

Vincent

  • Ways to make someone's job easier, or increase efficiency – Danielle
  • Technologies becoming smaller, cheaper, faster – Beatrice
  • Future technology

Reading Responses

slide-35
SLIDE 35

https://www.youtube.com/watch?v=PJqbivkm0Msa

slide-36
SLIDE 36

https://www.youtube.com/watch?v=rnlCGw-0R8g

slide-37
SLIDE 37

https://www.youtube.com/watch?v=s-kdRdzxdZQ

slide-38
SLIDE 38

We will do team-building in class. DO NOT MISS IT!!!

Next Tuesday

slide-39
SLIDE 39

By next class

Reading

  • 1. “Beyond Being There” by Holland # discussion paper