fundamentals of human- centered computing · 8/1/2015 · introduction to hcc / hci in -class...
TRANSCRIPT
Fundamentals of Human-
Centered Computing
Human-Centered Computing at University of Maryland, Baltimore County1
Centered Computing
HCC 629
Lecture 1
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.
Introductions
Human-Centered Computing at University of Maryland, Baltimore County3
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…
My research
NERVE: collaboration between UF, UCF & UGA
Human-Centered Computing at University of Maryland, Baltimore County5
Empathy trainingGender bias
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
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
My research
Human-Centered Computing at University of Maryland, Baltimore County8
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
Course Information
Human-Centered Computing at University of Maryland, Baltimore County10
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
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
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
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!
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
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
Syllabus
Human-Centered Computing at University of Maryland, Baltimore County17
Will post updates if schedule changes (and announce changes)
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
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
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
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)
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
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)
Expectations
Human-Centered Computing at University of Maryland, Baltimore County24
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
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
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
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/
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
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/
Break
Human-Centered Computing at University of Maryland, Baltimore County31
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)
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
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”
Jobs in HCC
User Experience (UX) Designer
Usability Engineer
Human Factors Engineer
HCC / HCI Researcher
Human-Centered Computing at University of Maryland, Baltimore County3535
User Experience Designer
Usability Engineer
Human Factors Engineer
HCC / HCI Researcher
Jobs in HCC
Human-Centered Computing at University of Maryland, Baltimore County3636
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.
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
HCI is Interdisciplinary
Interdisciplinary and eclectic, building on dozens of different disciplines, such as…
?Human-Centered Computing at University of Maryland, Baltimore County39
?
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
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
HCC is an eclectic field, which
can be challenging and
exciting!
Human-Centered Computing at University of Maryland, Baltimore County42
exciting!
In-class Activity
Human-Centered Computing at University of Maryland, Baltimore County43
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.
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.
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?
For next time
Human-Centered Computing at University of Maryland, Baltimore County47
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