Android L : le Material Design expliqué par des animations

Une des choses que l’on attend le plus à propos d’Android L est certainement son déjà fameux Material Design et ses animations, dont la “mise en scène” devrait rapprocher l’expérience utilisateur d’une certaine réalité physique. Raveesh Bhalla, un développeur expert de chez Google pour l’interface et le design, a écrit un article doublé de GIF animés expliquant comment les animations d’Android L fonctionneront.

material design animation

La clef, selon Bhalla, est que chaque animation sur Android L devrait être “régie par les règles de la physique, comme si elle existait dans le monde réel”, ce qui signifie que toutes les animations “doivent supposer que les objets ont un poids et une masse”.

Pour voir un exemple de ce que cela signifie concrètement, dites-vous que les animations d’Android L ne surgiront jamais de nulle part, mais qu’au lieu de ça débuteront à un point précis depuis lequel elles prendront de l’espace.

material design explication

Au-delà de l’aspect dimensionnel, l’auteur évoque un regard porté sur la physique d’une manière générale pour toujours s’en rapprocher avec le Material Design, ainsi, la vitesse des animations est réfléchie du même point de vue.

Cela signifie que les objets ne pourront pas avoir de vitesse linéaire, et devront se déplacer dans un style “lent au début lent à l’arrivée”, dans lequel ils accélèrent jusqu’à un pic de vitesse, pour ralentir en arrivant à leur destination.

La seule exception sera quand un objet entre depuis l’extérieur de l’écran, la supposition étant alors que l’objet a déjà atteint son pic de vitesse avant d’arriver dans l’écran. Il devra toutefois toujours ralentir progressivement.

Par ailleurs, les points de pressions sont pris en compte quant à l’origine de l’animation, ici les trois rectangles se comportent différemment, car l’utilisateur ne les touche pas au même endroit.

android l material design

L’auteur explique aussi que l’apparition d’un tableau, par exemple, pourra se faire d’au moins deux manières. La première animation suggère un principe de hiérarchie de l’importance entre les différentes cases, d’où leur apparition successive, tandis que l’animation qui lui succède affichera plus certainement un tableau où toutes les cases ont la même importance.

material design fonctionnement

android l material design animation

Ainsi, à travers ces animations pensées d’après la physique et la logique pure, le Material peut atteindre son objectif par lequel “le mouvement produit du sens”. Et c’est aussi pour ça que le Material Design a été récompensé pour sa contribution à l’expérience utilisateur.

Enfin, comme pour éviter nos inquiétudes quant au désir d’animations gratuites et simplement agréables, Bhalla nous gratifie de quatre petits GIF dont le but est simplement de faire dire à l’utilisateur, selon ses mots, “ça c’est cool !”, mais toujours en respectant une forme de logique matérielle.

material design presentation

Et s’il vous en faut encore plus d’ici la sortie d’Android L en octobre, voici une vidéo expliquant toujours un peu plus le Material Design, en espérant que votre terminal recevra la mise à jour.

Via

 


Réagissez à cet article !

Demandez nos derniers articles !

Écran éteint, micro allumé, votre téléviseur LG ne dort pas vraiment quand vous croyez l’avoir éteint

L’appareil laissé en veille donne l’impression d’avoir cessé toute activité. Une vaste étude consacrée à différentes références LG aboutit pourtant à une conclusion différente. Même écran éteint, l’appareil continuerait à…

Windows 11 : cette application Microsoft affiche une pub sur votre fond d’écran

Microsoft dit vouloir supprimer quelques publicités de Windows 11, mais en ajoute à au moins l’une de ses applications. Étrangement, ça ne passe pas auprès des internautes. Promis, juré :…

Windows 11 va enfin proposer un widget utile, surtout si vous utilisez beaucoup d’appareils Bluetooth

Microsoft travaille actuellement sur un tout nouveau widget qui pourrait bien vous convaincre d’enfin utiliser cette fonctionnalité. Celui-ci se propose de régler un vieux problème de tous les utilisateurs d’appareils…

GTA 6 : voici l’heure exacte de sortie du jeu et comment y jouer avant tout le monde

On connaît désormais le planning de sortie de GTA 6 dans le monde entier, ce qui ouvre une petite brèche à certains joueurs pour y jouer en avance. En effet,…

« Une saison, c’est parfait » : Spider-Noir n’aura pas de saison 2, mais Nicolas Cage le prend bien

Amazon annule officiellement la série Spider-Noir sur Prime Video. La première saison déjà diffusée sera donc la seule. Nicolas Cage prend acte de la décision et réagit avec philosophie. Nicolas…

Le Huawei Mate XT 2 troque son pliage en Z contre un mécanisme inédit sur ce type de smartphone

Huawei officialise son Mate XT 2 et remanie complètement sa mécanique de pliage. Fermé, le smartphone dissimule maintenant la totalité de son grand écran dans le châssis. Une évolution qui…

iOS 27 : cette fonction inédite vous explique enfin pourquoi votre appel a coupé et comment y remédier

La conférence de présentation des nouveaux iPhone étant imminente, le lancement d’iOS 27 devrait suivre peu après. Et si Apple a déjà présenté sa prochaine mise à jour majeure, la…

Interdiction des réseaux sociaux : Macron ne lâche pas l’affaire et demande l’aide de l’Union européenne

Le président de la République n’a pas dit son dernier mot concernant l’interdiction des réseaux sociaux aux moins de 15 ans. Après la censure du texte par le Conseil constitutionnel…

Google reconnaît le bug qui envoie vos vieux textos aux mauvaises personnes et annonce un correctif

Google Messages peut expédier spontanément des textos datant de plusieurs mois alors que l’expéditeur ne fait rien. Ils peuvent être transmis à un contact auquel ils n’étaient pas destinés. Google…

Le DLSS 5 réduit les performances en jeu des cartes graphiques Nvidia

Accusé par une partie des joueurs de dénaturer la direction artistique des jeux, le DLSS 5 consomme en plus beaucoup d’énergie et réduit les performances en jeu. Nvidia a officiellement…