path: root/2021/captions/design.md

<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]]