Material Design sur Chrome : toutes les actualités à venir

L'avènement de Google Chrome 71 et le nouveau design matériel

Il y a de l'agitation chez Google. Le moteur de recherche le plus cliqué au monde (premier site en nombre de visiteurs au niveau mondial) change de look pour la énième fois, ouvrant une nouvelle frontière dans le domaine du web design. L'événement n'est certainement pas le fruit du hasard : le mois dernier il y avait deux anniversaires importants, le vingtième de la fondation de la société Google Inc. et le dixième du lancement de Google Chrome, aujourd'hui leader incontesté dans le panorama des navigateurs web, du moins dans le monde occidental. Peut-être pour fléchir ses muscles, peut-être pour ne pas trahir les attentes, peut-être pour continuer sur les traces déjà tracées par la conception matérielle, ou peut-être pour ces raisons (et d'autres) ensemble, le colosse vue sur la montagne, la ville américaine où Google est basé, a décidé de voir grand. Et donc, avec la diffusion de la soixante et onzième version de Google Chrome, voici les nouvelles de nouvelles versions pour soutenir la conception matérielle.

Les applications et les environnements virtuels impliqués sont nombreux et vont de Google News à Google Pay, de Google Assistant à Google Apps, de Google Maps à Android Messages. Pour certains le passage est encore en cours, pour d'autres il est déjà possible d'observer les variations sur le thème. Voici une liste indicative de ce que vous avez peut-être déjà remarqué à propos de la conception de matériel graphique si vous utilisez les produits Google sur votre PC, tablette ou smartphone :

• Choix entre les teintes sombres et claires (sur Windows et Linux disponible avec des outils tiers)
• L'onglet ouvert est blanc, les autres gris
• Les coins, les trapèzes, les bords disparaissent, à leur place des lignes arrondies et des formes arrondies (voir barre de recherche)
• Nouvelles icônes et couleurs dans un style de conception purement matérielle

FONCTIONS ET RACCOURCIS DU MATERIAL DESIGN BY GOOGLE

Comme il est facile à deviner à partir du nom, la conception matérielle ne se limite pas à la seule conception graphique. Si cela reste le protagoniste et le moteur du changement, main dans la main, nous remarquons et remarquons à l'avenir quelques avancées également sur le front de convivialité puis du expérience utilisateur. Là aussi, on voit une liste d'évolutions en cours, plus ou moins importantes en fonction des habitudes de chacun :

• Stockage du mot de passe et connexion avec d'autres Google Chrome connectés au même compte
• Possibilité de créer de nouveaux mots de passe et de les associer à un site spécifique (évitant ainsi les répétitions dangereuses)
• Raccourcis du clavier ou de l'écran tactile du smartphone pour accélérer les recherches, les traductions et d'autres opérations
• Enregistrement des codes et des données de carte de crédit sur demande

DE LA NAVIGATION SIMPLE AU CONCEPT DE LOOK & FEEL

Pour ceux qui, comme nous, travaillent quotidiennement dans le domaine numérique, ce qui pourrait apparaître à des yeux moins experts que des changements anodins semble plutôt petits morceaux d'une révolution d'époque. Sans avoir à le montrer des toits, Google non seulement « met à jour » son navigateur et les nombreuses applications qui lui sont connectées, mais il change profondément l'expérience qu'un utilisateur ressent (disons même vit) lorsqu'il navigue, consulte une carte, paiement d'un service, rédaction d'un message… Nous entrons donc au milieu de l'ère du look & feel, une phase qui se distingue par l'amincissement de la barrière entre écran et réalité. L'utilisateur moderne n'est plus limité à appuyer sur une touche avec son doigt ou sa souris : au contraire, il perçoit une certaine ambiance, se familiarise avec la taille du site devant lui, assimile intuitivement les informations, fait défiler en quelques secondes des myriades de données . Une avance de quoi L'avenir réserve-t-il à la réalité virtuelle ? Pour la postérité la réponse, certes la tendance est marquée, et en tête c'est l'entreprise leader du secteur numérique contemporain.

QU'EN EST-IL DES SITES WEB? COMMENT S'ADAPTER À LA CONCEPTION MATÉRIELLE DE CHROME

S'il est vrai que les changements apportés à Google Chrome et à la suite Google n'interfèrent pas substantiellement avec les fonctionnalités et le design d'un site web, il est également vrai que l'utilisateur habitué à ce type de look & feel axé sur le design matériel n'aimera guère explorer dans portails, commerce électronique et anciens blogs (lu avec thème graphique pas à la hauteur et fonctionnalité obsolète). LE Police Googlet dont nous parlions dans un éditorial précédent, représentent en ce sens la pointe de l'iceberg d'un chemin désormais irréversible. Comment affronter le tournant ? Et quelles mesures concrètes prendre ? Malheureusement ou heureusement, il n'existe pas de manuel technique unique écrit dans la pierre, ce que nous pouvons et devons faire est de chercher un fil conducteur dans le magma hétérogène d'informations, de déclarations faites par les ingénieurs de Google, de rumeurs, de confirmations et de démentis de sources faisant autorité. Sans s'emballer, il ne faudra pas forcément "refaire" le site, mais plutôt le revoir à la lumière du design matériel.

Ecommerce, blog ou magazine en ligne non importé : comment nous avons procédé pour mettre à jour le politique de confidentialité et de cookies en vue du RGPD, il va donc falloir bouger pour mieux répondre aux attentes des utilisateurs. Une bonne feuille de route pourrait partir de Vérification de la technologie responsive du site : La navigation à partir d'appareils mobiles est-elle efficace ? Si la réponse est oui, allons plus loin et vérifions les aspects purement graphiques du material design : les icônes, bannières et contenus reflètent-ils le style 3D et les polices du material design ? Si nous voulons aller plus loin, ajoutons l'utilisation de Google Fonts dans les titres et textes présents. Enfin, évaluons les performances globales du site en termes de vitesse de chargement des pages, de nettoyage de code, d'images et de liens cassés... Bref, efforçons-nous de regarder le design matériel de Chrome comme une opportunité de renouveler le graphisme et la communication, plus que comme encore un autre rocher inattendu. Si vous n'avez encore rien fait dans ce sens, je vous propose d'en profiter, de prendre le temps de planifier votre stratégie et de saisir l'opportunité de prendre votre envol et de briller au firmament du web. Nous sommes là pour vous aider.