How the progress bar keeps you sane | Small Thing Big Idea, a TED series

239,811 views ใƒป 2018-11-03

TED


ืื ื ืœื—ืฅ ืคืขืžื™ื™ื ืขืœ ื”ื›ืชื•ื‘ื™ื•ืช ื‘ืื ื’ืœื™ืช ืœืžื˜ื” ื›ื“ื™ ืœื”ืคืขื™ืœ ืืช ื”ืกืจื˜ื•ืŸ.

00:00
Translator: Camille Martรญnez Reviewer: Krystian Aparta
0
0
7000
ืชืจื’ื•ื: tomer malovani ืขืจื™ื›ื”: Ido Dekkers
00:12
How many people are bored at their desk
1
12103
2374
ื›ืžื” ืื ืฉื™ื ืžืฉืชืขืžืžื™ื ื‘ืฉื•ืœื—ืŸ ื”ืขื‘ื•ื“ื” ืฉืœื”ื
00:14
for how many hours every day
2
14501
1518
ื‘ืžืฉืš ื›ืžื” ืฉืขื•ืช ื‘ื™ื•ื
ื•ื‘ืžืฉืš ื›ืžื” ื™ืžื™ื ื‘ืฉื‘ื•ืข ื•ื‘ืžืฉืš ื›ืžื” ืฉื‘ื•ืขื•ืช ื‘ืฉื ื”
00:16
and how many days a week and how many weeks a year
3
16043
2350
ื‘ืžืฉืš ื›ืžื” ืฉื ื™ื ื‘ื—ื™ื™ื”ื?
00:18
for how many years in their life?
4
18417
1578
[ืขื ื™ื™ืŸ ืงื˜ืŸ. ืจืขื™ื•ืŸ ื’ื“ื•ืœ.]
00:20
[Small thing. Big idea.]
5
20020
2584
00:22
[Daniel Engber on the Progress Bar]
6
22629
2000
[ื“ื ื™ืืœ ืื ื’ื‘ืจ ืขืœ ืžื“ ื”ื”ืชืงื“ืžื•ืช ]
00:25
The progress bar is just an indicator on a computer
7
25165
2692
ืžื“ ื”ื”ืชืงื“ืžื•ืช ื”ื•ื ื‘ืกืš ื”ื›ืœ ืฆื’ ืขืœ ื”ืžื—ืฉื‘
00:27
that something's happening inside the device.
8
27881
3026
ืฉืžืฉื”ื• ืงื•ืจื” ื‘ืชื•ืš ื”ืžื›ืฉื™ืจ.
00:31
The classic one that's been used for years is a horizontal bar.
9
31579
4532
ื”ืงืœืืกื™ ืžื‘ื ื™ื”ื ื”ื ืคื•ืฅ ืœืฉื™ืžื•ืฉ ื‘ืžืฉืš ืฉื ื™ื ื”ื•ื ื”ืžื“ ื”ืื•ืคืงื™.
00:36
I mean, this goes back to pre-computer versions of this
10
36135
3841
ื›ืœื•ืžืจ, ื–ื” ืœื•ืงื— ืื•ืชื ื• ืื—ื•ืจื” ืœื’ืจืกืช ืงื“ื ื”ืžื—ืฉื‘ ืฉืœ ื–ื”
00:40
on ledgers, where people would fill in a horizontal bar from left to right
11
40000
4314
ื‘ืคื ืงืกื™ื, ื›ืฉืื ืฉื™ื ื”ื™ื• ืžืžืœืื™ื ืžื“ ืื•ืคืงื™ ืžืฉืžืืœ ืœื™ืžื™ืŸ
00:44
to show how much of a task they had completed at a factory.
12
44338
3616
ืœื”ืจืื•ืช ื›ืžื” ืžืชื•ืš ื”ืžืฉื™ืžื” ื”ื ื”ืฉืœื™ืžื• ื‘ืžืคืขืœ.
00:47
This is just the same thing on a screen.
13
47978
2176
ื–ื” ื‘ื“ื™ื•ืง ืื•ืชื• ื“ื‘ืจ ืขืœ ื”ืžืกืš.
00:50
Something happened in the 70s
14
50497
1488
ืžืฉื”ื• ืงืจื” ื‘ืฉื ื•ืช ื”70
00:52
that is sometimes referred to as "the software crisis,"
15
52009
2764
ืฉื›ื•ื ื” ืœืคืขืžื™ื ื‘ืชื•ืจ "ืžืฉื‘ืจ ื”ืชื•ื›ื ื”",
00:54
where suddenly, computers were getting more complicated
16
54797
2908
ื›ืฉืคืชืื•ื, ืžื—ืฉื‘ื™ื ื ื”ื™ื• ืžืกื•ื‘ื›ื™ื ื™ื•ืชืจ
00:57
more quickly than anyone had been prepared for,
17
57729
3278
ื™ื•ืชืจ ืžื”ืจ ืžืžื” ืฉื›ืœ ืื“ื ื™ื›ืœ ืœื”ืชื›ื•ื ืŸ ืœื›ืš,
01:01
from a design perspective.
18
61031
1786
ืžื ืงื•ื“ืช ืžื‘ื˜ ืขื™ืฆื•ื‘ื™ืช.
01:02
People were using percent-done indicators in different ways.
19
62841
4309
ืื ืฉื™ื ื”ืฉืชืžืฉื• ื‘ืžื“ื™ ืื—ื•ื–ื™ื ื‘ืชืฆื•ืจื•ืช ืฉื•ื ื•ืช.
01:07
So you might have a graphical countdown clock,
20
67174
2645
ืื– ื™ื›ื•ืœ ืœื”ื™ื•ืช ืœื›ื ืฉืขื•ืŸ ืกืคื™ืจื” ืœืื—ื•ืจ ื’ืจืคื™,
01:09
or they would have a line of asterisks
21
69843
2795
ืื• ืงื• ืฉืœ ื›ื•ื›ื‘ื™ื•ืช
01:12
that would fill out from left to right on a screen.
22
72662
2395
ืฉื™ืชืžืœื ืžืฉืžืืœ ืœื™ืžื™ืŸ ืขืœ ื”ืžืกืš.
01:15
But no one had done a systematic survey of these things
23
75081
3593
ืื‘ืœ ืืฃ ืื—ื“ ืœื ื‘ื™ืฆืข ืกืงืจ ืฉื™ื˜ืชื™ ืœื“ื‘ืจื™ื ื”ืืœื”
01:18
and tried to figure out:
24
78698
1183
ื•ื ื™ืกื” ืœื”ื‘ื™ืŸ:
01:19
How do they actually affect the user's experience
25
79905
3111
ืื™ืš ื–ื” ื‘ืขืฆื ืžืฉืคื™ืข ืขืœ ื—ื•ื•ื™ืช ื”ืžืฉืชืžืฉ
01:23
of sitting at the computer?
26
83040
1327
ื›ืฉื”ื ื™ื•ืฉื‘ื™ื ืžื•ืœ ื”ืžื—ืฉื‘?
01:24
This graduate student named Brad Myers,
27
84391
1950
ื‘ื•ื’ืจ ืื•ื ื™ื‘ืจืกื™ื˜ื” ื‘ืฉื ื‘ืจืื“ ืžื™ื™ืกืจ,
01:26
in 1985, decided he would study this.
28
86365
3234
ื‘ืฉื ืช 1985, ื”ื—ืœื™ื˜ ืฉื”ื•ื ื”ื•ืœืš ืœื—ืงื•ืจ ืืช ื–ื”.
01:29
He found that it didn't really matter
29
89623
2053
ื”ื•ื ื’ื™ืœื” ืฉื–ื” ืœื ื‘ืืžืช ืžืฉื ื”
01:31
if the percent-done indicator was giving you the accurate percent done.
30
91700
5106
ืื ืžื“ ื”ืื—ื•ื–ื™ื ื”ื™ื” ื ื•ืชืŸ ืืช ื”ืื—ื•ื– ื”ืžื“ื•ื™ืง.
01:36
What mattered was that it was there at all.
31
96830
2730
ืžื” ืฉืฉื™ื ื” ื–ื” ืฉื”ื•ื ื”ื™ื” ืคืฉื•ื˜ ืฉื.
01:39
Just seeing it there made people feel better,
32
99584
2604
ืคืฉื•ื˜ ืœืจืื•ืช ืืช ื–ื” ืฉื ื’ืจื ืœืื ืฉื™ื ืœื”ืจื’ื™ืฉ ื˜ื•ื‘ ื™ื•ืชืจ,
01:42
and that was the most surprising thing.
33
102212
2689
ื•ื–ื” ื”ื™ื” ื”ื“ื‘ืจ ื”ื›ื™ ืžืคืชื™ืข.
01:44
He has all these ideas about what this thing could do.
34
104925
2919
ื”ื™ื• ืœื• ื›ืœ ืžื™ื ื™ ืจืขื™ื•ื ื•ืช ืœื’ื‘ื™ื™ ืžื” ื”ื“ื‘ืจ ื”ื–ื” ื™ื›ื•ืœ ืœืขืฉื•ืช.
01:47
Maybe it could make people relax effectively.
35
107868
4086
ืื•ืœื™ ื–ื” ื™ื›ื•ืœ ืœื”ืจื’ื™ืข ืื ืฉื™ื ื‘ื™ืขื™ืœื•ืช.
01:51
Maybe it would allow people to turn away from their machine
36
111978
4670
ืื•ืœื™ ื–ื” ื™ื•ื›ืœ ืœื”ืจืฉื•ืช ืœืื ืฉื™ื ืœื”ืชืคื ื•ืช ืžื”ืžื›ืฉื™ืจ ืฉืœื”ื
01:56
and do something else of exactly the right duration.
37
116672
3063
ื•ืœืขืฉื•ืช ืžืฉื”ื• ืื—ืจ ื‘ืžืฉืš ื”ื–ืžืŸ ื”ื–ื”.
01:59
They would look and say, "Oh, the progress bar is half done.
38
119759
2881
ื”ื ื™ื•ื›ืœื• ืœื”ืกืชื›ืœ ื•ืœื”ื’ื™ื“, "ื”ื•, ืžื“ ื”ื”ืชืงื“ืžื•ืช ื”ืชืžืœื ื‘ื—ืฆื™.
02:02
That took five minutes.
39
122664
1151
ื–ื” ืœืงื— ื—ืžืฉ ื“ืงื•ืช
02:03
So now I have five minutes to send this fax,"
40
123839
3897
ืื– ืขื›ืฉื™ื• ื™ืฉ ืœื™ ื—ืžืฉ ื“ืงื•ืช ืœืฉืœื•ื— ืืช ื”ืคืงืก ื”ื–ื”",
02:07
or whatever people were doing in 1985.
41
127760
2364
ืื• ื›ืœ ื“ื‘ืจ ืื—ืจ ืฉืื ืฉื™ื ื”ื™ื• ืขื•ืฉื™ื ื‘1985.
02:10
Both of those things are wrong.
42
130148
1804
ืฉื ื™ ื”ืจืขื™ื•ื ื•ืช ื”ื™ื• ืฉื’ื•ื™ื™ื.
02:11
Like, when you see that progress bar,
43
131976
1866
ื›ืžื• ืœืžืฉืœ, ื›ืฉืืชื ืจื•ืื™ื ืืช ืžื“ ื”ื”ืชืงื“ืžื•ืช,
02:13
it sort of locks your attention in a tractor beam,
44
133866
2967
ื–ื” ืกื•ื’ ืฉืœ ื ื•ืขืœ ืืช ืชืฉื•ืžืช ื”ืœื‘ ืฉืœื›ื ื‘ืชื•ืš ืงืจืŸ ื’ื•ืจืจืช,
02:16
and it turns the experience of waiting
45
136857
2016
ื•ื–ื” ื”ื•ืคืš ืืช ื—ื•ื•ื™ืช ื”ื”ืžืชื ื”
02:18
into this exciting narrative that you're seeing unfold in front of you:
46
138897
5082
ืœืชื•ืš ืกื™ืคื•ืจ ืžืจื’ืฉ ืฉืืชื ืจื•ืื™ื ืžืชืคืชื— ืœืคื ื™ื›ื:
02:24
that somehow, this time you've spent waiting in frustration
47
144003
3849
ืฉืื™ื›ืฉื”ื•, ื”ื–ืžืŸ ื”ื–ื” ืฉืืชื ืžื‘ื–ื‘ื–ื™ื ื‘ื”ืžืชื ื” ื‘ืชืกื›ื•ืœ
02:27
for the computer to do something,
48
147876
1635
ื‘ืฉื‘ื™ืœ ืฉื”ืžื—ืฉื‘ ื™ืขืฉื” ืžืฉื”ื•,
02:29
has been reconceptualized as:
49
149535
1975
ื”ืชื—ื“ืฉ ื‘ืชื•ืจ:
02:31
"Progress! Oh! Great stuff is happening!"
50
151535
2294
"ื”ืชืงื“ืžื•ืช! ื”ื•! ื“ื‘ืจื™ื ื ื”ื“ืจื™ื ืงื•ืจื™ื!"
02:33
[Progress...]
51
153853
2138
[ื”ืชืงื“ืžื•ืช...]
02:36
But once you start thinking about the progress bar
52
156015
3215
ืื‘ืœ ื‘ืจื’ืข ืฉืืชื” ืžืชื—ื™ืœ ืœื—ืฉื•ื‘ ืขืœ ืžื“ ื”ื”ืชืงื“ืžื•ืช
02:39
as something that's more about dulling the pain of waiting,
53
159254
3345
ื™ื•ืชืจ ื‘ืชื•ืจ ืžืฉื”ื• ืฉืžืงื˜ื™ืŸ ืืช ื›ืื‘ ื”ื”ืžืชื ื”,
02:42
well, then you can start fiddling around with the psychology.
54
162623
3883
ื‘ืขืฆื, ืื– ืืชื ื™ื›ื•ืœื™ื ืœื”ืชืขืกืง ืขื ื”ืคืกื™ื›ื•ืœื•ื’ื™ื”.
02:46
So if you have a progress bar that just moves at a constant rate --
55
166530
4048
ืื– ืื ื™ืฉ ืœื›ื ืžื“ ื”ืชืงื“ืžื•ืช ืฉื–ื– ื‘ืงืฆื‘ ืงื‘ื•ืข --
02:50
let's say, that's really what's happening in the computer --
56
170602
2976
ื‘ื•ืื• ื ื’ื™ื“, ื–ื” ื‘ืืžืช ืžื” ืฉืงื•ืจื” ื‘ืžื—ืฉื‘ --
02:53
that will feel to people like it's slowing down.
57
173602
3257
ื–ื” ื™ืจื’ื™ืฉ ืœืื ืฉื™ื ื›ืื™ืœื• ื”ื•ื ืžืื˜.
02:57
We get bored.
58
177668
1286
ืื ื—ื ื• ืžืฉืชืขืžืžื™ื.
03:00
Well, now you can start trying to enhance it
59
180002
2107
ื•ื‘ื›ืŸ, ืขื›ืฉื™ื• ืืชื ื™ื›ื•ืœื™ื ืœื”ืชื—ื™ืœ ืœื ืกื•ืช ืœืฉืคืจ ืื•ืชื•
03:02
and make it appear to move more quickly than it really is,
60
182133
2762
ื•ืœื’ืจื•ื ืœื• ืœื”ื™ืจืื•ืช ื™ื•ืชืจ ืžื”ื™ืจ ืžืžื” ืฉื”ื•ื ื‘ืืžืช,
03:04
make it move faster at the beginning, like a burst of speed.
61
184919
3707
ืœื’ืจื•ื ืœื• ืœื–ื•ื– ืžื”ืจ ื™ื•ืชืจ ื‘ื”ืชื—ืœื”, ื›ืžื• ื”ืชืคืจืฆื•ืช ืฉืœ ืžื”ื™ืจื•ืช.
03:08
That's exciting, people feel like, "Oh! Something's really happening!"
62
188650
3344
ืฉืชืœื”ื™ื‘ ืื ืฉื™ื ืฉื™ืจื’ื™ืฉื• ื›ืื™ืœื•, "ื”ื•! ืžืฉื”ื• ื‘ืืžืช ืงื•ืจื”!"
ื•ืื– ืชื•ื›ืœื• ืœื—ื–ื•ืจ ืœื’ื“ื™ืœื” ื™ื•ืชืจ ื˜ื‘ืขื™ืช ืฉืœ ืžื“ ื”ื”ืชืงื“ืžื•ืช
03:12
Then you can move back into a more naturalistic growth of the progress bar
63
192018
4029
ื›ืฉืืชื ืžืชืงื“ืžื™ื.
03:16
as you go along.
64
196071
1311
03:17
You're assuming that people are focusing on the passage of time --
65
197406
3194
ืืชื ืžื ื™ื—ื™ื ืฉืื ืฉื™ื ืžืชืจื›ื–ื™ื ื‘ื–ืžืŸ ืฉื—ื•ืœืฃ --
03:20
they're trying to watch grass grow,
66
200624
1703
ื”ื ืžื ืกื™ื ืœืจืื•ืช ื“ืฉื ื’ื•ื“ืœ,
ื”ื ืžื ืกื™ื ืœืจืื•ืช ืกื™ืจ ืžื™ื, ืžื—ื›ื™ื ืฉื”ื•ื ื™ืจืชื—,
03:22
they're trying to watch a pot of water, waiting for it to boil,
67
202351
2980
ื•ืืชื ืจืง ืžื ืกื™ื ืœื’ืจื•ื ืœื–ื” ืœื”ื™ื•ืช ืคื—ื•ืช ืžืฉืขืžื,
03:25
and you're just trying to make that less boring,
68
205355
2392
03:27
less painful and less frustrating
69
207771
2226
ืคื—ื•ืช ื›ื•ืื‘ ื•ืคื—ื•ืช ืžืชืกื›ืœ
03:30
than it was before.
70
210021
1326
ืžืžื” ืฉื–ื” ื”ื™ื” ืงื•ื“ื.
03:31
So the progress bar at least gives you
71
211371
3001
ืื– ืžื“ ื”ื”ืชืงื“ืžื•ืช ืœืคื—ื•ืช ื ื•ืชืŸ ืœื›ื
03:34
the vision of a beginning and an end,
72
214396
2461
ืืช ื”ื—ื–ื•ืŸ ืฉืœ ื”ืชื—ืœื” ื•ืกื•ืฃ,
03:36
and you're working towards a goal.
73
216881
1694
ื•ืืชื ืขื•ื‘ื“ื™ื ืœืžืขืŸ ืžื˜ืจื”.
03:38
I think in some ways, it mitigates the fear of death.
74
218599
2953
ืื ื™ ื—ื•ืฉื‘ ืฉื‘ื›ืžื” ื“ืจื›ื™ื, ื–ื” ืžืงื˜ื™ืŸ ืืช ื”ืคื—ื“ ืžื”ืžื•ื•ืช.
ื™ื•ืชืจ ืžื“ื™ื™?
03:44
Too much?
75
224079
2111
ืขืœ ืืชืจ ื–ื”

ืืชืจ ื–ื” ื™ืฆื™ื’ ื‘ืคื ื™ื›ื ืกืจื˜ื•ื ื™ YouTube ื”ืžื•ืขื™ืœื™ื ืœืœื™ืžื•ื“ ืื ื’ืœื™ืช. ืชื•ื›ืœื• ืœืจืื•ืช ืฉื™ืขื•ืจื™ ืื ื’ืœื™ืช ื”ืžื•ืขื‘ืจื™ื ืขืœ ื™ื“ื™ ืžื•ืจื™ื ืžื”ืฉื•ืจื” ื”ืจืืฉื•ื ื” ืžืจื—ื‘ื™ ื”ืขื•ืœื. ืœื—ืฅ ืคืขืžื™ื™ื ืขืœ ื”ื›ืชื•ื‘ื™ื•ืช ื‘ืื ื’ืœื™ืช ื”ืžื•ืฆื’ื•ืช ื‘ื›ืœ ื“ืฃ ื•ื™ื“ืื• ื›ื“ื™ ืœื”ืคืขื™ืœ ืืช ื”ืกืจื˜ื•ืŸ ืžืฉื. ื”ื›ืชื•ื‘ื™ื•ืช ื’ื•ืœืœื•ืช ื‘ืกื ื›ืจื•ืŸ ืขื ื”ืคืขืœืช ื”ื•ื•ื™ื“ืื•. ืื ื™ืฉ ืœืš ื”ืขืจื•ืช ืื• ื‘ืงืฉื•ืช, ืื ื ืฆื•ืจ ืื™ืชื ื• ืงืฉืจ ื‘ืืžืฆืขื•ืช ื˜ื•ืคืก ื™ืฆื™ืจืช ืงืฉืจ ื–ื”.

https://forms.gle/WvT1wiN1qDtmnspy7