Return to Video

Lecture 1.4: The Birth of HCI (8:48)

  • 0:02 - 0:05
    How did the field of human-computer interaction get started?
  • 0:05 - 0:10
    One good place to begin our story is in July of 1945, when Vannevar Bush wrote
  • 0:10 - 0:17
    an article for the Atlantic Monthly, later reprinted in Life, called “As We May Think”.
  • 0:17 - 0:22
    Today, technology has mostly augmented people’s physical abilities;
  • 0:22 - 0:29
    Bush outlined a vision for information technologies that augmented people’s intellectual abilities.
  • 0:29 - 0:33
    Who is this guy? What’s his deal? And what led to his pressing vision?
  • 0:33 - 0:37
    Bush was vice-president and dean of engineering at MIT in the 1930’s,
  • 0:37 - 0:40
    where, incidentally, he was Fred Terman’s advisor.
  • 0:40 - 0:43
    Terman went on to become dean of engineering at Stanford
  • 0:43 - 0:46
    and in the eyes of many the father of Silicon Valley.
  • 0:46 - 0:49
    In 1939, Vannevar Bush moved to Washington.
  • 0:49 - 0:52
    He’s a leading scientific policy maker
  • 0:52 - 0:54
    He directs a lot of the government funding,
  • 0:54 - 0:59
    and indeed creates and is instrumental in setting up large-scale university research.
  • 0:59 - 1:04
    This administrative effort eventually leads to the creation of the National Science Foundation and ARPA,
  • 1:04 - 1:07
    institutionalizing government-funded scientific research.
  • 1:07 - 1:11
    The goal of this article, written in the final months of World War II, is to ask
  • 1:11 - 1:16
    “What can government-funded scientists do to create a better world in peace time?”
  • 1:16 - 1:19
    and his vision was a strongly human-centred one.
  • 1:19 - 1:23
    Bush wrote of a future interactive desk; he calls the system “memex.”
  • 1:23 - 1:29
    The idea is that all of the world’s information would be available on the knowledge worker’s desktop.
  • 1:29 - 1:35
    Key to the memex idea was effective user interfaces for information storage and retrieval.
  • 1:35 - 1:39
    Remember, this is 1945, so there aren’t yet practical digital computers —
  • 1:39 - 1:43
    the first room-scale digital computers were just being built —
  • 1:43 - 1:48
    and the idea was to use microfiche — high density film — to store everything!
  • 1:48 - 1:52
    Even more impressive, Bush’s memex vision invents hypertext:
  • 1:52 - 1:57
    he has this idea that people could author trails through this information store,
  • 1:57 - 2:00
    save them for later use, and share them with others.
  • 2:00 - 2:04
    But you’re not always at your desk, right? You want technology to come with you.
  • 2:04 - 2:08
    And knowledge workers need to produce content as well as consume it.
  • 2:08 - 2:11
    And the world isn’t just textual; it’s also visual.
  • 2:11 - 2:14
    So Bush imagined that, in the future, you’d wear a camera,
  • 2:14 - 2:19
    right in the centre of your head, like a third eye, and use it to capture stuff.
  • 2:19 - 2:23
    And he worked out a design that made it as easy as possible to take pictures,
  • 2:23 - 2:26
    so there’re no dials or settings to fiddle with.
  • 2:26 - 2:32
    As with the memex desk, the details turned out differently; but the core vision was right on target.
  • 2:32 - 2:37
    Today, for example, there are more than a billion camera phones that people carry with them.
  • 2:37 - 2:42
    The programmable digital computers that soon follow, like the ENIACS on here,
  • 2:42 - 2:44
    were a huge technological lead-forward.
  • 2:44 - 2:49
    But, as you can see from the wires, the user interface left a lot to be desired.
  • 2:49 - 2:54
    The idea of providing a more effective interface to computers has a long and storied history,
  • 2:54 - 2:59
    beginning with Grace Hopper’s invention in the early 1950’s of the first compiler.
  • 2:59 - 3:02
    What’s inspirational for me is that she conceptualized
  • 3:02 - 3:07
    how improved tools could provide a much wider audience with access to computation.
  • 3:07 - 3:10
    In the intervening years, good programming environments for the desktop and Web
  • 3:10 - 3:15
    enabled legions of developers to create the content that helped put a PC on every desk.
  • 3:15 - 3:21
    It’s a long path from Grace Hopper’s visionary work on the compiler to the graphical user interface.
  • 3:21 - 3:24
    There are three key highlights I’d like to share with you along the way.
  • 3:24 - 3:30
    The seeds of direct manipulation were sown at MIT at Lincoln Labs by Ivan Sutherland.
  • 3:30 - 3:34
    The key innovation of the graphical user interface is that the user’s input
  • 3:34 - 3:37
    is performed directly on top of the system’s output.
  • 3:37 - 3:43
    This input-on-output directness makes the interface much easier to understand and much more intuitive.
  • 3:43 - 3:49
    This input-on-output directness makes the system much easier to understand and feel more intuitive.
  • 3:49 - 3:55
    In the case of Sutherland’s Sketchpad, the input was a light pen and the output was an oscilloscope.
  • 3:55 - 3:59
    Here’s a short clip of the system in action:
  • 3:59 - 4:02
    (You can see, we have several unusal pieces of input-output equipment here.
  • 4:02 - 4:06
    We have a scope, and these are unusual at the time.
  • 4:06 - 4:10
    And pushbuttons. Toggle switches.
  • 4:10 - 4:12
    We have several other related devices.
  • 4:12 - 4:17
    This made the TX-2 a fine candidate for the Sketchpad devlepments back in 1961.
  • 4:17 - 4:24
    As I draw my art of say… on the scope, it reinforces what I have in mind.
  • 4:24 - 4:27
    This is in general part of the design process.)
  • 4:27 - 4:31
    The next major stop on our journey is the creation of the mouse and hypertext;
  • 4:31 - 4:33
    these are key foundations for the Web.
  • 4:33 - 4:36
    In 1945, Doug Engelbart was a navy radar technician.
  • 4:36 - 4:39
    Engelbart spent his monotonous years in the Philippines.
  • 4:39 - 4:46
    In the library, he found a copy of the magazine Life; It reprinted Bush’s Atlantic Monthly article.
  • 4:46 - 4:51
    As John Markov writes, the idea of a device that could extend the power of the human mind
  • 4:51 - 4:54
    left Engelbart awestruck.
  • 4:54 - 4:59
    He had a vision. It took a long time, but eventually he got some funding and set to work.
  • 4:59 - 5:04
    And what Doug Engelbart came up with, he showed to the world in his famous 1968 demo.
  • 5:04 - 5:11
    (The research program that I’m going to describe to you is quickly characterizable by saying,
  • 5:11 - 5:18
    if, in your office, you, as an intellectual worker, were supplied with a computer display,
  • 5:18 - 5:23
    backed up by a computer that was alive for you all day,
  • 5:23 - 5:26
    and was infinitely responsive to the reaction you have,
  • 5:26 - 5:28
    how much value will you derive from that?
  • 5:28 - 5:31
    And in a second you’ll see the screen and it’s working.
  • 5:31 - 5:36
    And the way the tracking spot moves in conjunction with movements of that mouse.)
  • 5:36 - 5:41
    Engelbart’s mouse worked with two orthogonal wheels.
  • 5:41 - 5:47
    Each was a potentiometer, a variable resistor, like stereos commonly have for a volume knob.
  • 5:47 - 5:51
    So you get about 300° of a turn and that’s it.
  • 5:51 - 5:55
    Its usable parameter provided about 5 inches of motion in each direction.
  • 5:55 - 5:58
    After the 1968 demo, Doug takes a show on the road.
  • 5:58 - 6:03
    He travels the country with a 16-millimetre Bell & Howell projector.
  • 6:03 - 6:07
    Ivan Sutherland had recently joined the faculty at the University of Utah.
  • 6:07 - 6:14
    Doug comes to visit and shows the demo, and in the audience is Ivan’s PhD student Alan Kay.
  • 6:14 - 6:16
    Alan has been dreaming of a personal computer.
  • 6:16 - 6:21
    He sees Engelbart’s video and his eyes bugged out — they have the same dream.
  • 6:21 - 6:24
    After his PhD, Alan moved to the Stanford AI Lab,
  • 6:24 - 6:27
    where John McCarthy’s group has an early time-sharing system,
  • 6:27 - 6:32
    maybe the place in the world where every person had their own terminal.
  • 6:32 - 6:36
    From there, he moves to Xerox PARC, where he fleshes out his vision of a Dynabook.
  • 6:36 - 6:41
    Here is a picture of the prototype that Alan made in the early 1970’s.
  • 6:41 - 6:43
    This isn’t a functioning computer at all;
  • 6:43 - 6:47
    it’s made out of carboard; it’s a prototype designed to communicate a vision.
  • 6:47 - 6:51
    With this vision in hand, Alan Kay and his colleagues at Xerox PARC start building
  • 6:51 - 6:54
    the foundation of the first real graphical user interface.
  • 6:54 - 6:58
    It took them a decade to get it all together, to get it ready to ship.
  • 6:58 - 7:02
    Xerox released the STAR computing system in 1981.
  • 7:02 - 7:07
    The STAR featured a bitmapped display, a window-based graphical user interface, icons, folders,
  • 7:07 - 7:12
    mice, ethernet network, file servers, print servers, and email.
  • 7:12 - 7:15
    This next clip shows the fruit of their labour:
  • 7:15 - 7:20
    (The display screen shows your working environment; we call this the desktop.
  • 7:20 - 7:25
    Using the Move key, you can arrange your desktop in any way you like.
  • 7:25 - 7:30
    Making a copy of one of these blank documents is like turning a sheet off a pad of paper.
  • 7:30 - 7:33
    The [inaudible] of users to make their own form pads
  • 7:33 - 7:37
    is one example of the usatibility [sic] built into the system.
  • 7:37 - 7:40
    The screen closely approximates the appearance of a printed page.
  • 7:40 - 7:47
    And I’m going to copy it into this upper document, and the new paragraph will appear here.
  • 7:47 - 7:52
    This is a little window that lets me set the various parameters of the paragraph.)
  • 7:52 - 7:58
    When the STAR shipped, this was almost four decades after Vannevar Bush’s vision,
  • 7:58 - 8:04
    three decades after Grace Hopper’s compiler, two decades after Doug Engelbart’s first functioning system,
  • 8:04 - 8:10
    and a decade after Alan Kay set off to work building this computer, inspired by the Dynabook ideas.
  • 8:10 - 8:15
    This is an example of what Bill Buxton calls “the ‘Long Nose’ of Innovation”,
  • 8:15 - 8:17
    that the early ideas behind a new technology paradigm
  • 8:17 - 8:23
    are often seeded decades before the major commercial adoption.
  • 8:23 - 8:26
    I’m sharing this history as we begin this course for a couple of reasons:
  • 8:26 - 8:32
    First, seeing seminal work reminds me that good ideas are often klunkier early on.
  • 8:32 - 8:36
    Second, as Johnny Lee and Bill Buxton point out, if you are looking for a good future product,
  • 8:36 - 8:43
    the seeds you need may already be out there in rough form, waiting for you to polish it into a diamond.
  • 8:43 -
    Third, I just think these early systems are totally awesome and it’s really inspiring.
Title:
Lecture 1.4: The Birth of HCI (8:48)
Video Language:
English

English subtitles

Revisions