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 !

Prime Day Roborock : remises jusqu’à 1 000 € sur quatre robots aspirateurs et un balai vapeur révolutionnaire

C’est enfin le Prime Day. Roborock dégaine cinq aspirateurs robots avec remises jusqu’à 1 000 €. Du Saros 20 ultra-autonome au F25 Ultra vapeur, on décrypte les vraies différences tech…

Avec sa réduction de bruit redoutable, le Sony WH-1000XM5 passe à moins de 195 €

Toujours considéré comme l’une des références du marché, le Sony WH-1000XM5 voit son prix chuter à moins de 200 €, soit moins de la moitié de son prix de lancement. C’est…

Argentine Algérie : voici les options pour suivre le match de Coupe du monde en direct

Pour son entrée en lice en Coupe du monde, l’Algérie affronte l’Argentine. Le tirage au sort n’a pas fait de cadeau aux Fennecs : dès le premier match, c’est l’Argentine…

iOS 27 : calendrier de sortie, iPhone compatibles, tout ce que l’on sait de la future mise à jour majeure d’Apple

iOS 27 est la prochaine version majeure du système d’exploitation d’Apple. Cette mise à jour est annoncée comme celle qui permettra enfin à la marque à la pomme d’entrer vraiment…

Hallucination au tribunal : un procès suspendu, des avocats condamnés pour avoir choisi l’IA comme associé

Cette affaire pourrait porter le titre d’« Arroseur arrosé ». Lors d’un procès, ce sont finalement les avocats des deux parties qui se sont retrouvés condamnés… pour avoir utiliser l’IA dans leurs…

Android 17 : mon smartphone Samsung pourra-t-il installer la prochaine grosse mise à jour ?

Après l’annonce en grande pompe d’Android 17, beaucoup se demandent désormais si leur smartphone sera compatible avec la mise à jour. Bonne nouvelle, nous avons déjà la liste des appareils…

Nouvelle hausse de prix pour le forfait mobile Série Free, est-il encore si intéressant ?

Le forfait mobile Série Free voit encore son prix augmenter, seulement quelques semaines après une autre hausse. De quoi relativiser son intérêt. Il y a un mois, Free Mobile augmentait…

DJI Neo 2 : le mini drone pour débutant capable de filmer en 4K est à moins de 165 €, vite !

Vous rêvez de faire des vidéos et des photos en drone mais vous ne savez absolument pas piloter ? Aucun souci, la marque DJI a pensé à vous en créant…

Xiaomi TV Box S 3ème génération : donnez un coup de boost à votre TV pour moins de 50 euros

La Xiaomi TV Box S de 3ème génération est la solution idéale pour redonner toute sa jeunesse à votre vieux téléviseur. Il suffit de la brancher à un port HDMI…

Facebook lance son mode IA, à quoi ça sert et comment ça marche ?

Meta annonce le lancement d’un mode IA pour Facebook, qui se veut un moteur de recherche basé sur Meta AI pour obtenir des réponses basées sur le contenu publié sur…