1 00:00:01,247 --> 00:00:04,505 Hi, I am Scott Klemmer, I’m an associate professor of computer science, 2 00:00:04,505 --> 00:00:08,716 and I’d like to welcome you this online class, introducing human-computer interaction. 3 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, 4 00:00:13,011 --> 00:00:16,364 and it synthesizes materials from a number of sources. 5 00:00:17,487 --> 00:00:20,805 First and foremost is the human, the person that’s using the system 6 00:00:20,805 --> 00:00:23,076 and the other people that they work and communicate with. 7 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. 8 00:00:27,115 --> 00:00:30,666 And then you got the interface that represents the system to the user. 9 00:00:30,666 --> 00:00:35,646 HCI is the design, implementation and evaluation of user interfaces. 10 00:00:35,646 --> 00:00:39,483 This course is going to teach you a set of tools for doing this effectively. 11 00:00:39,483 --> 00:00:43,915 At the onset of the design project, we often don’t know what the problem is 12 00:00:43,915 --> 00:00:47,746 or what the space of possibilities might be, let alone what the solution should be. 13 00:00:47,746 --> 00:00:50,793 Consequently, real-world design is often iterative, 14 00:00:50,793 --> 00:00:53,466 failed fast so you can succeed sooner. 15 00:00:53,466 --> 00:00:56,966 Often it benefits from trying and comparing options. 16 00:00:56,966 --> 00:01:01,182 Finally, it’s important to focus on the people who are going to use your system. 17 00:01:01,182 --> 00:01:05,453 Good design brings people joy: it helps people do things that we care about, 18 00:01:05,453 --> 00:01:08,053 and helps us connect people that we care about. 19 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, 20 00:01:13,044 --> 00:01:15,820 and societies’. Graphical user interfaces help 21 00:01:15,820 --> 00:01:18,410 with computing a hundreds of millions of tasks, 22 00:01:18,410 --> 00:01:22,979 enabling us to do things like create documents, and share photo and connect with family 23 00:01:22,979 --> 00:01:24,966 and find information. 24 00:01:24,966 --> 00:01:30,095 Bad design is frustrating and costs lives: medical devices, airplane accidents 25 00:01:30,095 --> 00:01:35,456 and nuclear disasters are just three domains where bad user interfaces and software errors 26 00:01:35,456 --> 00:01:38,401 have caused serious injury and many deaths. 27 00:01:38,401 --> 00:01:41,778 These are big ticket items that take a lot of time to produce. 28 00:01:42,009 --> 00:01:44,960 What really gets me is that many of these interface problems 29 00:01:44,960 --> 00:01:47,112 could have easily been avoided. 30 00:01:47,112 --> 00:01:53,505 Fixing these problems requires following just basic principles like consistency and feedback. 31 00:01:53,689 --> 00:01:56,631 If effective principles for interface design were widely known 32 00:01:56,631 --> 00:01:59,793 some of these disasters might have been avoided. 33 00:02:00,331 --> 00:02:03,658 This is one of the major reasons that I created this course. 34 00:02:03,658 --> 00:02:08,150 Bad design causes problems and degrades people[’s] quality of life in many smaller ways too. 35 00:02:08,319 --> 00:02:11,105 Think of all the time that you waste on your bank's website 36 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. 37 00:02:17,083 --> 00:02:19,654 Let's say these frustrations take 38 00:02:19,654 --> 00:02:22,342 10 minutes a day for the average American. 39 00:02:22,342 --> 00:02:28,245 With 300 million people in America alone, that’s 3 billion person-minutes a day. 40 00:02:28,245 --> 00:02:31,120 or 18 billion person-hours a year. 41 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. 42 00:02:35,234 --> 00:02:38,848 Oftentimes, the best interfaces become invisible to us. 43 00:02:38,848 --> 00:02:43,861 When an interface becomes automatic by practice, by design and most often by a combination, 44 00:02:43,861 --> 00:02:47,953 our attention shifts from manipulating an interface to accomplishing a task. 45 00:02:47,953 --> 00:02:51,211 It’s kind of like a blind person who has practiced working with a cane. 46 00:02:51,211 --> 00:02:55,308 After all those hours of practice, they no longer feel the cane. 47 00:02:55,308 --> 00:02:59,641 Their sensory perception is at the end of the cane, experiencing the world. 48 00:02:59,641 --> 00:03:03,820 That attentional shift is what happens when an interface becomes intuitive. 49 00:03:03,820 --> 00:03:08,355 Designing great user interfaces requires enormous creativity and a lot of hard work. 50 00:03:08,355 --> 00:03:11,710 But designing pretty good user interface is pretty easy 51 00:03:11,710 --> 00:03:15,344 if you know some methods, techniques and principles. I’ll show how. 52 00:03:16,251 --> 00:03:18,345 Summarize this introduction: 53 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. 54 00:03:22,962 --> 00:03:26,333 You’re going to learn to work with users throughout the process; 55 00:03:26,333 --> 00:03:31,249 to assess decisions from the vantage point of users, their work and their environment; 56 00:03:31,249 --> 00:03:36,587 to pay attention to people's abilities and situation; and to talk to the actual experts. 57 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. 58 00:03:42,521 --> 00:03:45,588 As my colleague John Zimmerman reminded me recently, 59 00:03:45,588 --> 00:03:49,680 users are just one of the many stakeholders in the design process. 60 00:03:49,680 --> 00:03:56,115 Other stakeholders matter too, helping ease development and costs of production, support maintenance,… 61 00:03:56,115 --> 00:04:00,284 In designing for people, don't forget the other pieces of the puzzle. 62 00:04:01,731 --> 00:04:05,620 In creating this class, I’ve integrated materials from a lot of sources, 63 00:04:05,620 --> 00:04:09,060 including classes like James Landay’s, books like Don Noman’s 64 00:04:09,060 --> 00:04:12,001 and papers like from the CHI Conferences. 65 00:04:12,186 --> 00:04:14,141 For those who'd like to learn more, 66 00:04:14,141 --> 00:04:17,557 I’ve put a Further Reading slide at the end of many of my lectures.