Small Thing Big Idea
Margaret Gould Stewart: How the hyperlink changed everything
Μάργκαρετ Γκάουλντ Στιούαρτ: Πώς ο υπερσύνδεσμος άλλαξε τα πάντα
Filmed:
Readability: 4.4
398,379 views
Ο υπερσύνδεσμος είναι το τουβλάκι LEGO του Διαδικτύου. Εδώ παρουσιάζεται η παράξενη ιστορία τού πώς έγινε αυτό, από την ειδικό επί της εμπειρίας χρήστη, Μάργκαρετ Γκάουλντ Στιούαρτ.
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.
τη λεγόμενη γλώσσα σήμανσης, την 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
αρχίζουμε να το θεωρούμε δεδομένο.
01:39
Back in 1945,
32
87287
1420
Πίσω στο 1945,
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
ή τις συνδέσεις μεταξύ σημαντικών ιδεών».
01:56
And he had this idea called the "memex,"
39
104196
1957
Κι είχε μια ιδέα που ονομάστηκε «memex»,
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
Και αυτή η ιδέα για τη σύνδεση πηγών
κατέλαβε τη φαντασία των ανθρώπων.
κατέλαβε τη φαντασία των ανθρώπων.
02:09
Later, in the 1960s,
43
117383
1729
Αργότερα, στη δεκαετία του 1960,
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, ερευνητές του
Πανεπιστημίου του Μέριλαντ
Πανεπιστημίου του Μέριλαντ
02:25
developed a system they called HyperTIES.
49
133782
2349
ανέπτυξαν ένα σύστημα
που ονόμασαν HyperTIES.
που ονόμασαν 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
Ήταν οι πρώτοι που χρησιμοποίησαν
το ίδιο το κείμενο ως υπερσύνδεσμο.
το ίδιο το κείμενο ως υπερσύνδεσμο.
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
Η Apple δημιούργησε το HyperCard το 1987.
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
02:46
HyperCard actually created the ability
to jump around in a story.
to jump around in a story.
57
154985
5459
Το HyperCard ουσιαστικά, σας διευκόλυνε
να «πηδάτε» μέσα σε μια ιστορία.
να «πηδάτε» μέσα σε μια ιστορία.
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
ενέπνευσαν τον Τιμ Μπέρνερς-Λι,
τον εφευρέτη του World Wide Web.
τον εφευρέτη του World Wide Web.
Ο υπερσύνδεσμος σχεδόν μοιάζει
σαν ένα τουβλάκι LEGO,
σαν ένα τουβλάκι LEGO,
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