summaryrefslogtreecommitdiffstats
path: root/2021/captions/design.md
blob: 10345adc81f3d4568031a3fb6729d882219cbdcf (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<a name="transcript"></a>
# Transcript

[[!template text="Good afternoon. I'm Nicolas Rougier," start="00:00:00.880" video="mainVideo" id=subtitle]]
[[!template text="and today I would like to present some of" start="00:00:02.386" video="mainVideo" id=subtitle]]
[[!template text="the experiments I've made with Emacs." start="00:00:04.080" video="mainVideo" id=subtitle]]
[[!template text="My initial motivation was an" start="00:00:06.560" video="mainVideo" id=subtitle]]
[[!template text="inner feeling that something was" start="00:00:08.400" video="mainVideo" id=subtitle]]
[[!template text="wrong with most modern editors," start="00:00:09.920" video="mainVideo" id=subtitle]]
[[!template text="and before I show you my experiment," start="00:00:12.559" video="mainVideo" id=subtitle]]
[[!template text="I will try to demonstrate" start="00:00:14.559" video="mainVideo" id=subtitle]]
[[!template text="what I think is wrong." start="00:00:16.004" video="mainVideo" id=subtitle]]
[[!template text="Note that this is mostly my" start="00:00:17.440" video="mainVideo" id=subtitle]]
[[!template text="personal feelings and I did not commit" start="00:00:18.720" video="mainVideo" id=subtitle]]
[[!template text="any experiment to test is this or" start="00:00:20.640" video="mainVideo" id=subtitle]]
[[!template text="that choice would be better." start="00:00:23.279" video="mainVideo" id=subtitle]]
[[!template text="Of course, some of you might" start="00:00:25.279" video="mainVideo" id=subtitle]]
[[!template text="legitimately disagree with me." start="00:00:26.781" video="mainVideo" id=subtitle]]
[[!template text="Let's start with a short review of a" start="00:00:30.480" video="mainVideo" id=subtitle]]
[[!template text="modern text editor. I chose Nova editor" start="00:00:32.399" video="mainVideo" id=subtitle]]
[[!template text="that is only available on OS X," start="00:00:35.160" video="mainVideo" id=subtitle]]
[[!template text="but there are actually many other very" start="00:00:37.680" video="mainVideo" id=subtitle]]
[[!template text="similar editors, such as, for example," start="00:00:39.920" video="mainVideo" id=subtitle]]
[[!template text="Atom, Sublime Text, or Visual Studio." start="00:00:42.960" video="mainVideo" id=subtitle]]
[[!template text="Now it's quite interesting because I think" start="00:00:45.680" video="mainVideo" id=subtitle]]
[[!template text="it manages to gather everything what is" start="00:00:47.760" video="mainVideo" id=subtitle]]
[[!template text="wrong in this single screenshot that is" start="00:00:50.239" video="mainVideo" id=subtitle]]
[[!template text="also the teaser image on their website." start="00:00:53.120" video="mainVideo" id=subtitle]]
[[!template text="So let me now review it according to my" start="00:00:55.920" video="mainVideo" id=subtitle]]
[[!template text="personal biases and for further analysis" start="00:00:58.160" video="mainVideo" id=subtitle]]
[[!template text="I can only recommend to attend" start="00:01:01.039" video="mainVideo" id=subtitle]]
[[!template text="David Wilson's talks tomorrow." start="00:01:02.667" video="mainVideo" id=subtitle]]
[[!template text="The most (inaudible) thing that really" start="00:01:05.680" video="mainVideo" id=subtitle]]
[[!template text="bothers me is the actual area dedicated" start="00:01:07.360" video="mainVideo" id=subtitle]]
[[!template text="to the editing. When you measure" start="00:01:11.583" video="mainVideo" id=subtitle]]
[[!template text="this editing area as I did on the" start="00:01:13.504" video="mainVideo" id=subtitle]]
[[!template text="screenshot, you'll find an impressive 35%," start="00:01:15.553" video="mainVideo" id=subtitle]]
[[!template text="which is ridiculously small" start="00:01:19.112" video="mainVideo" id=subtitle]]
[[!template text="compared to the side of the window." start="00:01:22.316" video="mainVideo" id=subtitle]]
[[!template text="This means that two-thirds of the window" start="00:01:24.240" video="mainVideo" id=subtitle]]
[[!template text="area is dedicated to peripheral information" start="00:01:26.320" video="mainVideo" id=subtitle]]
[[!template text="that you don't look so often" start="00:01:30.079" video="mainVideo" id=subtitle]]
[[!template text="when writing code or prose." start="00:01:32.079" video="mainVideo" id=subtitle]]
[[!template text="This results in the main editing area to" start="00:01:34.159" video="mainVideo" id=subtitle]]
[[!template text="be reduced to one third even if we tend" start="00:01:36.560" video="mainVideo" id=subtitle]]
[[!template text="to have larger and larger monitors, I think" start="00:01:39.119" video="mainVideo" id=subtitle]]
[[!template text="this is wrong to lost so much of space." start="00:01:42.040" video="mainVideo" id=subtitle]]
[[!template text="If we now look closer at this peripheral" start="00:01:45.600" video="mainVideo" id=subtitle]]
[[!template text="information, we can immediately see that" start="00:01:47.759" video="mainVideo" id=subtitle]]
[[!template text="there is a lot of redundancy." start="00:01:49.920" video="mainVideo" id=subtitle]]
[[!template text="For example, on the screenshot," start="00:01:52.079" video="mainVideo" id=subtitle]]
[[!template text="I highlighted the information related" start="00:01:53.617" video="mainVideo" id=subtitle]]
[[!template text="to the file name being edited." start="00:01:55.709" video="mainVideo" id=subtitle]]
[[!template text="Unless I missed, some this file name" start="00:01:57.759" video="mainVideo" id=subtitle]]
[[!template text="is displayed four times." start="00:02:00.640" video="mainVideo" id=subtitle]]
[[!template text="This is way too much even if it" start="00:02:02.320" video="mainVideo" id=subtitle]]
[[!template text="displayed for different reasons" start="00:02:04.399" video="mainVideo" id=subtitle]]
[[!template text="in different contexts, but still I think" start="00:02:06.320" video="mainVideo" id=subtitle]]
[[!template text="you have a design problem if you need to" start="00:02:08.959" video="mainVideo" id=subtitle]]
[[!template text="repeat an information up to four times." start="00:02:10.720" video="mainVideo" id=subtitle]]
[[!template text="If we now look at colors," start="00:02:14.560" video="mainVideo" id=subtitle]]
[[!template text="you can count 15 different colors," start="00:02:15.947" video="mainVideo" id=subtitle]]
[[!template text="such that it is impossible to guess" start="00:02:18.160" video="mainVideo" id=subtitle]]
[[!template text="which color indicates what." start="00:02:20.560" video="mainVideo" id=subtitle]]
[[!template text="Such colorization based on syntax is" start="00:02:22.959" video="mainVideo" id=subtitle]]
[[!template text="actually quite widespread in code editors" start="00:02:25.440" video="mainVideo" id=subtitle]]
[[!template text="including Emacs, unfortunately." start="00:02:28.720" video="mainVideo" id=subtitle]]
[[!template text="The problem is that we still don't know" start="00:02:30.959" video="mainVideo" id=subtitle]]
[[!template text="whether it helps or not." start="00:02:32.640" video="mainVideo" id=subtitle]]
[[!template text="Some studies say yes, some others say no," start="00:02:34.319" video="mainVideo" id=subtitle]]
[[!template text="and in the end the conclusion" start="00:02:36.780" video="mainVideo" id=subtitle]]
[[!template text="is not yet settled." start="00:02:38.239" video="mainVideo" id=subtitle]]
[[!template text="Furthermore, there is another problem" start="00:02:40.080" video="mainVideo" id=subtitle]]
[[!template text="because there is no scientific method" start="00:02:41.840" video="mainVideo" id=subtitle]]
[[!template text="on how to enforce colorization." start="00:02:43.663" video="mainVideo" id=subtitle]]
[[!template text="Should it be based on syntax, or semantic," start="00:02:46.080" video="mainVideo" id=subtitle]]
[[!template text="or context, or something else?" start="00:02:48.800" video="mainVideo" id=subtitle]]
[[!template text="Developers are actually pretty free to do" start="00:02:51.519" video="mainVideo" id=subtitle]]
[[!template text="whatever they want, a lot of them will" start="00:02:53.599" video="mainVideo" id=subtitle]]
[[!template text="use syntax based colorization because it" start="00:02:56.400" video="mainVideo" id=subtitle]]
[[!template text="is the most simple to write." start="00:02:58.879" video="mainVideo" id=subtitle]]
[[!template text="In the end, most of them achieve a" start="00:03:01.280" video="mainVideo" id=subtitle]]
[[!template text="Christmas tree effect." start="00:03:03.280" video="mainVideo" id=subtitle]]
[[!template text="We know however, how to use colors" start="00:03:06.080" video="mainVideo" id=subtitle]]
[[!template text="to drag attention to a specific position" start="00:03:08.189" video="mainVideo" id=subtitle]]
[[!template text="as it is shown on the screenshot." start="00:03:10.560" video="mainVideo" id=subtitle]]
[[!template text="This is called the pop-out effect," start="00:03:13.920" video="mainVideo" id=subtitle]]
[[!template text="which is quite well known in neuroscience." start="00:03:15.760" video="mainVideo" id=subtitle]]
[[!template text="Here, the media keyword has been" start="00:03:18.080" video="mainVideo" id=subtitle]]
[[!template text="made very salient just by setting" start="00:03:20.000" video="mainVideo" id=subtitle]]
[[!template text="the color in red while all other" start="00:03:23.120" video="mainVideo" id=subtitle]]
[[!template text="elements are desaturated." start="00:03:25.760" video="mainVideo" id=subtitle]]
[[!template text="It literally pops out from the screen" start="00:03:28.080" video="mainVideo" id=subtitle]]
[[!template text="and point attention toward it." start="00:03:30.480" video="mainVideo" id=subtitle]]
[[!template text="Finally, if we look at the overall" start="00:03:33.680" video="mainVideo" id=subtitle]]
[[!template text="structure of the Nova editor," start="00:03:35.360" video="mainVideo" id=subtitle]]
[[!template text="we can characterize structural elements" start="00:03:36.879" video="mainVideo" id=subtitle]]
[[!template text="that are also present in a large number" start="00:03:39.353" video="mainVideo" id=subtitle]]
[[!template text="of modern editors namely," start="00:03:41.840" video="mainVideo" id=subtitle]]
[[!template text="a file browser, a gutter, a mini map," start="00:03:44.029" video="mainVideo" id=subtitle]]
[[!template text="a tab bar, a toolbar," start="00:03:46.400" video="mainVideo" id=subtitle]]
[[!template text="and some versioning tools." start="00:03:47.844" video="mainVideo" id=subtitle]]
[[!template text="I think this is too much information," start="00:03:49.920" video="mainVideo" id=subtitle]]
[[!template text="and can lead to cognitive overload" start="00:03:52.477" video="mainVideo" id=subtitle]]
[[!template text="such that you end up to not pay attention" start="00:03:54.879" video="mainVideo" id=subtitle]]
[[!template text="to important information." start="00:03:57.725" video="mainVideo" id=subtitle]]
[[!template text="So definitely more is not always better," start="00:03:59.599" video="mainVideo" id=subtitle]]
[[!template text="and to paraphrase Edward Tufte in his book" start="00:04:02.720" video="mainVideo" id=subtitle]]
[[!template text="The Visual Display of" start="00:04:05.280" video="mainVideo" id=subtitle]]
[[!template text="Quantitative Information," start="00:04:06.780" video="mainVideo" id=subtitle]]
[[!template text="&quot;Above all else show the data.&quot;" start="00:04:08.720" video="mainVideo" id=subtitle]]
[[!template text="This is a reason that led me to" start="00:04:12.560" video="mainVideo" id=subtitle]]
[[!template text="experiment alternative design," start="00:04:14.640" video="mainVideo" id=subtitle]]
[[!template text="and of course, to do that with" start="00:04:16.720" video="mainVideo" id=subtitle]]
[[!template text="the total freedom I didn't have" start="00:04:18.079" video="mainVideo" id=subtitle]]
[[!template text="much choice but to use and hack Emacs." start="00:04:19.840" video="mainVideo" id=subtitle]]
[[!template text="My first iteration was called Elegant Emacs," start="00:04:24.080" video="mainVideo" id=subtitle]]
[[!template text="and I try to enforce a few principles" start="00:04:27.001" video="mainVideo" id=subtitle]]
[[!template text="that I will detail into the next slide." start="00:04:29.271" video="mainVideo" id=subtitle]]
[[!template text="But roughly, my idea was to" start="00:04:31.759" video="mainVideo" id=subtitle]]
[[!template text="enforce a radically different design" start="00:04:33.919" video="mainVideo" id=subtitle]]
[[!template text="by simply removing as much" start="00:04:35.857" video="mainVideo" id=subtitle]]
[[!template text="information as I could." start="00:04:38.320" video="mainVideo" id=subtitle]]
[[!template text="Even so, vanilla Emacs is" start="00:04:40.080" video="mainVideo" id=subtitle]]
[[!template text="already quite simple." start="00:04:42.240" video="mainVideo" id=subtitle]]
[[!template text="You can see the result on the screen," start="00:04:44.000" video="mainVideo" id=subtitle]]
[[!template text="and I'm practically happy with the third" start="00:04:45.759" video="mainVideo" id=subtitle]]
[[!template text="screenshot that mimics the PDF layout of" start="00:04:47.759" video="mainVideo" id=subtitle]]
[[!template text="a scientific article by Stefan Monnier" start="00:04:50.240" video="mainVideo" id=subtitle]]
[[!template text="and Michael Sperber but rather" start="00:04:53.120" video="mainVideo" id=subtitle]]
[[!template text="fully inside Emacs." start="00:04:55.360" video="mainVideo" id=subtitle]]
[[!template text="The second iteration is called NANO Emacs," start="00:04:58.160" video="mainVideo" id=subtitle]]
[[!template text="and it is a version I try to maintain" start="00:05:01.080" video="mainVideo" id=subtitle]]
[[!template text="with a set of standalone packages" start="00:05:03.680" video="mainVideo" id=subtitle]]
[[!template text="that you can test individually." start="00:05:05.592" video="mainVideo" id=subtitle]]
[[!template text="It is based on a set of" start="00:05:07.759" video="mainVideo" id=subtitle]]
[[!template text="a few principles, namely" start="00:05:09.271" video="mainVideo" id=subtitle]]
[[!template text="large margins, reduced number of faces," start="00:05:11.919" video="mainVideo" id=subtitle]]
[[!template text="a simplified and contextual header line," start="00:05:14.677" video="mainVideo" id=subtitle]]
[[!template text="and a default aspect ratio that" start="00:05:17.360" video="mainVideo" id=subtitle]]
[[!template text="mimics the A4 ISO format." start="00:05:19.280" video="mainVideo" id=subtitle]]
[[!template text="I've been using this layout for a" start="00:05:21.759" video="mainVideo" id=subtitle]]
[[!template text="year and so far I'm quite happy with it." start="00:05:24.240" video="mainVideo" id=subtitle]]
[[!template text="I know this is quite an opinionated" start="00:05:26.720" video="mainVideo" id=subtitle]]
[[!template text="design and some of you may totally" start="00:05:29.440" video="mainVideo" id=subtitle]]
[[!template text="disagree with me." start="00:05:31.680" video="mainVideo" id=subtitle]]
[[!template text="Lately I've been experimenting" start="00:05:34.240" video="mainVideo" id=subtitle]]
[[!template text="with some special modes where" start="00:05:36.630" video="mainVideo" id=subtitle]]
[[!template text="the header line is made even simpler," start="00:05:38.682" video="mainVideo" id=subtitle]]
[[!template text="this is the case for org-agenda," start="00:05:41.919" video="mainVideo" id=subtitle]]
[[!template text="mu4e, deft, and elfeed." start="00:05:44.080" video="mainVideo" id=subtitle]]
[[!template text="This worked reasonably well" start="00:05:46.720" video="mainVideo" id=subtitle]]
[[!template text="because these modes are search based," start="00:05:48.560" video="mainVideo" id=subtitle]]
[[!template text="and it was easy to unify their design." start="00:05:50.952" video="mainVideo" id=subtitle]]
[[!template text="I've also integrated some dynamic tags" start="00:05:54.720" video="mainVideo" id=subtitle]]
[[!template text="and icon in my agenda using svg-lib," start="00:05:56.960" video="mainVideo" id=subtitle]]
[[!template text="which is available on ELPA." start="00:06:00.484" video="mainVideo" id=subtitle]]
[[!template text="And for example, you can see the" start="00:06:02.400" video="mainVideo" id=subtitle]]
[[!template text="pie progress that help to show" start="00:06:04.960" video="mainVideo" id=subtitle]]
[[!template text="some incoming deadlines." start="00:06:08.560" video="mainVideo" id=subtitle]]
[[!template text="There are still ongoing development" start="00:06:11.440" video="mainVideo" id=subtitle]]
[[!template text="to develop new packages to give" start="00:06:13.261" video="mainVideo" id=subtitle]]
[[!template text="a unified look and feel." start="00:06:15.120" video="mainVideo" id=subtitle]]
[[!template text="I got a lot of feedback from" start="00:06:17.280" video="mainVideo" id=subtitle]]
[[!template text="the Emacs community," start="00:06:18.792" video="mainVideo" id=subtitle]]
[[!template text="mostly in Reddit and GitHub," start="00:06:20.768" video="mainVideo" id=subtitle]]
[[!template text="and I would like to thank them here" start="00:06:22.288" video="mainVideo" id=subtitle]]
[[!template text="because this is incredibly useful." start="00:06:24.319" video="mainVideo" id=subtitle]]
[[!template text="If you want to follow or support my work," start="00:06:26.880" video="mainVideo" id=subtitle]]
[[!template text="best place is probably GitHub." start="00:06:29.039" video="mainVideo" id=subtitle]]
[[!template text="Thank you for your attention." start="00:06:31.600" video="mainVideo" id=subtitle]]
[[!template text="I will be happy to answer" start="00:06:33.099" video="mainVideo" id=subtitle]]
[[!template text="any questions you may have." start="00:06:34.479" video="mainVideo" id=subtitle]]
[[!template text="captions by bhavin192 (Bhavin Gandhi)" start="00:06:36.874" video="mainVideo" id=subtitle]]