0:00:05.940,0:00:06.400 Bonjour, 0:00:06.400,0:00:11.270 Je pense que l’exemple de la fin de la vidéo[br]précédente avec les ensembles où j’alternais 0:00:11.270,0:00:17.710 formes et images illustre assez bien ma philosophie:[br]j’aime ce qui ne se voit pas. Personne n’a 0:00:17.710,0:00:21.430 jamais fait sur Youtube la moindre remarque[br]sur ma manière d’utiliser Powerpoint, et 0:00:21.430,0:00:24.880 je crois que peu de gens réalisent que ce[br]que je fais en amphi ou en séminaire c’est 0:00:24.880,0:00:28.410 exactement la même chose – d’ailleurs,[br]des extraits de mes cours ou séminaires se 0:00:28.410,0:00:32.619 retrouvent sur Youtube et réciproquement.[br]Quand il s’agit de donner un peu de vie 0:00:32.619,0:00:37.020 à ses présentations, la clef est de considérer[br]le mouvement comme une partie intégrale du 0:00:37.020,0:00:40.449 narratif, et pas comme un “truc” pour[br]essayer d’insuffler un peu de vie là où 0:00:40.449,0:00:44.539 il n’y en a pas. La manière de le démontrer[br]est peut-être par un contre-exemple. 0:00:44.539,0:00:49.430 J’ai assisté il y a longtemps en Californie[br]à une présentation informatique par un conférencier 0:00:49.430,0:00:54.039 jeune et enthousiaste, qui avait de l’humour,[br]et connaissait très bien son sujet. Il a 0:00:54.039,0:00:59.329 juste commis une faute, mais majeure: il avait[br]choisi d’enchaîner ses slides avec des 0:00:59.329,0:01:05.610 transitions aléatoires, et cela a donné[br]à peu près ceci. Lui-même semblait surpris. 0:01:05.610,0:01:11.720 Cela aurait dû être une des bonnes présentations[br]de la conférence, et tout ce que j’ai retenu 0:01:11.720,0:01:17.770 c’est cette erreur des transitions aléatoires.[br]On ne voyait que cela. En fait j’en suis 0:01:17.770,0:01:21.760 resté traumatisé, au point que par la suite,[br]pendant de nombreuses années, je n’ai jamais 0:01:21.760,0:01:26.090 employé une transition.[br]Mon point de vue a changé un jour où je 0:01:26.090,0:01:29.530 voulais parler réseaux, et expliquer que[br]dans un réseau informatique, au moins avec 0:01:29.530,0:01:34.240 le protocole TCP/IP, tout est envoyé par[br]petits paquets, à peu près deux par page 0:01:34.240,0:01:38.780 de texte, et quand on veut envoyer quelque[br]chose de gros, c’est découpé à un bout 0:01:38.780,0:01:42.980 et réassemblé à l’autre.[br]Pour représenter le réseau, une forme de 0:01:42.980,0:01:46.210 cylindre, que j’ai basculée et colorée[br]avec un dégradé pour avoir davantage le 0:01:46.210,0:01:51.430 côté “tuyau”. Quelque chose de gros?[br]N’ayons pas peur des clichés, j’ai trouvé 0:01:51.430,0:01:57.600 un clipart sympa d’éléphant, cela fait[br]l’affaire. Mon but, c’était donc de remettre 0:01:57.600,0:02:01.910 l’éléphant à l’autre bout, et d’avoir[br]une animation “sortie” pour l’éléphant 0:02:01.910,0:02:07.220 de gauche et une animation “entrée” simultanée[br]de même type pour l’éléphant de droite, 0:02:07.220,0:02:10.000 qui ferait passer l’idée démontage/remontage. 0:02:10.000,0:02:17.090 Et là je me suis retrouvé sec. Le fondu?[br]Cela ne fonctionne pas, le message ne part 0:02:17.090,0:02:21.099 pas en vapeur.[br]La dissolution, cela ne fonctionne pas non 0:02:21.099,0:02:26.510 plus, cela fait poudre de perlimpinpin. L’échiquier[br]était un peu mieux, mais cela n’a pas le 0:02:26.510,0:02:29.239 côté un peu aléatoire que je cherchais,[br]comme les paquets n’arrivent pas forcément 0:02:29.239,0:02:32.430 dans le bon ordre.[br]Je ne me rappelle pas pourquoi j’ai fait 0:02:32.430,0:02:37.629 des essais avec des transitions, mais je vais[br]vous montrer avec deux autoportraits de Rembrandt, 0:02:37.629,0:02:42.650 réalisés à 40 ans d’intervalle, ce sur[br]quoi je suis tombé: la transition “dissolution” 0:02:42.650,0:02:46.049 n’avait rien à voir avec l’animation[br]“dissolution”. 0:02:46.049,0:02:51.010 Et je me suis dit: “mais qu’est-ce que[br]ça donne si au lieu de mettre mes deux éléphants 0:02:51.010,0:02:55.900 sur la même slide je les mets sur deux slides[br]différentes avec la deuxième slide arrivant 0:02:55.900,0:03:00.180 en dissolution?”.[br]Et bien je vais vous le montrer. Voilà ce 0:03:00.180,0:03:02.780 que cela donne, et c’est exactement l’effet[br]que je cherchais. 0:03:02.780,0:03:08.719 Ce qui m’a sur le moment surpris, c’est[br]que le tuyau ne semble absolument pas affecté. 0:03:08.719,0:03:13.499 En fait, la transition n’est visible que[br]sur ce qui n’est pas commun aux deux slides. 0:03:13.499,0:03:17.569 Cela n’a rien d’étonnant avec l’absence[br]de transition ou le fondu; mais j’ai brusquement 0:03:17.569,0:03:20.920 compris qu’il y avait d’autres transitions[br]qui pouvaient ne pas se voir comme le passage 0:03:20.920,0:03:26.819 d’une slide à l’autre, mais comme une[br]animation particulière. Leur caractéristique, 0:03:26.819,0:03:29.829 c’est que si j’ai deux slides qui se suivent[br]avec des éléments communs et si je définis 0:03:29.829,0:03:33.579 cette transition pour la deuxième slide,[br]l’enchaînement n’affectera pas ce qui 0:03:33.579,0:03:41.189 est commun. En fait, si j’avais deux slides[br]successives strictement identiques, je ne 0:03:41.189,0:03:41.689 verrais rien. 0:03:41.689,0:03:44.480 Je ne savais pas comment nommer ces transitions,[br]et ce que je vous propose c’est d’employer 0:03:44.480,0:03:48.469 un adjectif emprunté aux mathématiques et[br]de les appeler des transitions idempotentes. 0:03:48.469,0:03:52.900 En math, un élément idempotent est un élément[br]qui ne change rien pour une opération donnée, 0:03:52.900,0:03:58.329 comme 0 pour l’addition ou 1 pour la multiplication.[br]Une transition idempotente est une transition 0:03:58.329,0:04:00.959 invisible entre deux slides identiques. 0:04:00.959,0:04:05.769 Les transitions idempotentes permettent dans[br]un certain nombre de cas d’utiliser indifféremment 0:04:05.769,0:04:09.060 animation ou transition, et les implications[br]pratiques sont nombreuses. 0:04:09.060,0:04:14.400 Par exemple, supposons, une fois n’est pas[br]coutume, que l’on ait à mentionner trois 0:04:14.400,0:04:18.440 points. Cela peut-être l’annonce du plan[br]de la présentation, ou un rappel de ce que 0:04:18.440,0:04:24.000 l’on a vu d’important. Evidemment, principe[br]fondamental, on ne va pas balancer la slide 0:04:24.000,0:04:28.260 et laisser tout le monde lire avant que l’on[br]ait eu la chance d’en placer une. Le réflexe 0:04:28.260,0:04:32.780 normal, c’est d’utiliser les animations.[br]On va donc sélectionner le texte, et dans 0:04:32.780,0:04:37.850 le menu des animations aller choisir “apparaître”.[br]On pourrait aussi bien choisir le fondu. Sauf 0:04:37.850,0:04:40.660 que bien sûr tout voir apparaître en même[br]temps n’est pas ce que l’on veut. On va 0:04:40.660,0:04:46.040 donc aller sur ce qui s’appelle chez moi[br]“reorder”, sélectionner l’effet et, 0:04:46.040,0:04:49.770 dans les options d’animation de texte, dire[br]que l’on ne veut pas voir tout surgir d’un 0:04:49.770,0:04:55.880 coup mais par paragraphe. Cette fois, chaque[br]clic fera surgir un paragraphe que l’on 0:04:55.880,0:05:00.930 pourra commenter. Il y a une option qui est[br]encore mieux, qui permet de mettre l’accent 0:05:00.930,0:05:05.900 sur le paragraphe courant. Dans les options[br]d’effet, je vais dire d’atténuer après 0:05:05.900,0:05:09.890 l’animation, ce qui se dit “to dim”[br]en anglais. Je peux choisir une couleur, de 0:05:09.890,0:05:14.500 manière à ce que le texte passé soit toujours[br]là mais se fonde davantage dans la slide. 0:05:14.500,0:05:19.700 Voilà ce que cela donne, et il y a deux problèmes,[br]certes pas insolubles, mais qui compliquent 0:05:19.700,0:05:23.160 les choses: d’une part, par défaut l’option[br]d’atténuation s’applique à tout, et 0:05:23.160,0:05:28.070 je me sens un peu idiot quand tout est atténué.[br]Je ne veux pas atténuer le dernier paragraphe, 0:05:28.070,0:05:33.020 après lui je dois passer directement à la[br]slide suivante. Et l’autre problème, c’est 0:05:33.020,0:05:36.070 comment faire si par exemple on veut faire[br]apparaître une image différente à côté 0:05:36.070,0:05:40.000 du paragraphe dont on parle?[br]Tout ceci peut se résoudre beaucoup plus 0:05:40.000,0:05:43.560 facilement avec des animations idempotentes.[br]Comment vais-je faire? 0:05:43.560,0:05:48.750 Je prends ma slide, sans la moindre animation,[br]et je la copie autant de fois que j’ai de 0:05:48.750,0:05:52.490 paragraphes. Sur la dernière slide, je mets[br]tous les paragraphes sauf le dernier dans 0:05:52.490,0:05:57.060 la couleur d’atténuation, et sur les précédentes[br]je supprime ce qui suit le paragraphe courant, 0:05:57.060,0:06:03.990 et mets les précédents dans la couleur d’atténuation.[br]Pour enjoliver un peu, une image différente 0:06:03.990,0:06:08.920 chaque fois. A chaque slide sauf la première[br]j’associe une transition idempotente. Très 0:06:08.920,0:06:12.970 facile à faire, bien plus facile que l’animation,[br]et quand je mets en action le résultat est 0:06:12.970,0:06:13.610 irréprochable. 0:06:13.610,0:06:20.210 Pour toute la série de transitions qui sont[br]disponibles, oubliez les qualificatifs “subtile”, 0:06:20.210,0:06:24.780 “excitante” (personnellement il m’en[br]faut plus pour m’exciter) ou “dynamique”. 0:06:24.780,0:06:30.370 Le vrai qualificatif, c’est idempotente[br]ou pas – est-ce que la transition va se 0:06:30.370,0:06:35.860 fondre dans mon narratif et être dans la[br]continuité, ou va-t-elle marquer une rupture. 0:06:35.860,0:06:40.680 J’ai testé tout ce qui était disponible[br]dans ma version de Powerpoint; dans les logos, 0:06:40.680,0:06:46.640 B représente la slide courante et A la slide[br]qui la précède. J’ai marqué en vert tout 0:06:46.640,0:06:52.430 ce qui est idempotent, et en rouge tout ce[br]qui ne l’est pas. Mention spéciale pour 0:06:52.430,0:06:56.240 le “push”, qui n’est pas vraiment idempotent[br]mais qui est assez particulier et dont je 0:06:56.240,0:07:01.140 vais parler tout de suite. Aucune des dernières[br]transitions, que je n’emploie pour la plupart 0:07:01.140,0:07:04.450 jamais, n’est idempotente. 0:07:04.450,0:07:09.640 Il est évident que quand on regarde les transitions[br]sous cet angle, le concept de “slide” 0:07:09.640,0:07:13.270 n’a plus beaucoup de sens, et je préfère[br]le remplacer par un concept de séquence, 0:07:13.270,0:07:18.060 une suite de slides en nombre indéfini qui[br]s’enchaînent avec des transitions idempotentes. 0:07:18.060,0:07:23.330 J’avais déjà abordé le sujet dans la[br]3ème vidéo de cette série, grâce à l’idempotence 0:07:23.330,0:07:27.220 on peut maintenir une continuité et donc[br]rester dans le narratif. Pour moi, le fameux 0:07:27.220,0:07:31.220 concept “une slide, une idée” ne rime[br]à rien et je crois que ce qui est intéressant 0:07:31.220,0:07:34.610 c’est “une séquence, une idée”, sachant[br]que l’on peut avoir plusieurs illustrations 0:07:34.610,0:07:38.330 de l’idée, ou points de vue sur elle, dans[br]la séquence. 0:07:38.330,0:07:44.810 Et les transitions qui ne sont pas idempotentes?[br]Beaucoup ne me semblent pas vraiment indispensables, 0:07:44.810,0:07:47.810 mais certaines ont leur place pour marquer[br]les grandes ruptures si plusieurs sujets assez 0:07:47.810,0:07:52.250 différents sont abordés, ou si vous faites[br]une parenthèse. Pour les plus petites ruptures, 0:07:52.250,0:07:56.460 une transition idempotente (et de préférence[br]l’absence de transition) fera parfaitement 0:07:56.460,0:07:59.930 l’affaire si les éléments sur la slide[br]changent tous. 0:07:59.930,0:08:04.600 La grande rupture typique c’est pour moi,[br]quand je donne un séminaire sur une demi-journée 0:08:04.600,0:08:10.560 ou plus, la pause que je dois ménager au[br]bout de 60 à 90 minutes. Si l’organisateur 0:08:10.560,0:08:14.030 du séminaire a bien préparé la chose, c’est[br]café et petits gâteaux, sinon c’est la 0:08:14.030,0:08:18.830 machine à café ...[br]En général, j’utilise les transitions 0:08:18.830,0:08:21.800 très visibles par paire, avec des mouvements[br]inversés. 0:08:21.800,0:08:28.020 J’ai mentionné précédemment que j’élaborerais[br]sur la transition “push”, qui est assez 0:08:28.020,0:08:34.750 spéciale. Nancy Duarte aime beaucoup le “push”,[br]et je vais essayer d’illustrer comment elle 0:08:34.750,0:08:38.969 l’utilise. Tout d’abord, commençons par[br]le drapeau suédois. Pourquoi le drapeau suédois? 0:08:38.969,0:08:42.769 A cause de la “croix nordique” que l’on[br]retrouve sur tous les drapeaux scandinaves 0:08:42.769,0:08:46.749 et qui va de bord à bord, vous allez tout[br]de suite voir ce qui m’a plu en elle, et 0:08:46.749,0:08:49.670 parce que contrairement à la Norvège ou[br]à l’Islande il n’y a que deux couleurs, 0:08:49.670,0:08:53.410 donc c’est plus simple, et ces deux couleurs[br]se prêtent mieux à une présentation Powerpoint 0:08:53.410,0:08:58.610 que celle de la Finlande ou du Danemark. Si[br]l’on est en Suède et que l’on va vers 0:08:58.610,0:09:04.730 le nord, loin, loin, on arrive au pôle. Redescendons[br]au sud, et poussons à l’ouest, et nous 0:09:04.730,0:09:08.680 tombons sur les vikings norvégiens. La Suède[br]a eu ses vikings, mais contrairement aux Danois 0:09:08.680,0:09:12.079 et aux Norvégiens ils poussaient davantage[br]vers la Russie et Byzance que vers la Grande-Bretagne 0:09:12.079,0:09:15.259 et la France.[br]Qu’avez vous eu l’impression de voir? 0:09:15.259,0:09:19.310 Quelque chose de beaucoup plus grand que le[br]champ de vision de la présentation, sur lequel 0:09:19.310,0:09:24.360 on a promené une fenêtre.[br]Qu’avez vous vu en réalité? Quatre slides 0:09:24.360,0:09:29.509 différentes, deux d’entre elles dupliquées,[br]pour lesquelles je suis passé de l’une 0:09:29.509,0:09:32.740 à l’autre avec des transitions de type[br]“push”, d’abord d’en haut, puis d’en 0:09:32.740,0:09:38.759 bas (qui est la valeur par défaut), et enfin[br]depuis la gauche. On a une grande impression 0:09:38.759,0:09:42.660 de continuité, renforcée par la continuité[br]graphique de la croix scandinave. L’effet 0:09:42.660,0:09:46.259 n’aurait pas été aussi bon avec le drapeau[br]suisse, par exemple. 0:09:46.259,0:09:50.800 Tant que je suis à parler de drapeaux, j’aimerais[br]souligner que si, au lieu d’avoir pour fond 0:09:50.800,0:09:55.459 le drapeau suédois, j’avais utilisé un[br]drapeau français, belge ou italien, pousser 0:09:55.459,0:10:00.230 vers le haut ou le bas serait devenu une transformation[br]idempotente. Et pousser vers la droite ou 0:10:00.230,0:10:04.839 la gauche aurait été une transformation[br]idempotente avec un drapeau allemand, néerlandais 0:10:04.839,0:10:08.189 ou polonais par exemple.[br]La méthode du “poussé” est une manière 0:10:08.189,0:10:11.350 très élégante de présenter une quantité[br]conséquente d’information par morceaux 0:10:11.350,0:10:17.279 cohérents tout en ayant quelque chose qui[br]reste lisible. Pour présenter du code informatique, 0:10:17.279,0:10:21.290 une démonstration mathématique ou un processus[br]industriel complexe, c’est une excellente 0:10:21.290,0:10:26.259 solution. D’ailleurs, je ne sais pas si[br]vous vous en êtes rendu compte, mais je viens 0:10:26.259,0:10:30.689 juste de l’utiliser pour expliquer la réalisation[br]de la séquence suédoise. J’avais une séquence 0:10:30.689,0:10:34.970 de 6 slides. La représentation des 6 slides[br]sur une seule slide, c’était trop petit, 0:10:34.970,0:10:39.939 et cela semblait trop tassé à gauche. J’ai[br]donc montré le début de la séquence sur 0:10:39.939,0:10:44.009 une slide, poussée vers le haut, et fin de[br]la séquence. 0:10:44.009,0:10:48.480 Un dernier point, juste pour vous rappeler[br]que tout se tient: si vous adoptez un fond 0:10:48.480,0:10:54.740 un peu fantaisie, pousser ne fonctionnera[br]pas. Et si votre fond est un dégradé linéaire, 0:10:54.740,0:10:58.490 pousser dans la direction du dégradé ne[br]fonctionnera pas; en revanche, l’effet sera 0:10:58.490,0:11:03.129 celui désiré si vous poussez perpendiculairement[br]au dégradé. Une raison de plus en faveur 0:11:03.129,0:11:08.290 des fonds unis, qui permettent tout.[br]La prochaine fois, je discuterai des animations 0:11:08.290,0:11:08.810 à proprement parler.