fundamentals of human- centered computing · 8/1/2015  · introduction to hcc / hci in -class...

48
Fundamentals of Human- Centered Computing Human-Centered Computing at University of Maryland, Baltimore County 1 HCC 629 Lecture 1

Upload: others

Post on 27-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Fundamentals of Human-

Centered Computing

Human-Centered Computing at University of Maryland, Baltimore County1

Centered Computing

HCC 629

Lecture 1

Page 2: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Schedule for Today

Introductions

Syllabus and class policies

Introduction to HCC / HCI

In-class activity

Human-Centered Computing at University of Maryland, Baltimore County2

In-class activity

Acknowledgement: Thank you to Drs Amy Hurst and Stacy Branham for use of their course materials which I have adapted.

Page 3: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Introductions

Human-Centered Computing at University of Maryland, Baltimore County3

Page 4: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Introductions: About me…

First year at UMBC

PhD in Computer Science from University College

London, in the Interaction Centre

MSc in Computer Science in Japan

Human-Centered Computing at University of Maryland, Baltimore County4

BA in Psychology from University of Oregon

A little about my research…

Page 5: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

My research

NERVE: collaboration between UF, UCF & UGA

Human-Centered Computing at University of Maryland, Baltimore County5

Empathy trainingGender bias

Page 6: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

My research

Automatic recognition (ML) of emotion from non-acted body expressions in a video game context

Human-Centered Computing at University of Maryland, Baltimore County6

Defeated TriumphantFrustrated

Page 7: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

My research

Body expressions predict likelihood of speaking up later on to authority figure on patient safety issue

Human-Centered Computing at University of Maryland, Baltimore County7

Page 8: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

My research

Human-Centered Computing at University of Maryland, Baltimore County8

Page 9: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Introductions

– Name

– Degree program

– What brings you here today?

– What do you think about computers?

– What do you think about people?

Human-Centered Computing at University of Maryland, Baltimore County9

– What do you think about people?

– What do you expect to get out of this course?

– Tell us an interesting fact about you

Page 10: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Course Information

Human-Centered Computing at University of Maryland, Baltimore County10

Page 11: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

What you will learn

Design processes–An eye for the good, the bad, and the not so good and

what to do about them

–User centered design

Technical Trends and Engineering– Hot topics in HCC

Human-Centered Computing at University of Maryland, Baltimore County11

– Hot topics in HCC

– User interface toolkits

– Interaction fundamentals and tricks

Behavioral Science–Usability evaluations

–Perceptual and cognitive psychology

–Understanding and accommodating user needs

Page 12: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Why learning this is important

You will likely find yourself involved in the creation of an interactive system, and will want to do it well.

Human-Centered Computing at University of Maryland, Baltimore County12

Page 13: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Why learning this is important

You will be working with people with different training from you and need to appreciate their processes.

Human-Centered Computing at University of Maryland, Baltimore County13

Page 14: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Why learning this is important

Building the technology is not enough!

Understanding your users is crucial for making things that don’t suck.

Human-Centered Computing at University of Maryland, Baltimore County14

This must be considered throughout the building process, not just at the end!

Page 15: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

How you will learn

Textbook and research paper readings

Class discussion and blog reflections on reading materials

Human-Centered Computing at University of Maryland, Baltimore County15

At-home design exercises & in-class activities

Individual assignments and in-class exams

Page 16: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

The textbook

Required

Readings from this book will not be posted online

Human-Centered Computing at University of Maryland, Baltimore County16

HCC students – this book will be used again in other core classes

Page 17: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Syllabus

Human-Centered Computing at University of Maryland, Baltimore County17

Will post updates if schedule changes (and announce changes)

Page 18: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

How you will be assessed

Class participation / in-class activities: 10%

Weekly reading summaries: 20%

Weekly summary of HCC in the news: 10%

2 Assignments (20% total, 10% each)

Human-Centered Computing at University of Maryland, Baltimore County18

2 Assignments (20% total, 10% each)

2 In-class exams (40% total, 20% each)

Commonly asked question: How many A’s do you give out?

• As many as who earn it.

18

Page 19: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Participation (10%)

In-class discussions, and activities

If you miss class and an in class assignment you

must come up with an alternative activity

Failure to contribute sufficiently will result in a lower

than average grade

Human-Centered Computing at University of Maryland, Baltimore County19

than average grade

• 5 for showing up to each class and answering

questions when called upon

• > 5 for “actively” participating

• Everyone should talk in every class!

19

Page 20: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Weekly readings (20%)

There will always be 1-3 required readings

• Post reactions to readings (200+ words)

• What did you learn, how does it relate to your life or

your project?

There may be 1+ optional readings

Human-Centered Computing at University of Maryland, Baltimore County20

• You can read and reflect on these for a small

amount of extra credit

• But do not rely on these being available

• Note: you can only receive extra credit for the

current readings, and not for previously assigned

ones

Page 21: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

HCC in the News Reading (10%)

Why?

• Because there is so much good stuff out there!

How to complete it

• Write a summary about the work (80-120 words)

• Describe why this is relevant to Human-Centered

Human-Centered Computing at University of Maryland, Baltimore County21

• Describe why this is relevant to Human-Centered

Computing (50-80 words)

• Identify the skills that were used to do this work (can be a

list)

• Identify if this is work you would be interested in doing

after this class, and describe why (20-100 words)

Page 22: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Piazza

We will use piazza.com as a discussion board for this class.

Post any questions you have about the assignment here, or feel free to start threads

Human-Centered Computing at University of Maryland, Baltimore County22

assignment here, or feel free to start threads if you would like to discuss any of the readings online.

To find our class, go to piazza.com and search for UMBC HCC 629

Page 23: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Required materials: Blog

Your own class blog

• Name it anything you want (it should only

contain materials from this class)

• Post reactions to readings (200+ words)

• Weekly HCI News readings

Human-Centered Computing at University of Maryland, Baltimore County23

• Weekly HCI News readings

• Assignments (this will create a portfolio)

Page 24: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Expectations

Human-Centered Computing at University of Maryland, Baltimore County24

Page 25: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

My expectations of you

• Arrive to class on time

• Let me know in advance if you will be late or absent

• Turn in assignments on time

• Be willing to spend 10 hours a week on this class

Human-Centered Computing at University of Maryland, Baltimore County25

• Be willing to spend 10 hours a week on this class

(outside of lecture)

• Be polite to each other in class and online

• Cite all collaborators or references clearly

• Adhere to academic integrity

• No cheating, no plagiarism, no fabricating

Page 26: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Is this wrong?

You find summaries and reflections of the readings online and you post them to your blog as your work

Human-Centered Computing at University of Maryland, Baltimore County26

In summarizing the reading, you copy and paste some of the paragraphs into your blog

Page 27: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Is this wrong?

You take a sentence or two here and there and include it as your own

Human-Centered Computing at University of Maryland, Baltimore County27

You find a sentence or two you want to include so you put quotes around it and cite the source

Page 28: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Academic integrity

“One of the most common mistakes you can make while writing a paper is to accidently forget to cite a source because you are so caught up in the rest of your paper. Unfortunately this still counts as plagiarism.”

Human-Centered Computing at University of Maryland, Baltimore County28

Unfortunately this still counts as plagiarism.”

- http://www.umbc.edu/undergrad_ed/honesty/

Page 29: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

What you can expect from me

Office hours (or by appointment)

• 2 – 3pm Mondays

Respond to email within 36 hours

Human-Centered Computing at University of Maryland, Baltimore County29

Assignments graded within 2 weeks

Post slides within 36 hours after class

Page 30: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Class format

Every class will have the following

• Discussion about inspiration and reading

• Lecture

• In-class design exercise

Human-Centered Computing at University of Maryland, Baltimore County30

Details will be posted here: http://hcc629andrea.wordpress.com/

Page 31: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Break

Human-Centered Computing at University of Maryland, Baltimore County31

Page 32: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Introduction to HCC

Human-Centered Computing at University of Maryland, Baltimore County32

“Design, evaluation and implementation of interactive computing systems for human use and the study of the major phenomena surrounding them.”

--Special Interest Group on Human-Computer Interaction (SIGCHI) of the Association for Computing Machinery (ACM)

Page 33: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

What IS HCC?

Interdisciplinary and deeply rooted in theory from many disciplines

DesignBehavioral

Science

Human-Centered Computing at University of Maryland, Baltimore County33

Computer

Science

DesignScience

HCC

Page 34: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

What HCC is not

Making the interface look pretty

“Just common sense”

Human-Centered Computing at University of Maryland, Baltimore County34

Something you do if you can’t program

“Lipstick on the pig”

Page 35: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Jobs in HCC

User Experience (UX) Designer

Usability Engineer

Human Factors Engineer

HCC / HCI Researcher

Human-Centered Computing at University of Maryland, Baltimore County3535

Page 36: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

User Experience Designer

Usability Engineer

Human Factors Engineer

HCC / HCI Researcher

Jobs in HCC

Human-Centered Computing at University of Maryland, Baltimore County3636

Page 37: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Useful Distinctions to MakeHuman Factors (www.hfes.org)

The knowledge concerning the characteristics of human beings that are applicable to the design of systems and devices of all kinds

Ergonomics (Komlodi, 2008)

Design of equipment and work environments to fit the human body using physiology, psychology, industrial engineering principles

Human-Centered Computing at University of Maryland, Baltimore County37

Human-Centered Computing / Human-Computer Interaction (www.acm.org)

The discipline concerned with the design, evaluation, and implementation

of interactive computing systems for human use and with the study of major phenomena surrounding them

HCC / HCI has become a broad term that includes HF and Ergonomics, but also many other areas. This class focuses on HCI.

Page 38: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Other Relevant Terms

These terms are commonly used in industry and represent different aspects of HCC

Information Architecture (IA) – How should content be organized?

Human-Centered Computing at University of Maryland, Baltimore County38

content be organized?

User Experience – Design and evaluate user interactions with technology

Usability – Evaluations of Technology

Page 39: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

HCI is Interdisciplinary

Interdisciplinary and eclectic, building on dozens of different disciplines, such as…

?Human-Centered Computing at University of Maryland, Baltimore County39

?

Page 40: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Fields that HCI builds on

Computer Science

– Implementation of website or other interface

Engineering

– Faster, cheaper equipment

Ergonomics

Human-Centered Computing at University of Maryland, Baltimore County40

Ergonomics

– Design for human factors

Graphic design

– Visual communication

Technical writing

– Textual communication

Page 41: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Fields that HCI builds on cont’d

Linguistics, artificial intelligence

– Speech recognition, natural language processing

Cognitive psychology

– Perception, memory, mental models

Sociology

Human-Centered Computing at University of Maryland, Baltimore County41

Sociology

– How people interact in groups

Anthropology

– Study of people in their work settings

Page 42: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

HCC is an eclectic field, which

can be challenging and

exciting!

Human-Centered Computing at University of Maryland, Baltimore County42

exciting!

Page 43: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

In-class Activity

Human-Centered Computing at University of Maryland, Baltimore County43

Page 44: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

In-class Activity

Individually:

Draft a design concept for a technology you would develop if you had the needed time and skills. (~15 minutes)

• Be realistic and detailed (e.g., “time machine” is

Human-Centered Computing at University of Maryland, Baltimore County44

• Be realistic and detailed (e.g., “time machine” is not realistic)

• Make sure your design concept documentation can be read by others

• Be creative! Feel free to use text, diagrams, pictures/sketches, cartoons/storyboards, etc.

Page 45: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

In-class Activity (Cont’d)

In groups of 2:

Interview each other about your designs. Use the questions on the worksheet, and record the answers your partner gives. Answer the last two questions

Human-Centered Computing at University of Maryland, Baltimore County45

Answer the last two questions individually. (~20 minutes)

• Use complete sentences and include details.

We will be revisiting these answers at a later

date.

Page 46: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

In-class Activity (Cont’d)

All together:

Share designs with the rest of the class

• Any groups where both partners thought the

design was a good idea?

• Any groups where partners disagreed?

Human-Centered Computing at University of Maryland, Baltimore County46

• Any groups where partners disagreed?

Page 47: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

For next time

Human-Centered Computing at University of Maryland, Baltimore County47

Page 48: Fundamentals of Human- Centered Computing · 8/1/2015  · Introduction to HCC / HCI In -class activity 2 Human-Centered Computing at University of Maryland, Baltimore County Acknowledgement:

Readings and assignments

Readings

1. How to use sources in your paper (Stephan Klaas)

2. Interaction Design (Chapter 1) buy it or check it out

3. Design of Everyday Things (Chapters 1 & 4)1&3 on

website

Human-Centered Computing at University of Maryland, Baltimore County48

Due on 9/14/15 by 4pm

• Setup your blog

• Create piazza account

• Blog post reflecting on posted reading

• Blog post that documents in-class activity

• www.hcc629andrea.wordpress.com

websiteclass The in-class

activity post is not

required for 9/14.

Wait until we get

through everyone’s

designs