1
00:00:01,541 --> 00:00:04,626
人機互動(HCI)這個領域是如何開始的？

2
00:00:04,626 --> 00:00:10,460
1945年7月是一個很好的故事，當時Vannevar Bush寫了一篇文章

3
00:00:10,460 --> 00:00:16,506
在大西洋月刊(Atlantic Monthly)裡的一篇文章叫做「隨你所願」(As We may Think)，後來出版成冊

4
00:00:16,506 --> 00:00:22,010
到了今日，科技在很大的程度上強化了人類的實體能力

5
00:00:22,010 --> 00:00:29,194
Bush強調資訊科技拓展人類資訊能力的遠景

6
00:00:29,194 --> 00:00:33,024
這個人是誰？他想要做甚麼？是甚麼東西導致他的迫切遠景？

7
00:00:33,024 --> 00:00:36,993
Bush在30年代曾任麻省理工學院(MIT)的副校長、MIT工程學院院長

8
00:00:36,993 --> 00:00:39,724
順帶一提，他是Fred Terman的顧問

9
00:00:39,724 --> 00:00:42,658
Fred Terman後來成為史丹佛大學工程學院院長

10
00:00:42,658 --> 00:00:45,725
也是眾多人眼中的矽谷之父

11
00:00:45,725 --> 00:00:48,863
Vannevar Bush在1939年搬家遷至華盛頓

12
00:00:48,863 --> 00:00:51,722
他是一位頂尖的科學政策制定者

13
00:00:51,722 --> 00:00:53,824
他主導了許多政府出資案

14
00:00:53,824 --> 00:00:58,747
也確時創造了有助於大學大規模研究的相關規定&規格

15
00:00:58,747 --> 00:01:03,530
這些行政上的努力最終造就了國家科學基金會(類似台灣的國科會)和美國高級研究計畫署(ARPA)

16
00:01:03,530 --> 00:01:07,096
促使政府出資的科學研究機構化

17
00:01:07,096 --> 00:01:10,788
這篇在二次世界大戰最後幾個月寫好的文章目的在詢問：

18
00:01:10,788 --> 00:01:15,916
「受政府出資的科學家們能夠創造哪些有益於和平時期的產物？」

19
00:01:15,916 --> 00:01:19,077
而他的預想強烈地以人為中心

20
00:01:19,077 --> 00:01:23,458
Bush文中提到了未來的互動桌(interactive desk);他稱呼該系統為memex

21
00:01:23,458 --> 00:01:28,512
這個概念為全世界的資訊可呈現於知識工作者的桌面

22
00:01:28,512 --> 00:01:34,941
memex的關鍵在於有效的使用者介面對於資訊儲存與取回的功能

23
00:01:34,941 --> 00:01:39,415
要知道，當時是1945年，並沒有數位電腦

24
00:01:39,415 --> 00:01:42,594
第一台如房間般大小的數位電腦才正在打造中

25
00:01:42,594 --> 00:01:47,892
而這個概念是利用縮影單-高濃度影片-做儲存的動作

26
00:01:47,892 --> 00:01:51,972
更令人驚艷的是，Bush的memex預想促成超文本(hypertext)的發明

27
00:01:51,972 --> 00:01:56,684
他認為人們能透過資訊儲存共同創作

28
00:01:56,684 --> 00:02:00,142
存儲以備後續使用，分享給其他人

29
00:02:00,142 --> 00:02:04,287
但是你不會永在書桌前是吧？你希望科技可隨時在你身邊

30
00:02:04,287 --> 00:02:07,989
而知識工作者同時生產、使用資訊這方面的內容

31
00:02:07,989 --> 00:02:11,418
此外，這個世界並非只有文字化(的資訊)；還有視覺類的資訊

32
00:02:11,418 --> 00:02:14,410
所以Bush想像再將來，你會戴著一付照像機

33
00:02:14,410 --> 00:02:19,253
就在你的額頭正中央，像是第三個眼睛，藉以捕捉影像

34
00:02:19,253 --> 00:02:23,049
而他也設計出可讓該照像機容易拍照的方式

35
00:02:23,049 --> 00:02:26,092
不需要任何撥號或設定去達成(拍照的目的)

36
00:02:26,092 --> 00:02:32,413
和memex桌相比，兩者在細節上頗有差異；但核心的預想皆正中目標(target)

37
00:02:32,413 --> 00:02:36,540
今日，舉例來說，人們帶著數以百萬計的照像機在身邊

38
00:02:36,540 --> 00:02:41,924
可程序化的數位電腦隨之而來，就像電子數值積分計算機(ENIASC)

39
00:02:41,924 --> 00:02:44,345
是一個重大的科技領先突破

40
00:02:44,345 --> 00:02:48,585
但是，當你看到圖片中的線路，可以發現使用者介面仍有很大的想像空間

41
00:02:48,585 --> 00:02:53,577
一個有效的電腦使用介面的想法有著長久且著名的歷史

42
00:02:53,577 --> 00:02:58,622
故事緣於早期50年代Grace Hopper所發明的第一台編譯器

43
00:02:58,622 --> 00:03:01,723
這件事讓我感到鼓舞的是她概念化了

44
00:03:01,723 --> 00:03:06,715
一個進步的工具如何讓更多人得以接觸運算

45
00:03:06,715 --> 00:03:10,265
這幾年來，好的編碼環境對桌面(desktop)與網路(Web)來說

46
00:03:10,265 --> 00:03:14,988
促使眾多開發者創造了有益於被放置在個人電腦桌面裡的內容

47
00:03:14,988 --> 00:03:20,533
這是一條很長得途徑，從Grace Hopper的編譯器到使用者圖形介面

48
00:03:20,533 --> 00:03:23,993
我想在這邊跟各位分享上述所說的三個關鍵事件

49
00:03:23,993 --> 00:03:29,944
直接操作的初始概念被Ivan Sutherland帶入麻省理工學院林肯實驗室

50
00:03:29,944 --> 00:03:33,583
這種使用者圖形介面的重要創新在於使用者將其輸入

51
00:03:33,583 --> 00:03:36,643
直接導入於系統的輸出

52
00:03:36,643 --> 00:03:43,328
這種輸入到輸出的直接性使該介面更易於了解，更具直覺性

53
00:03:43,328 --> 00:03:49,382
這種輸入到輸出的直接性使該系統更易於了解，也更加直觀

54
00:03:49,382 --> 00:03:55,423
在Sutherland的畫板案例中，輸入是一隻光筆，而輸出是示波器

55
00:03:55,423 --> 00:03:58,850
現在要播放的是一個該系統使用中的短片

56
00:03:58,850 --> 00:04:01,979
你們可以看到，我們這裡有數種不尋常的輸入-輸出設備

57
00:04:01,979 --> 00:04:06,423
We have a scope, and these are unusual at the time

58
00:04:06,423 --> 00:04:10,211
再按下按鈕，旋轉切換器

59
00:04:10,211 --> 00:04:12,124
我們有些許相關設備

60
00:04:12,124 --> 00:04:17,395
在1961年，這讓TX-2成為畫板發展的重要指標

61
00:04:17,395 --> 00:04:23,516
我將所說畫出成型，圖像強化了我內心所想

62
00:04:23,516 --> 00:04:26,518
這就是一般的設計過程

63
00:04:26,518 --> 00:04:30,519
下一個重要階段則是滑鼠與超文本的創造

64
00:04:30,519 --> 00:04:32,789
這些是網路世界的基本

65
00:04:32,789 --> 00:04:36,484
1945年，Doug Engelbart是海軍雷達技師

66
00:04:36,484 --> 00:04:39,257
Engelbart在菲律賓度過單調無聊的歲月

67
00:04:39,257 --> 00:04:45,716
在圖書館裡，他發現一本雜誌；裡面有著當時Bush在大西洋月刊的文章

68
00:04:45,716 --> 00:04:51,287
Johb Markov當時寫道，這個裝置的想法將能延伸人類心志的力量

69
00:04:51,287 --> 00:04:54,256
這讓Engelbart感到震驚

70
00:04:54,256 --> 00:04:58,882
他有了個願景。這花了他很長的時間，但最終他籌備資金執行他的願景

71
00:04:58,882 --> 00:05:04,250
Engelbart想到的是，他在1968年向全世界展示了這段著名的短片

72
00:05:04,250 --> 00:05:11,052
我將向大家說明這個研究程式可快速特徵化

73
00:05:11,052 --> 00:05:18,017
如果你，在辦公室裡，做為一個知識工作者，擁有電腦螢幕

74
00:05:18,017 --> 00:05:22,509
整天擁有電腦

75
00:05:22,509 --> 00:05:25,557
且無限制地持續回應著你的要求

76
00:05:25,557 --> 00:05:27,720
你能從中獲取多少價值？

77
00:05:27,720 --> 00:05:30,827
而在幾秒內你將從螢幕中看見這些運作

78
00:05:30,827 --> 00:05:36,286
這種方法將畫面中黑點的移動和滑鼠的移動結合在一起

79
00:05:36,286 --> 00:05:40,617
Engebart發明的滑鼠透過兩個呈直角的滾輪運作

80
00:05:40,617 --> 00:05:47,375
每個滾輪都有著電位計，做為可調整的電阻，如同喇叭上普遍有著音量調節鈕

81
00:05:47,375 --> 00:05:50,559
當你(用滑鼠)做300度旋轉時，畫面中即出現(300度旋轉的效果)

82
00:05:50,559 --> 00:05:55,119
Its usable parameter provided about 5 inches of motion in each direction.

83
00:05:55,119 --> 00:05:58,381
在這個1968年的demo後，Doug開始了一連串的展示

84
00:05:58,381 --> 00:06:02,585
他帶著16釐米的Bell&Howell投影機環遊全國

85
00:06:02,585 --> 00:06:06,711
Ivan Sutherland當時加入了猶他大學的教學行列

86
00:06:06,711 --> 00:06:14,149
Doug前往參觀並將他的發明予以展示，Ivan有個博士班學生，Alan Kay也在觀眾群裡

87
00:06:14,149 --> 00:06:16,174
Alan一直夢想著個人電腦(的時代)

88
00:06:16,174 --> 00:06:21,056
他看到Engelbart的影帶時，眼睛彷若脫窗而出-他們有著相同的夢想

89
00:06:21,056 --> 00:06:24,102
完成他的博士學位後，Alan到了史丹佛的人工智慧實驗室

90
00:06:24,102 --> 00:06:27,342
where John McCarthy’s group has an early time-sharing system,

91
00:06:27,342 --> 00:06:31,613
也許在那個地方，每個人都有一台電腦(終端機)

92
00:06:31,613 --> 00:06:35,988
他到全錄PARC，也是他產生Dynabook構思的地方

93
00:06:35,988 --> 00:06:40,779
這是Alan在1970年代早期的原型照片

94
00:06:40,779 --> 00:06:42,769
圖中的電腦並非一台可實際運作的電腦主體

95
00:06:42,769 --> 00:06:46,797
這台原型機由硬紙板所組成；一個被設計出來傳達該構想的原型機

96
00:06:46,797 --> 00:06:50,884
有了這個概念想法，Alan Kay和他在全錄PARC的同事開始建構

97
00:06:50,884 --> 00:06:54,408
第一個實際的使用者圖形介面的基礎

98
00:06:54,408 --> 00:06:57,970
這花了他們十年左右的時間才成型

99
00:06:57,970 --> 00:07:01,522
全錄在1981年發表了STAR運算系統

100
00:07:01,522 --> 00:07:07,009
這個系統標榜著二元地圖圖示，一個以windos為基礎的使用者圖形介面、圖像、資料夾

101
00:07:07,009 --> 00:07:12,357
滑鼠、乙太網路、檔案伺服器、列印伺服器、和電子郵件

102
00:07:12,357 --> 00:07:14,823
下一張投影片是他們努力的成果

103
00:07:14,823 --> 00:07:20,182
這個畫面述說著工作環境，我們稱呼為"桌面(desktop)"

104
00:07:20,182 --> 00:07:24,963
透過移動鍵，你可以將桌面上的圖像自由調整

105
00:07:24,963 --> 00:07:29,958
複製空白文件就像是turning a sheet off a pad of paper.

106
00:07:29,958 --> 00:07:33,257
The [inaudible] of users to make their own form pads

107
00:07:33,257 --> 00:07:36,667
是一個將可用性導入系統的案例

108
00:07:36,667 --> 00:07:39,850
而畫面展示的大小也和列印文件大小相似

109
00:07:39,850 --> 00:07:46,546
當我複製該文件上半部，新的圖表就呈現在這裡

110
00:07:46,546 --> 00:07:52,318
這個小視窗可以讓我設定圖表的眾多參數值

111
00:07:52,318 --> 00:07:57,743
當STAR被發表時，距離V.Bush提出的願景已經有了40年左右

112
00:07:57,743 --> 00:08:03,513
距離G.Hopper發明的編譯器則是30年左右，距離D.Engelbart第一個運作系統則是20年左右

113
00:08:03,513 --> 00:08:09,806
距離A.Kay建構電腦的程序則是10年的時光

114
00:08:09,806 --> 00:08:14,624
這就是Bill Buxton所稱呼的"創新的長尾"

115
00:08:14,624 --> 00:08:17,071
早期在新技術典範背後的想法

116
00:08:17,071 --> 00:08:22,879
通常在商業化採用前早已播下了(成功的)種子

117
00:08:22,879 --> 00:08:26,288
我在此說明這段歷史有以下幾個原因

118
00:08:26,288 --> 00:08:31,542
第一，閱讀期刊讓我想起好的概念想法通常前人已經有所發現

119
00:08:31,542 --> 00:08:36,019
第二，如Johnny Lee和Bill Buxton所言，假如你在尋找一個好的未來商品

120
00:08:36,019 --> 00:08:42,523
這些前人已發現的概念想法正等著你來讓他們發光發亮

121
00:08:42,523 --> 99:59:59,999
最後，我認為這些早期的系統真的很讚，也非常具有啟發性