Human-Computer Interaction

HCI: Course Contacts

flittlet — Tue, 18 Jul 2023 14:23:33 +0000

HCI: Course Contacts flittlet Tue, 18/07/2023 - 15:23

The course organiser (leader) for HCI is Dr. Aurora Constantin: Aurora.Constantin@ed.ac.uk, who co-teaches the course with Prof. John Vines: john.vines@ed.ac.uk.

License

HCI: Assessment

flittlet — Tue, 18 Jul 2023 14:23:30 +0000

HCI: Assessment flittlet Tue, 18/07/2023 - 15:23

The course has three courseworks that progress through an HCI project starting with refining design requirements and creating a UI design (CW1), evaluating the design to see if it is usable (CW2), and finally using the outcome of the evaluation to improve the design and plan an evaluation to see if the improvements worked (CW3). CW1 is formatiive and not marked, CW2 and 3 are marked. Below is a brief summary of each coursework and how they fit together in the course.

CW1: Design - Students work in teams of 3-4 to refine design requirements, identify problems, and design an user interface mock-up using an online tool like Figma.

CW2: Evaluate - Students work in teams of 3-4 to evaluate two design created by different teams. They use a Cognitive Walkthrough approach, analyzed the results and make recommendations about how the design might be improved and the different types of problems users might have when interacting with it. These reports will be returned to the initial CW1 design team.

CW3: Refine - Students work in teams of 3-4 to improve a CW1 design and plan an evaluation that could determine if the improvements are working as expected. The improved design will also be done using an online mock-up tool. The new evaluation will also be only an evaluation plan and will not be run with participants.

Individual Engagement - Accompanying each coursework is an individual quiz which also contains some harder open-text questions to assess engagement with the coursework.

License

HCI: Resource List

flittlet — Tue, 18 Jul 2023 14:23:29 +0000

HCI: Resource List flittlet Tue, 18/07/2023 - 15:23

Figma Essential Training: The Basics

Figma for UX Design

Figma: Handing off to Developers

License

HCI: Materials

flittlet — Tue, 18 Jul 2023 14:23:28 +0000

HCI: Materials flittlet Tue, 18/07/2023 - 15:23

The schedule page breaks the materials out into the weeks you will need them in, but if you would like to see materials in their entirety here are the links the repositories:

Lecture video channel on Media Hopper Create
The Weekly Q&A Slides from the Tuesday lectures
Universal Methods of Design on the Library's Resource List for this course
2020/2021 version of the HCI course on LEARN

License

HCI: Repository for Q&A Slides

flittlet — Tue, 18 Jul 2023 14:23:28 +0000

HCI: Repository for Q&A Slides flittlet Tue, 18/07/2023 - 15:23

Repository for Q&A slides and materials discussed during the Q&A. This page will be updated each week.

HCI Week 1 Slides

HCI Week 2 Slides

HCI Week 3 Slides

HCI Week 4 Slides

HCI Week 5 Slides

HCI Week 6 Slides

HCI Week 7 Slides

HCI Week 8 Slides

HCI Week 9 Slides

HCI Week 10 Slides

License

HCI: Schedule

flittlet — Tue, 18 Jul 2023 14:23:28 +0000

HCI: Schedule flittlet Tue, 18/07/2023 - 15:23

Week	Commencing	Lectures and Slides	Readings	Coursework Steps
1	18-Sep-2023	Introduction and the process of design Slides: What makes HCI design challenging? The Design Process Design Requirements Memos Q&A slides for week 1	How to Understand Problems by Amy J. Ko How to Define Problems by Amy J. Ko What is HCI?	Coursework 1 out (see Folder Assessment) Coursework 1 steps: 1: Find a group and register your group 2: Do Background Research Interviewing Tutorial Task Design Tutorial 2020 (Answer Sheet)
2	25-Sep-2023	Design Requirements Gathering Slides: Focus Groups Interviews Personas Contextual Inquiry Q&A slides for week 2	Universal Methods of Design (view chapters via book in library - see Resource List in LEARN): 20: Contextual Inquiry 63: Personas 48: Interviews 43: Focus Groups Interaction Design: How to conduct user interviews	Coursework 1 steps: 3: Select a course to improve 4: Pick a task 5: Pick a persona
3	02-Oct-2023	Fast Feedback Slides: Fast Feedback Card Sorting Storyboards Design Fictions Q&A slides for week 3	Universal Methods of Design (view chapters via book in library - see Resource List in LEARN): 82: Storyboards 10: Card Sorting Observe, Test, Iterate, and Learn - Don Norman Storyboards Help Visualize UX Ideas - Rachel Krause	Coursework 1 steps: 6: Design iteration Start 7: Mock up the design
4	09-Oct-2023	Tasks and simple evaluation Slides: Tasks and Subtasks Q&A slides for week 4	Universal Methods of Design (view chapters via book in library - see Resource List in LEARN): 84:Task_Analysis	Coursework 1 steps: Finish 7: Mock up the design 8: Write the report. See instructions in Folder Assessment Coursework 1 due 4pm 12 October QUIZ 1 happening October 13 - INFORMATION TO COME
5	16-Oct-2023	Evaluation and Heuristics Slides: Evaluation what is it and why do it Heuristics Cognitive walkthrough Q&A slides for week 5 Miro board for week 5	Universal Methods of Design (view chapters via book in library - see Resource List in LEARN): 13: Cognitive Walkthrough 46: Heuristics 93: Usability Report How to evaluate analytically by Amy J. Ko 10 Usability Heuristics for User Interface Design by the Nielsen Group How to conduct a Heuristic Evaluation by the Nielsen Group	Coursework 2 out (see Folder Assessment) Coursework 2 steps: 1: Check that your assigned mock-ups work Start 2: Assign roles
6	23-Oct-2023	Lab Studies Slides: Study Design Lab Study Examples Q&A Slides for Week 6	How to be critical by Amy J. Ko How to evaluate empirically by Amy J. Ko	Coursework 2 steps: Finish 2: Assign roles 3: Run the cognitive walkthrough Start 4: Write the reports
7	30-Oct-2023	Common Study Methodologies Slides: Think Aloud (aka Talk Aloud) Questionaires Qualitative Analysis Ethics Ethics Case Studies Q&A slides for week 7	Universal Methods of Design (view chapters via book in library - see Resource List in LEARN): 1: A/B Testing 67: Questionaires 87: Think Aloud What is Qualitative Research? Beyond the NPS: Measuring Perceived Usability with the SUS, NASA-TLX, and the Single Ease Question After Tasks and Usability Tests The Menlo Report: Ethical Principles Guiding Information and Communication Technology Research	Coursework 2 steps: 4: Write the reports Coursework 2 due NOON 2 November Quiz 2 happening 3 November - INFORMATION TO COME
8	06-Nov-2023	People and Layout Slides: Mental Models Affordance and Metaphores Gestalt Principles Page Layout Q&A Slides for Week 8	Mental Models by Nielsen Norman Group How to design interfaces by Amy J. Ko	Coursework 3 out (see Folder Assessment) Coursework 3 steps: 1: Look at CW2 reports 2: Select the mock-up to refine
9	13-Nov-2023	Design Patterns Slides: Design Patterns Sketches, wireframes, mockups and prototypes Q&A slides for week 9	User Interface Design Patterns - Link to a pattern library, not necessary to read all these. Optional: Tutorial on design layout from last year: Layout Tutorial	Coursework 3 steps: 3: Revise the identified problem, design goals, and task 4 4: Revise your design Start 5: Select two screens (and revise their designs)
10	20-Nov-2023	Accessibility and other topics Slides: Accessibility Accessibility Examples The Human Computer Q&A Slides for Week 10	Accessibility in practice for students - paper Accessibility Guidelines: WCAG	Coursework 3 steps: 5: Select two screens (and revise their designs) Start 6: Write the report
11	27-Nov-2023	No recorded lecture		Coursework 3 steps: 6: Write the report Coursework 3 due NOON 30th November Quiz 3 happening 1st December - INFORMATION TO COME
12	04-Dec-2023	Office Hour in IF room 5.02
13	11-Dec-2023
14	18-Dec-2023

License

HCI: Course Materials

flittlet — Tue, 18 Jul 2023 14:23:27 +0000

HCI: Course Materials flittlet Tue, 18/07/2023 - 15:23

The Schedule page has a detailed breakdown of the course materials on a week-by-week basis, with links to weekly video playlists as per the flipped classroom approach, plus addional readings and materials related to each week's topic.

License

HCI: Human-Computer Interaction (Level 11)

flittlet — Tue, 18 Jul 2023 14:23:27 +0000

HCI: Human-Computer Interaction (Level 11) flittlet Tue, 18/07/2023 - 15:23

Welcome to Human-Computer Interaction (Level 11)

Human-Computer Interaction (HCI) is a field of research and professional practice that focuses on creating computer systems that are easy to use, help people solve real problems, and empower people. This course focuses on the process of understanding user needs, designing interfaces, and evaluating designs.

Learning Outcomes

On successful completion of this course, you should be able to:

Demonstrate, in writing, knowledge of the issues and problems in HCI , and an understanding of human perception and behaviour in analysing their interactions with technology in their every day lives
Use established design principles and methodologies to solve HCI problems
Acquire confidence in handling different disciplinary perspectives on HCI and the ability to apply them to design problems
The ability to devise, plan and execute task analysis and system evaluation studies from an HCI perspective, and present findings in a clear and effective manner
Demonstrate awareness of current areas of research by locating and summarising examples of recent progress

Course Outline

The HCI course will cover the following subject areas:

* Background -- the development and scope of HCI. Practical goals.
* HCI relevant issues in human perception, memory and thinking processes.
* Approaches to designing information appliances -- software objects and physical things.
* Design methodologies and notations -- levels of interface design, evaluation methodologies.
* Techniques and technologies -- dialogue styles, information presentation.
* The design process -- user involvement, iterative design, prototyping.
* Evaluation -- methodologies, formative and summative. Performance analysis.
* Specific issues in HCI -- for example: internet of things, novel interfaces, accessibility, and privacy.

Relevant QAA Computing Curriculum Sections: Human-Computer Interaction (HCI), Information Systems, Systems Analysis and Design.

When and Where

The HCI course meets once a week, on Tuesday's at 12 (noon). We will be in Appleton Tower Lecture Theatre 2. These sessions are "Q&A" sessions - the course is based on a "flipped classroom" approach where students are asked to look at videos in advance of these sessions, and come to the Q&As ready to ask questions and discuss the content of that week's videos.

Assessment Structure

CW1: Design - Students work in teams of 3-4 to refine design requirements, identify problems, and design an user interface mock-up using an online tool like Figma.

Individual Engagement - Accompanying each coursework is an individual quiz which also contains some harder open-text questions to assess engagement with the coursework.

License