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
ภาษากำกับข้อความหรือ 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
เขาจึงเรียกความคิดนี้ว่า "เมมเม็กซ์"
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
บริษัทแอปเปิลประดิษฐ์ไฮเปอร์การ์ด
(HyperCard) ขึ้นในปี 1987
(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
ไฮเปอร์การ์ดทำให้เรา
สามารถดูเรื่องราวกลับไปกลับมาได้
สามารถดูเรื่องราวกลับไปกลับมาได้
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