WEBVTT

00:00:01.541 --> 00:00:04.626
人機互動(HCI)這個領域是如何開始的？

00:00:04.626 --> 00:00:10.460
1945年7月是一個很好的故事，當時Vannevar Bush寫了一篇文章

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

00:00:16.506 --> 00:00:22.010
到了今日，科技在很大的程度上強化了人類的實體能力

00:00:22.010 --> 00:00:29.194
Bush強調資訊科技拓展人類資訊能力的遠景

00:00:29.194 --> 00:00:33.024
這個人是誰？他想要做甚麼？是甚麼東西導致他的迫切遠景？

00:00:33.024 --> 00:00:36.993
Bush在30年代曾任麻省理工學院(MIT)的副校長、MIT工程學院院長

00:00:36.993 --> 00:00:39.724
順帶一提，他是Fred Terman的顧問

00:00:39.724 --> 00:00:42.658
Fred Terman後來成為史丹佛大學工程學院院長

00:00:42.658 --> 00:00:45.725
也是眾多人眼中的矽谷之父

00:00:45.725 --> 00:00:48.863
Vannevar Bush在1939年搬家遷至華盛頓

00:00:48.863 --> 00:00:51.722
他是一位頂尖的科學政策制定者

00:00:51.722 --> 00:00:53.824
他主導了許多政府出資案

00:00:53.824 --> 00:00:58.747
也確時創造了有助於大學大規模研究的相關規定&規格

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

00:01:03.530 --> 00:01:07.096
促使政府出資的科學研究機構化

00:01:07.096 --> 00:01:10.788
這篇在二次世界大戰最後幾個月寫好的文章目的在詢問：

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

00:01:15.916 --> 00:01:19.077
而他的預想強烈地以人為中心

00:01:19.077 --> 00:01:23.458
Bush文中提到了未來的互動桌(interactive desk);他稱呼該系統為memex

00:01:23.458 --> 00:01:28.512
這個概念為全世界的資訊可呈現於知識工作者的桌面

00:01:28.512 --> 00:01:34.941
memex的關鍵在於有效的使用者介面對於資訊儲存與取回的功能

00:01:34.941 --> 00:01:39.415
要知道，當時是1945年，並沒有數位電腦

00:01:39.415 --> 00:01:42.594
第一台如房間般大小的數位電腦才正在打造中

00:01:42.594 --> 00:01:47.892
而這個概念是利用縮影單-高濃度影片-做儲存的動作

00:01:47.892 --> 00:01:51.972
更令人驚艷的是，Bush的memex預想促成超文本(hypertext)的發明

00:01:51.972 --> 00:01:56.684
他認為人們能透過資訊儲存共同創作

00:01:56.684 --> 00:02:00.142
存儲以備後續使用，分享給其他人

00:02:00.142 --> 00:02:04.287
但是你不會永在書桌前是吧？你希望科技可隨時在你身邊

00:02:04.287 --> 00:02:07.989
而知識工作者同時生產、使用資訊這方面的內容

00:02:07.989 --> 00:02:11.418
此外，這個世界並非只有文字化(的資訊)；還有視覺類的資訊

00:02:11.418 --> 00:02:14.410
所以Bush想像再將來，你會戴著一付照像機

00:02:14.410 --> 00:02:19.253
就在你的額頭正中央，像是第三個眼睛，藉以捕捉影像

00:02:19.253 --> 00:02:23.049
而他也設計出可讓該照像機容易拍照的方式

00:02:23.049 --> 00:02:26.092
不需要任何撥號或設定去達成(拍照的目的)

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

00:02:32.413 --> 00:02:36.540
今日，舉例來說，人們帶著數以百萬計的照像機在身邊

00:02:36.540 --> 00:02:41.924
可程序化的數位電腦隨之而來，就像電子數值積分計算機(ENIASC)

00:02:41.924 --> 00:02:44.345
是一個重大的科技領先突破

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

00:02:48.585 --> 00:02:53.577
一個有效的電腦使用介面的想法有著長久且著名的歷史

00:02:53.577 --> 00:02:58.622
故事緣於早期50年代Grace Hopper所發明的第一台編譯器

00:02:58.622 --> 00:03:01.723
這件事讓我感到鼓舞的是她概念化了

00:03:01.723 --> 00:03:06.715
一個進步的工具如何讓更多人得以接觸運算

00:03:06.715 --> 00:03:10.265
這幾年來，好的編碼環境對桌面(desktop)與網路(Web)來說

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

00:03:14.988 --> 00:03:20.533
這是一條很長得途徑，從Grace Hopper的編譯器到使用者圖形介面

00:03:20.533 --> 00:03:23.993
我想在這邊跟各位分享上述所說的三個關鍵事件

00:03:23.993 --> 00:03:29.944
直接操作的初始概念被Ivan Sutherland帶入麻省理工學院林肯實驗室

00:03:29.944 --> 00:03:33.583
這種使用者圖形介面的重要創新在於使用者將其輸入

00:03:33.583 --> 00:03:36.643
直接導入於系統的輸出

00:03:36.643 --> 00:03:43.328
這種輸入到輸出的直接性使該介面更易於了解，更具直覺性

00:03:43.328 --> 00:03:49.382
這種輸入到輸出的直接性使該系統更易於了解，也更加直觀

00:03:49.382 --> 00:03:55.423
在Sutherland的畫板案例中，輸入是一隻光筆，而輸出是示波器

00:03:55.423 --> 00:03:58.850
現在要播放的是一個該系統使用中的短片

00:03:58.850 --> 00:04:01.979
你們可以看到，我們這裡有數種不尋常的輸入-輸出設備

00:04:01.979 --> 00:04:06.423
We have a scope, and these are unusual at the time

00:04:06.423 --> 00:04:10.211
再按下按鈕，旋轉切換器

00:04:10.211 --> 00:04:12.124
我們有些許相關設備

00:04:12.124 --> 00:04:17.395
在1961年，這讓TX-2成為畫板發展的重要指標

00:04:17.395 --> 00:04:23.516
我將所說畫出成型，圖像強化了我內心所想

00:04:23.516 --> 00:04:26.518
這就是一般的設計過程

00:04:26.518 --> 00:04:30.519
下一個重要階段則是滑鼠與超文本的創造

00:04:30.519 --> 00:04:32.789
這些是網路世界的基本

00:04:32.789 --> 00:04:36.484
1945年，Doug Engelbart是海軍雷達技師

00:04:36.484 --> 00:04:39.257
Engelbart在菲律賓度過單調無聊的歲月

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

00:04:45.716 --> 00:04:51.287
Johb Markov當時寫道，這個裝置的想法將能延伸人類心志的力量

00:04:51.287 --> 00:04:54.256
這讓Engelbart感到震驚

00:04:54.256 --> 00:04:58.882
他有了個願景。這花了他很長的時間，但最終他籌備資金執行他的願景

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

00:05:04.250 --> 00:05:11.052
我將向大家說明這個研究程式可快速特徵化

00:05:11.052 --> 00:05:18.017
如果你，在辦公室裡，做為一個知識工作者，擁有電腦螢幕

00:05:18.017 --> 00:05:22.509
整天擁有電腦

00:05:22.509 --> 00:05:25.557
且無限制地持續回應著你的要求

00:05:25.557 --> 00:05:27.720
你能從中獲取多少價值？

00:05:27.720 --> 00:05:30.827
而在幾秒內你將從螢幕中看見這些運作

00:05:30.827 --> 00:05:36.286
這種方法將畫面中黑點的移動和滑鼠的移動結合在一起

00:05:36.286 --> 00:05:40.617
Engebart發明的滑鼠透過兩個呈直角的滾輪運作

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

00:05:47.375 --> 00:05:50.559
當你(用滑鼠)做300度旋轉時，畫面中即出現(300度旋轉的效果)

00:05:50.559 --> 00:05:55.119
Its usable parameter provided about 5 inches of motion in each direction.

00:05:55.119 --> 00:05:58.381
在這個1968年的demo後，Doug開始了一連串的展示

00:05:58.381 --> 00:06:02.585
他帶著16釐米的Bell&Howell投影機環遊全國

00:06:02.585 --> 00:06:06.711
Ivan Sutherland當時加入了猶他大學的教學行列

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

00:06:14.149 --> 00:06:16.174
Alan一直夢想著個人電腦(的時代)

00:06:16.174 --> 00:06:21.056
他看到Engelbart的影帶時，眼睛彷若脫窗而出-他們有著相同的夢想

00:06:21.056 --> 00:06:24.102
完成他的博士學位後，Alan到了史丹佛的人工智慧實驗室

00:06:24.102 --> 00:06:27.342
where John McCarthy’s group has an early time-sharing system,

00:06:27.342 --> 00:06:31.613
也許在那個地方，每個人都有一台電腦(終端機)

00:06:31.613 --> 00:06:35.988
他到全錄PARC，也是他產生Dynabook構思的地方

00:06:35.988 --> 00:06:40.779
這是Alan在1970年代早期的原型照片

00:06:40.779 --> 00:06:42.769
圖中的電腦並非一台可實際運作的電腦主體

00:06:42.769 --> 00:06:46.797
這台原型機由硬紙板所組成；一個被設計出來傳達該構想的原型機

00:06:46.797 --> 00:06:50.884
有了這個概念想法，Alan Kay和他在全錄PARC的同事開始建構

00:06:50.884 --> 00:06:54.408
第一個實際的使用者圖形介面的基礎

00:06:54.408 --> 00:06:57.970
這花了他們十年左右的時間才成型

00:06:57.970 --> 00:07:01.522
全錄在1981年發表了STAR運算系統

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

00:07:07.009 --> 00:07:12.357
滑鼠、乙太網路、檔案伺服器、列印伺服器、和電子郵件

00:07:12.357 --> 00:07:14.823
下一張投影片是他們努力的成果

00:07:14.823 --> 00:07:20.182
這個畫面述說著工作環境，我們稱呼為"桌面(desktop)"

00:07:20.182 --> 00:07:24.963
透過移動鍵，你可以將桌面上的圖像自由調整

00:07:24.963 --> 00:07:29.958
複製空白文件就像是turning a sheet off a pad of paper.

00:07:29.958 --> 00:07:33.257
The [inaudible] of users to make their own form pads

00:07:33.257 --> 00:07:36.667
是一個將可用性導入系統的案例

00:07:36.667 --> 00:07:39.850
而畫面展示的大小也和列印文件大小相似

00:07:39.850 --> 00:07:46.546
當我複製該文件上半部，新的圖表就呈現在這裡

00:07:46.546 --> 00:07:52.318
這個小視窗可以讓我設定圖表的眾多參數值

00:07:52.318 --> 00:07:57.743
當STAR被發表時，距離V.Bush提出的願景已經有了40年左右

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

00:08:03.513 --> 00:08:09.806
距離A.Kay建構電腦的程序則是10年的時光

00:08:09.806 --> 00:08:14.624
這就是Bill Buxton所稱呼的"創新的長尾"

00:08:14.624 --> 00:08:17.071
早期在新技術典範背後的想法

00:08:17.071 --> 00:08:22.879
通常在商業化採用前早已播下了(成功的)種子

00:08:22.879 --> 00:08:26.288
我在此說明這段歷史有以下幾個原因

00:08:26.288 --> 00:08:31.542
第一，閱讀期刊讓我想起好的概念想法通常前人已經有所發現

00:08:31.542 --> 00:08:36.019
第二，如Johnny Lee和Bill Buxton所言，假如你在尋找一個好的未來商品

00:08:36.019 --> 00:08:42.523
這些前人已發現的概念想法正等著你來讓他們發光發亮

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