WEBVTT 00:00:01.247 --> 00:00:04.505 Hi, I am Scott Klemmer, I’m an associate professor of computer science, 00:00:04.505 --> 00:00:08.716 and I’d like to welcome you this online class, introducing human-computer interaction. 00:00:08.716 --> 00:00:13.011 This online class is based on the class I’ve been teaching in Stanford for several years now, 00:00:13.011 --> 00:00:16.364 and it synthesizes materials from a number of sources. 00:00:17.487 --> 00:00:20.805 First and foremost is the human, the person that’s using the system 00:00:20.805 --> 00:00:23.076 and the other people that they work and communicate with. 00:00:23.569 --> 00:00:27.115 Then you got the computer, that’s the machine and the networked-up machines that run the system. 00:00:27.115 --> 00:00:30.666 And then you got the interface that represents the system to the user. 00:00:30.666 --> 00:00:35.646 HCI is the design, implementation and evaluation of user interfaces. 00:00:35.646 --> 00:00:39.483 This course is going to teach you a set of tools for doing this effectively. 00:00:39.483 --> 00:00:43.915 At the onset of the design project, we often don’t know what the problem is 00:00:43.915 --> 00:00:47.746 or what the space of possibilities might be, let alone what the solution should be. 00:00:47.746 --> 00:00:50.793 Consequently, real-world design is often iterative, 00:00:50.793 --> 00:00:53.466 failed fast so you can succeed sooner. 00:00:53.466 --> 00:00:56.966 Often it benefits from trying and comparing options. 00:00:56.966 --> 00:01:01.182 Finally, it’s important to focus on the people who are going to use your system. 00:01:01.182 --> 00:01:05.453 Good design brings people joy: it helps people do things that we care about, 00:01:05.453 --> 00:01:08.053 and helps us connect people that we care about. 00:01:08.053 --> 00:01:13.044 Good user interfaces can have a tremendous impact on both [the] individual’s ability to accomplish things, 00:01:13.044 --> 00:01:15.820 and societies’. Graphical user interfaces help 00:01:15.820 --> 00:01:18.410 with computing a hundreds of millions of tasks, 00:01:18.410 --> 00:01:22.979 enabling us to do things like create documents, and share photo and connect with family 00:01:22.979 --> 00:01:24.966 and find information. 00:01:24.966 --> 00:01:30.095 Bad design is frustrating and costs lives: medical devices, airplane accidents 00:01:30.095 --> 00:01:35.456 and nuclear disasters are just three domains where bad user interfaces and software errors 00:01:35.456 --> 00:01:38.401 have caused serious injury and many deaths. 00:01:38.401 --> 00:01:41.778 These are big ticket items that take a lot of time to produce. 00:01:42.009 --> 00:01:44.960 What really gets me is that many of these interface problems 00:01:44.960 --> 00:01:47.112 could have easily been avoided. 00:01:47.112 --> 00:01:53.505 Fixing these problems requires following just basic principles like consistency and feedback. 00:01:53.689 --> 00:01:56.631 If effective principles for interface design were widely known 00:01:56.631 --> 00:01:59.793 some of these disasters might have been avoided. 00:02:00.331 --> 00:02:03.658 This is one of the major reasons that I created this course. 00:02:03.658 --> 00:02:08.150 Bad design causes problems and degrades people[’s] quality of life in many smaller ways too. 00:02:08.319 --> 00:02:11.105 Think of all the time that you waste on your bank's website 00:02:11.105 --> 00:02:16.129 or trying to figure out why the wifi doesn't work, or trying to set something on your digital camera. 00:02:17.083 --> 00:02:19.654 Let's say these frustrations take 00:02:19.654 --> 00:02:22.342 10 minutes a day for the average American. 00:02:22.342 --> 00:02:28.245 With 300 million people in America alone, that’s 3 billion person-minutes a day. 00:02:28.245 --> 00:02:31.120 or 18 billion person-hours a year. 00:02:31.659 --> 00:02:34.957 That's a lot of time that we could’ve spent making the world a better place. 00:02:35.234 --> 00:02:38.848 Oftentimes, the best interfaces become invisible to us. 00:02:38.848 --> 00:02:43.861 When an interface becomes automatic by practice, by design and most often by a combination, 00:02:43.861 --> 00:02:47.953 our attention shifts from manipulating an interface to accomplishing a task. 00:02:47.953 --> 00:02:51.211 It’s kind of like a blind person who has practiced working with a cane. 00:02:51.211 --> 00:02:55.308 After all those hours of practice, they no longer feel the cane. 00:02:55.308 --> 00:02:59.641 Their sensory perception is at the end of the cane, experiencing the world. 00:02:59.641 --> 00:03:03.820 That attentional shift is what happens when an interface becomes intuitive. 00:03:03.820 --> 00:03:08.355 Designing great user interfaces requires enormous creativity and a lot of hard work. 00:03:08.355 --> 00:03:11.710 But designing pretty good user interface is pretty easy 00:03:11.710 --> 00:03:15.344 if you know some methods, techniques and principles. I’ll show how. 00:03:16.251 --> 00:03:18.345 Summarize this introduction: 00:03:18.345 --> 00:03:22.962 In this course you're going to learn a process where people’s tasks, goals and values drive development. 00:03:22.962 --> 00:03:26.333 You’re going to learn to work with users throughout the process; 00:03:26.333 --> 00:03:31.249 to assess decisions from the vantage point of users, their work and their environment; 00:03:31.249 --> 00:03:36.587 to pay attention to people's abilities and situation; and to talk to the actual experts. 00:03:36.587 --> 00:03:42.521 You'll learn to talk with a variety of users — both regular and extreme users — and a wide variety of stakeholders. 00:03:42.521 --> 00:03:45.588 As my colleague John Zimmerman reminded me recently, 00:03:45.588 --> 00:03:49.680 users are just one of the many stakeholders in the design process. 00:03:49.680 --> 00:03:56.115 Other stakeholders matter too, helping ease development and costs of production, support maintenance,… 00:03:56.115 --> 00:04:00.284 In designing for people, don't forget the other pieces of the puzzle. 00:04:01.731 --> 00:04:05.620 In creating this class, I’ve integrated materials from a lot of sources, 00:04:05.620 --> 00:04:09.060 including classes like James Landay’s, books like Don Noman’s 00:04:09.060 --> 00:04:12.001 and papers like from the CHI Conferences. 00:04:12.186 --> 00:04:14.141 For those who'd like to learn more, 00:04:14.141 --> 00:04:17.557 I’ve put a Further Reading slide at the end of many of my lectures.