![Page 1: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/1.jpg)
HUMAN COMPUTER INTERACTION
Dr Kami Vaniea
19th September 2016
2
![Page 2: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/2.jpg)
First, the news…
First 5 minutes we talk about something interesting and recent
You will not be tested on the news part of lecture
You may use news as an example on tests
Why do this? 1. Some students show up late
2. Reward students who show up on time
3. Important to see real world examples
3
![Page 3: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/3.jpg)
Pronouncing my last name:
English: Van-yayFrench: Vanier
Bit of American history:
5
![Page 4: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/4.jpg)
Human ComputerInteraction
Computer Security
Kami
![Page 5: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/5.jpg)
Today…
1. Course introduction
2. Basic concepts
3. Turn survey in
4. Questionnaires
7
![Page 6: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/6.jpg)
Step one of any good design is determining what your goals are and who you are designing for…
8
![Page 7: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/7.jpg)
Learning goals
1. Write UG4 and MSc theses A. Understand user needs
B. Justify design decisions
C. Evaluate the final result
2. Discuss projects during interviews A. Describe a project you worked on that they can understand
B. Be able to break down the good and bad elements from a usability angle
3. Create usable things in the real worldA. Same as #1
B. Justify decisions to your boss
9
![Page 8: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/8.jpg)
Coursework
CW1: Evaluate Outlook Calendar Groups of 3-4
Each member: 1 evaluation
Group: combined analysis
CW2: Build a usable website Collaboration groups of up to 10
Max 3 students per website
10
![Page 9: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/9.jpg)
Books
11
Quick guide to common
methodologies
Practical guide to building and testing
usable interfaces
Thick textbook with everything in great
detail
![Page 10: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/10.jpg)
Readings
Short readings Should take less than 10 minutes to read
Typically only 2 pages per methodology
I expect you to know this, likely will show up on exam
Long readings Everything you need to know
Further clarification of slide material
Supplemental readings Extra information for those who are interested
12
![Page 11: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/11.jpg)
Tutorials
Starting in the third week
Focus on hands-on doing of the methodologies
Work through some sample exam questions
13
![Page 12: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/12.jpg)
Design process 1. Planning, scoping, and definition What do we want to do?
2. Exploration, synthesis, and design implications Would it work? Would it solve the problem?
3. Concept Generation Create a prototype and try it out
4. Evaluation, refinement, and production Build it, test it, fix it
5. Launch and monitor See if it works in the real world and perform
ongoing review
14
Many design processes, we use the Universal Methods of Design one
![Page 13: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/13.jpg)
The Methods book always lists what design phases a method works with and what type of evaluation it can be used for
15
![Page 14: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/14.jpg)
Learning order 1. Design requirements What do we want to do?
2. Evaluation Does the design work?
3. Concept generation Prototyping
Matching needs
4. Interface design Common approaches
5. Evaluation, with data Quantitative
16
We will be learning about these slightly out of order to best support our goal of enabling students to do their UG4 projects.
![Page 15: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/15.jpg)
Any questions about the course setup?
17
![Page 16: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/16.jpg)
Please turn in your surveys
18
![Page 17: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/17.jpg)
Questionnaires
![Page 18: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/18.jpg)
Questionnaires let us learn something about our target population
20
![Page 19: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/19.jpg)
Questionnaires in requirements gathering
Typically used in either requirements gathering or in evaluation
Pro: gather data from a large number of people
Pro: can determine how prevalent an issue or concern is
Pro: close-ended questions are easy to analyze
Con: can only gather data you know about
Con: careful planning is required before running a questionnaire
Con: open-ended questions can take a lot of time to analyze and require careful setup
21
![Page 20: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/20.jpg)
We want to know about?
Attitudes Do you like X?
Behaviors How often do you use X?
Conceptualizations Which of the following best describes X?
Expectations If the webpage did X what would you expect to happen?
Capabilities Add the numbers 20 and 30, what do you get?
22
![Page 21: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/21.jpg)
Open ended
Where does this URL go? What does it do?
Close-ended
If you clicked on the link above, what web page would open?
⃝ WWW3’s main page
⃝ National Geographic’s main page
⃝ World News’s main page
⃝ I will be taken to one of the sites above, but not their main page
⃝ I will be taken to a website not listed above
⃝ Other ________
23
Easier to write, harder to analyze
Harder to write, easier to analyze
![Page 22: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/22.jpg)
Common survey elements
Single and multiple choice checkboxes
Rating scales Likert Scales
3, 5, 7 points scales
Semantic scales
Open ended responses
24
![Page 23: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/23.jpg)
Response Anchors
25
![Page 24: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/24.jpg)
Lets go through the survey I gave out earlier and see examples of these points
26
![Page 25: Human Computer Interaction - The University of Edinburgh · 2016-09-18 · Human Computer Interaction ... Course introduction 2. Basic concepts 3. Turn survey in 4. Questionnaires](https://reader034.vdocuments.us/reader034/viewer/2022042807/5f77f89a8334df65917aa2f5/html5/thumbnails/25.jpg)
Questions