Small Thing Big Idea
Margaret Gould Stewart: How the hyperlink changed everything
Margaret Gould Stewart: Como o hyperlink mudou tudo
Filmed:
Readability: 4.4
398,379 views
O hyperlink é a peça de LEGO da internet. Aqui, temos a inusitada história de como ele surgiu, contada por Margaret Gould Stewart, mestre em experiência de usuários.
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
Eu me lembro de ter pensado:
00:14
"This is going to change everything
about how we communicate."
about how we communicate."
1
2072
3317
"Isto vai mudar completamente
a forma como nos comunicamos".
a forma como nos comunicamos".
00:17
[Small thing.]
2
5413
1151
[Coisa pequena.]
00:18
[Big idea.]
3
6588
1150
[Grande ideia.]
00:21
[Margaret Gould Stewart on the Hyperlink]
4
9016
2563
[Margaret Gould Stewart sobre o hyperlink]
00:23
A hyperlink is an interface element,
5
11603
2508
Um hyperlink é um elemento de interface,
00:26
and what I mean by that is,
6
14135
1396
e o que quero dizer é que,
00:27
when you're using software
on your phone or your computer,
on your phone or your computer,
7
15555
3516
quando você usa um software
no seu celular ou computador,
no seu celular ou computador,
00:31
there's a lot of code behind the interface
8
19095
2174
existe muito código por trás da interface
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
dando as instruções para o computador
sobre como gerenciá-lo,
sobre como gerenciá-lo,
00:36
but that interface is the thing
that humans interact with:
that humans interact with:
10
24698
3031
mas é com a interface
que os humanos interagem:
que os humanos interagem:
00:39
when we press on this,
then something happens.
then something happens.
11
27753
2848
quando apertamos aqui, algo acontece.
00:42
When they first came around,
they were pretty simple
they were pretty simple
12
30625
2783
Quando elas surgiram, eram bem simples
00:45
and not particularly glamorous.
13
33432
2072
e não tinham muito glamour.
00:47
Designers today have
a huge range of options.
a huge range of options.
14
35528
3570
Os designers de hoje têm
uma grande variedade de opções.
uma grande variedade de opções.
00:51
The hyperlink uses what's called
a markup language -- HTML.
a markup language -- HTML.
15
39956
4274
O hyperlink usa o que chamamos
de linguagem de marcação, HTML.
de linguagem de marcação, HTML.
00:56
There's a little string of code.
16
44254
1882
Há uma pequena linha codificada.
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
E você coloca o endereço
para onde quer mandar a pessoa.
para onde quer mandar a pessoa.
01:02
It's actually remarkably easy
to learn how to do.
to learn how to do.
18
50207
2642
De fato, não é difícil
aprender a fazer isso.
aprender a fazer isso.
01:04
And so, the whole range of references
to information elsewhere on the internet
to information elsewhere on the internet
19
52873
5387
E, assim, a gama de referências
às informações por toda a internet
às informações por toda a internet
01:10
is the domain of the hyperlink.
20
58284
1962
é o domínio do hyperlink.
01:12
Back when I was in school --
21
60903
1507
Na minha época de escola,
01:14
this is before people had
wide access to the internet --
wide access to the internet --
22
62434
3460
antes de as pessoas terem
amplo acesso à internet,
amplo acesso à internet,
01:17
if I was going to do a research paper,
23
65918
1817
se eu tivesse que fazer uma pesquisa,
01:19
I would have to physically walk
to the library,
to the library,
24
67759
2745
eu tinha que caminhar até a biblioteca
01:22
and if they had the book
that you needed, great.
that you needed, great.
25
70528
2293
e, se eles tivessem o livro
que eu queria, ótimo.
que eu queria, ótimo.
01:24
You sometimes had to send out for it,
26
72845
1833
Às vezes, você tinha que encomendá-lo
01:26
so the process could take weeks.
27
74702
1865
e aí isso poderia levar semanas.
01:28
And it's kind of crazy
to think about that now,
to think about that now,
28
76591
2905
É uma loucura pensar sobre isso hoje,
01:31
because, like all great innovations,
29
79520
3235
porque, como qualquer grande inovação,
01:34
it's not long after
we get access to something
we get access to something
30
82779
2190
não muito tempo após termos acesso a algo,
01:36
that we start to take it for granted.
31
84993
2270
já começamos a não lhe dar valor.
01:39
Back in 1945,
32
87287
1420
Lá em 1945,
01:40
there was this guy, Vannevar Bush.
33
88731
2579
tinha um cara chamado Vannevar Bush.
Ele trabalhava
pro governo norte-americano,
pro governo norte-americano,
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
e uma das ideias que ele apresentou foi:
01:47
"Wow, humans are creating
so much information,
so much information,
36
95548
2647
"Nossa, os seres humanos
estão criando tanta informação,
estão criando tanta informação,
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
e não conseguimos lembrar
de todos os livros que lemos
de todos os livros que lemos
01:53
or the connections
between important ideas."
between important ideas."
38
101482
2690
ou de todas as conexões
entre ideias importantes".
entre ideias importantes".
01:56
And he had this idea called the "memex,"
39
104196
1957
E ele teve uma ideia e chamou de "memex",
01:58
where you could put together
a personal library
a personal library
40
106177
2342
em que você podia reunir
uma biblioteca pessoal
uma biblioteca pessoal
02:00
of all of the books and articles
that you have access to.
that you have access to.
41
108543
4063
de todos os livros e artigos
a que você tem acesso.
a que você tem acesso.
02:04
And that idea of connecting sources
captured people's imaginations.
captured people's imaginations.
42
112630
4729
E essa ideia de conectar fontes
estimulou a imaginação das pessoas.
estimulou a imaginação das pessoas.
02:09
Later, in the 1960s,
43
117383
1729
Mais tarde, nos anos 60,
02:11
Ted Nelson launches Project Xanadu,
44
119136
3151
Ted Nelson lançou o Projeto Xanadu,
02:14
and he said,
45
122311
1310
e disse:
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
"E se ele não se limitasse
apenas às coisas que tenho?
apenas às coisas que tenho?
E se eu pudesse conectar ideias
através de uma obra maior?"
através de uma obra maior?"
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
Em 1982, pesquisadores
da Universidade de Maryland
da Universidade de Maryland
02:25
developed a system they called HyperTIES.
49
133782
2349
desenvolveram um sistema
chamado de HyperTIES.
chamado de HyperTIES.
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
Eles foram os primeiros a usar
o próprio texto como um marcador de link.
o próprio texto como um marcador de link.
02:31
They figured out that this blue link
on a gray background
on a gray background
51
139624
3203
Eles descobriram
que este link azul num fundo cinza
que este link azul num fundo cinza
02:34
was going to work really well
in terms of contrast,
in terms of contrast,
52
142851
2429
funcionaria muito bem
em termos de contraste,
em termos de contraste,
02:37
and people would be able to see it.
53
145304
1786
e as pessoas conseguiriam vê-lo.
02:39
Apple invented HyperCard in 1987.
54
147114
2937
A Apple inventou o HyperCard em 1987.
Tinha uma pilha de cartas,
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
e dava para criar links entre as cartas.
02:46
HyperCard actually created the ability
to jump around in a story.
to jump around in a story.
57
154985
5459
De fato, o HyperCard criou a habilidade
de saltar dentro de uma história.
de saltar dentro de uma história.
02:52
These kinds of notions
of nonlinear storytelling
of nonlinear storytelling
58
160468
2888
Essa noção de narrativas não lineares
02:55
got a huge boost
when the hyperlink came along,
when the hyperlink came along,
59
163380
2534
teve um grande impulso
quando o hyperlink surgiu,
quando o hyperlink surgiu,
02:57
because it gave people the opportunity
to influence the narrative.
to influence the narrative.
60
165938
4135
porque ele deu às pessoas a chance
de influenciar a narrativa.
de influenciar a narrativa.
03:02
These ideas and inventions, among others,
61
170097
2380
Essas ideias e invenções, entre outras,
03:04
inspired Tim Berners-Lee,
the inventor of the World Wide Web.
the inventor of the World Wide Web.
62
172501
3449
inspiraram Tim Berners-Lee,
inventor da World Wide Web.
inventor da World Wide Web.
03:09
The hyperlink almost feels
like a LEGO block,
like a LEGO block,
63
177246
2270
O hyperlink se parece com blocos de LEGO,
03:11
this very basic building block
to a very complex web of connections
to a very complex web of connections
64
179540
4658
um bloco de construção simples
para uma rede bem complexa de conexões
para uma rede bem complexa de conexões
03:16
that exists all around the world.
65
184222
1584
que existe por todo o mundo.
03:17
Because of the way
that hyperlinks were first constructed,
that hyperlinks were first constructed,
66
185830
2725
Devido ao modo de construção
dos primeiros hyperlinks,
dos primeiros hyperlinks,
03:20
they were intended
to be not only used by many people,
to be not only used by many people,
67
188579
3880
a intenção era que eles não apenas
fossem usados por muitas pessoas,
fossem usados por muitas pessoas,
03:24
but created by many people.
68
192483
2040
mas também criados por muitas.
03:26
To me, it's one of the most democratic
designs ever created.
designs ever created.
69
194547
4164
Para mim, é um dos projetos
mais democráticos já criados.
mais democráticos já criados.
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