Small Thing Big Idea
Margaret Gould Stewart: How the hyperlink changed everything
マーガレット・グールド・スチュワート: ハイパーリンクはいかにすべてを変えたのか
Filmed:
Readability: 4.4
398,379 views
ハイパーリンクはインターネットの基本となる部品です。それがいかに生まれたのかという奇妙な歴史を、ユーザー体験の専門家マーガレット・グールド・スチュワートが語ります。
Margaret Gould Stewart - User experience master
At Facebook (and previously at YouTube), Margaret Gould Stewart designs experiences that touch the lives of a large percentage of the world's population. Full bio
At Facebook (and previously at YouTube), Margaret Gould Stewart designs experiences that touch the lives of a large percentage of the world's population. Full bio
Double-click the English transcript below to play the video.
「これはコミュニケーションのあり方を
すっかり変えることになる」
すっかり変えることになる」
00:12
I remember thinking to myself,
0
135
1913
00:14
"This is going to change everything
about how we communicate."
about how we communicate."
1
2072
3317
そう思ったのを
よく覚えています
よく覚えています
00:17
[Small thing.]
2
5413
1151
小さなことの
00:18
[Big idea.]
3
6588
1150
大きなアイデア
00:21
[Margaret Gould Stewart on the Hyperlink]
4
9016
2563
マーガレット・グールド・スチュワートが
ハイパーリンクを語る
ハイパーリンクを語る
00:23
A hyperlink is an interface element,
5
11603
2508
ハイパーリンクというのは
インターフェースの要素です
00:26
and what I mean by that is,
6
14135
1396
スマホやパソコンの
ソフトウェアには
ソフトウェアには
00:27
when you're using software
on your phone or your computer,
on your phone or your computer,
7
15555
3516
そのインターフェースの背後に
00:31
there's a lot of code behind the interface
8
19095
2174
00:33
that's giving all the instructions
for the computer on how to manage it,
for the computer on how to manage it,
9
21293
3381
コンピューターの管理のための
命令群がありますが
命令群がありますが
00:36
but that interface is the thing
that humans interact with:
that humans interact with:
10
24698
3031
インターフェース自体は
人間に対するもので
人間に対するもので
00:39
when we press on this,
then something happens.
then something happens.
11
27753
2848
クリックすると
何かが起きます
何かが起きます
00:42
When they first came around,
they were pretty simple
they were pretty simple
12
30625
2783
最初の頃は
すごくシンプルで
すごくシンプルで
凝ったものでは
ありませんでしたが
ありませんでしたが
00:45
and not particularly glamorous.
13
33432
2072
00:47
Designers today have
a huge range of options.
a huge range of options.
14
35528
3570
現在のデザイナーには
選択肢が山ほどあります
選択肢が山ほどあります
00:51
The hyperlink uses what's called
a markup language -- HTML.
a markup language -- HTML.
15
39956
4274
ハイパーリンクでは HTMLという
マークアップ言語を使います
マークアップ言語を使います
ハイパーリンクの
コードは短く
コードは短く
00:56
There's a little string of code.
16
44254
1882
00:58
And then you put the address
of where you want to send the person.
of where you want to send the person.
17
46160
4023
飛び先のアドレスを
入れるようになっています
入れるようになっています
01:02
It's actually remarkably easy
to learn how to do.
to learn how to do.
18
50207
2642
使い方を学ぶのは
ごく簡単です
ごく簡単です
01:04
And so, the whole range of references
to information elsewhere on the internet
to information elsewhere on the internet
19
52873
5387
インターネット上の
他所にある情報への様々な参照に
他所にある情報への様々な参照に
ハイパーリンクが
使われています
使われています
01:10
is the domain of the hyperlink.
20
58284
1962
01:12
Back when I was in school --
21
60903
1507
私が学生だった頃は—
01:14
this is before people had
wide access to the internet --
wide access to the internet --
22
62434
3460
みんながインターネットを
自由に使えるようになる前の話ですが
自由に使えるようになる前の話ですが
01:17
if I was going to do a research paper,
23
65918
1817
レポートを書こうと思ったら
01:19
I would have to physically walk
to the library,
to the library,
24
67759
2745
図書館まで
出向く必要があり
出向く必要があり
お目当ての本が
あればいいですが
あればいいですが
01:22
and if they had the book
that you needed, great.
that you needed, great.
25
70528
2293
取り寄せなければ
ならない場合もあって
ならない場合もあって
01:24
You sometimes had to send out for it,
26
72845
1833
01:26
so the process could take weeks.
27
74702
1865
それには何週間も
かかりかねませんでした
かかりかねませんでした
01:28
And it's kind of crazy
to think about that now,
to think about that now,
28
76591
2905
今から考えると
馬鹿げていますが
馬鹿げていますが
01:31
because, like all great innovations,
29
79520
3235
大きな技術革新の常で
何かが使えるようになると
01:34
it's not long after
we get access to something
we get access to something
30
82779
2190
私たちはすぐに それを当たり前のものと
見なすようになるんです
見なすようになるんです
01:36
that we start to take it for granted.
31
84993
2270
1945年に
01:39
Back in 1945,
32
87287
1420
この人物 ヴァニーヴァー・ブッシュが
登場します
登場します
01:40
there was this guy, Vannevar Bush.
33
88731
2579
米国政府で働いていた彼は
01:43
He was working for the US government,
34
91334
1993
01:45
and one of the ideas
that he put forth was,
that he put forth was,
35
93351
2173
こう思っていました
「人類は膨大な情報を
生み出し続けていて
生み出し続けていて
01:47
"Wow, humans are creating
so much information,
so much information,
36
95548
2647
読んだ本や
重要なアイデアの関連などを
重要なアイデアの関連などを
01:50
and we can't keep track
of all the books that we've read
of all the books that we've read
37
98219
3239
みんな把握しきれなく
なっている」
なっている」
01:53
or the connections
between important ideas."
between important ideas."
38
101482
2690
彼が構想した memex は
01:56
And he had this idea called the "memex,"
39
104196
1957
これまでに見た本や記事を
すべてまとめておける
すべてまとめておける
01:58
where you could put together
a personal library
a personal library
40
106177
2342
02:00
of all of the books and articles
that you have access to.
that you have access to.
41
108543
4063
個人用のライブラリでした
この「情報をつなげる」というアイデアが
人々の想像力を捉えたのです
人々の想像力を捉えたのです
02:04
And that idea of connecting sources
captured people's imaginations.
captured people's imaginations.
42
112630
4729
その後1960年代に
02:09
Later, in the 1960s,
43
117383
1729
02:11
Ted Nelson launches Project Xanadu,
44
119136
3151
ザナドゥ計画を立ち上げた
テッド・ネルソンは
テッド・ネルソンは
02:14
and he said,
45
122311
1310
こう考えていました
「自分の持っている
ものだけでなく
ものだけでなく
02:15
"Well, what if it wasn't just limited
to the things that I have?
to the things that I have?
46
123645
3029
もっと大きな知識体系中のアイデアを
繋ぎ合わせることはできないだろうか？」
繋ぎ合わせることはできないだろうか？」
02:18
What if I could connect ideas
across a larger body of work?"
across a larger body of work?"
47
126698
3434
02:23
In 1982, researchers
at the University of Maryland
at the University of Maryland
48
131020
2738
1982年に メリーランド大学で
研究者のグループが
研究者のグループが
HyperTIESという
システムを開発しましたが
システムを開発しましたが
02:25
developed a system they called HyperTIES.
49
133782
2349
これはテキスト本文をリンクの
記述に使う 初のシステムでした
記述に使う 初のシステムでした
02:28
They were the first
to use text itself as a link marker.
to use text itself as a link marker.
50
136155
3445
02:31
They figured out that this blue link
on a gray background
on a gray background
51
139624
3203
彼らはまた グレー地に
青色のリンクは
青色のリンクは
コントラストが
はっきりして
はっきりして
02:34
was going to work really well
in terms of contrast,
in terms of contrast,
52
142851
2429
見付けやすいことに
気付きました
気付きました
02:37
and people would be able to see it.
53
145304
1786
02:39
Apple invented HyperCard in 1987.
54
147114
2937
1987年にAppleが
HyperCardを作りました
HyperCardを作りました
02:42
You had these stacks of cards,
55
150716
1935
カードの束があって
カード同士を
リンクできました
リンクできました
02:44
and you could create links
in between the cards.
in between the cards.
56
152675
2286
HyperCardでは
ストーリーの中を飛び回れたのです
ストーリーの中を飛び回れたのです
02:46
HyperCard actually created the ability
to jump around in a story.
to jump around in a story.
57
154985
5459
このような一本道ではない
ストーリーという概念は
ストーリーという概念は
02:52
These kinds of notions
of nonlinear storytelling
of nonlinear storytelling
58
160468
2888
ハイパーリンクの登場で
大きな勢いを得ました
大きな勢いを得ました
02:55
got a huge boost
when the hyperlink came along,
when the hyperlink came along,
59
163380
2534
02:57
because it gave people the opportunity
to influence the narrative.
to influence the narrative.
60
165938
4135
それが 物語に影響を与える力を
人々に与えたからです
人々に与えたからです
03:02
These ideas and inventions, among others,
61
170097
2380
このようなアイデアや発明が
03:04
inspired Tim Berners-Lee,
the inventor of the World Wide Web.
the inventor of the World Wide Web.
62
172501
3449
ワールド・ワイド・ウェブを発明した
ティム・バーナーズ＝リーのヒントになりました
ティム・バーナーズ＝リーのヒントになりました
03:09
The hyperlink almost feels
like a LEGO block,
like a LEGO block,
63
177246
2270
ハイパーリンクは
レゴブロックのようで
レゴブロックのようで
世界中に張り巡らされた
複雑な関連の網の目のための
複雑な関連の網の目のための
03:11
this very basic building block
to a very complex web of connections
to a very complex web of connections
64
179540
4658
基本ブロックになっています
03:16
that exists all around the world.
65
184222
1584
03:17
Because of the way
that hyperlinks were first constructed,
that hyperlinks were first constructed,
66
185830
2725
ハイパーリンクは
その元々の作りからして
その元々の作りからして
多くの人が使うというだけでなく
03:20
they were intended
to be not only used by many people,
to be not only used by many people,
67
188579
3880
多くの人が作るものとして
意図されていました
意図されていました
03:24
but created by many people.
68
192483
2040
私に言わせるなら ハイパーリンクというのは
かつて作られた最も民主的なデザインなんです
かつて作られた最も民主的なデザインなんです
03:26
To me, it's one of the most democratic
designs ever created.
designs ever created.
69
194547
4164
ABOUT THE SPEAKER
Margaret Gould Stewart - User experience masterAt Facebook (and previously at YouTube), Margaret Gould Stewart designs experiences that touch the lives of a large percentage of the world's population.
Why you should listen
Margaret Gould Stewart has spent her career asking, “How do we design user experiences that change the world in fundamental ways?” It's a powerful question that has led her to manage user experiences for six of the ten most visited websites in the world, including Facebook, where she serves as Director of Product Design.
Before joining Facebook, Margaret managed the User Experience Team for YouTube, where she oversaw the largest redesign in the company's history, including the YouTube player page. She came to YouTube after two years leading Search and Consumer Products UX at Google. She approaches her work with a combined appreciation for timeless great design and transient digital technologies, and always with the end goal of improving people's lives. As she says: "Design is creativity in service of others."
Margaret Gould Stewart | Speaker | TED.com