Utiliser la nouvelle interface Gmail : nouveau design (1/3)

par R. · 15 juillet 2018

La nouvelle interface Gmail est en cours de déploiement. Celle-ci s’accompagne de nouvelles fonctionnalités que nous détaillerons sur 3 tutoriels : un premier sur le nouveau design, un second sur la mise en attente des mails et un troisième sur la destruction automatique des messages envoyés selon une date. Voici les principales nouveautés graphiques apportées.

Activer la nouvelle interface Gmail

Pour bénéficier du nouveau design, identifiez-vous sur votre compte Google et accédez à l’interface actuelle de Gmail. Cliquez ensuite sur l’icône Paramètres puis sur Essayer la nouvelle version de Gmail.

Migrer vers la nouvelle version Gmail

La mise à jour est toute de suite effective et vous accédez à la nouvelle interface. Cependant, si cette nouvelle version ne vous convient pas, vous retrouverez l’ancienne en effectuant la même démarche.

Nouvelle version Gmail

Un changement d’esthétisme

La nouvelle interface apporte une barre latérale rétractable à droite de l’écran. Celle-ci intègre différentes applications pour un gain de temps. Ainsi, nous retrouvons dans notre exemple un lien vers l’agenda Google, Keep ou encore Task. Le lien + permet d’ajouter des raccourcis vers une nouvelle application Google.

nouvelle version Gmail barre rétractable et raccourcis

Un clic sur l’icône Google agenda ouvre l’interface dédiée dans Gmail. Vous pouvez ainsi directement saisir vos événements sans quitter votre messagerie.

L’agenda intégré

Dernière nouveauté graphique, l’apparition d’icône de raccourcis directement au survol d’un mail. Vous accédez ainsi plus rapidement aux fonctions fréquemment utilisées : archiver, supprimer, marquer comme lu et mettre en attente, que nous détaillerons dans un prochain tutoriel. Grace à cette nouveauté, il n’est plus nécessaire de cocher la case d’un message pour effectuer une action.

nouvelle version gmail accès direct aux icônes

L’accès direct aux icônes des principales fonctionnalités

Autre nouveauté graphique, il est à présent possible de rétracter la barre des dossiers située à droite de l’interface. Pour cela cliquer sur l’icône à proximité du logo Gmail. Vous profitez ainsi d’un espace plus important pour lire vos messages.

nouvelle version gmail diminuer barre dossiers

Rétracter la barre de dossiers

Ces nouvelles fonctionnalités d’affichage rendent Gmail encore plus intuitifs et ergonomiques. A ce design, s’ajoutent des fonctionnalités que nous détaillerons dans un prochain tutoriel.

', enableHover: false, enableTracking: true, buttons: { twitter: {via: ''}}, click: function(api, options){ api.simulateClick(); api.openPopup('twitter'); } }); $('#facebook').sharrre({ share: { facebook: true }, template: '

', enableHover: false, enableTracking: true, buttons:{layout: 'box_count'}, click: function(api, options){ api.simulateClick(); api.openPopup('facebook'); } }); // Scrollable sharrre bar, contributed by Erik Frye. Awesome! var $_shareContainer = $(".sharrre-container"), $_header = $('#header'), $_postEntry = $('.entry'), $window = $(window), startSharePosition = $_shareContainer.offset(),//object contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(), topOfTemplate = $_header.offset().top, topSpacing = _setTopSpacing(); //triggered on scroll shareScroll = function(){ var scrollTop = $window.scrollTop() + topOfTemplate, stopLocation = contentBottom - ($_shareContainer.outerHeight() + topSpacing); $_shareContainer.css({position : 'fixed'}); if( scrollTop > stopLocation ){ $_shareContainer.css( { position:'relative' } ); $_shareContainer.offset( { top: contentBottom - $_shareContainer.outerHeight(), left: startSharePosition.left, } ); } else if (scrollTop >= $_postEntry.offset().top - topSpacing){ $_shareContainer.css( { position:'fixed',top: '100px' } ); $_shareContainer.offset( { //top: scrollTop + topSpacing, left: startSharePosition.left, } ); } else if (scrollTop 1024 ) { topSpacing = distanceFromTop + $('.nav-wrap').outerHeight(); } else { topSpacing = distanceFromTop; } return topSpacing; } //setup event listeners $window.on('scroll', _.throttle( function() { if ( $window.width() > 719 ) { shareScroll(); } else { $_shareContainer.css({ top:'', left:'', position:'' }) } }, 50 ) ); $window.on('resize', _.debounce( function() { if ( $window.width() > 719 ) { shareMove(); } else { $_shareContainer.css({ top:'', left:'', position:'' }) } }, 50 ) ); });

jodu40 dit :

6 juillet 2019 à 20 h 58 min

Merci pour les explications, j’ai pu remettre facilement la barre latérale gauche, que j’avais réduit sans le vouloir…
Pauline dit :

7 juin 2019 à 11 h 11 min

La fonctionnalité d’affichage pour rétracté la boite d’outil ne foncitonne pas bien du tout. Parfois elle beug et ne se referme pas. impossible donc de lire ces mails caché en dessous. En plus, je n’ai pas fait exprès de l’activer et pas du tout intuitif pour dégager cette fonctionnalité. J’ai perdue une h à trouver un moyen !