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 !

Le patron de Nvidia espionné par la Chine, Donald Trump préfère regarder ailleurs

Une femme d’affaires chinoise proche de Jensen Huang, le patron de Nvidia, serait une espionne à la solde de Pékin. Les agences de renseignement des États-Unis la surveillent, mais Donald…

The Elder Scrolls 6 s’appelle Sentinel, le successeur de Skyrim annoncé très bientôt

L’attente touche à sa fin. Xbox devrait communiquer sur The Elder Scrolls 6 dans les prochaines semaines. Cet opus serait nommé Sentinel et se déroulerait dans la région de Hammerfell….

Samsung prévient : la crise de la mémoire va encore empirer en 2027

Samsung n’a déjà plus aucune mémoire HBM disponible pour 2027. Et la majorité de sa capacité de production pour les années suivantes est également réservée. Les prix vont continuer de…

iPhone 13 Pro : il chute à seulement 306 € grâce à ce code promo, c’est un prix sacrifié !

S’il y a bien une génération d’iPhone qui fait le consensus, c’est celle de l’iPhone 13 Pro. De très nombreux acheteurs de la première heure de ce téléphone continuent aujourd’hui…

iPhone Duo : Apple a sacrifié son contrôle qualité pour augmenter la production

Alors que l’iPhone Duo semble sujet à des problèmes de fabrication, on apprend qu’Apple aurait réduit ses exigences de contrôle qualité pour pouvoir accélérer la cadence de production. L’officialisation de…

Un simple SMS suffirait à ouvrir vos conversations de Garmin Messenger à un parfait inconnu

Les opérateurs réattribuent les numéros abandonnés sans prévenir les services qui s’en servent d’identifiant. Garmin Messenger accepte justement un simple code reçu par SMS pour ouvrir une session. Un utilisateur…

The Legend of Zelda : Echoes of Wisdom : l’excellent jeu Switch est à moins de 37 €, vite !

Vous ne savez plus à quoi jouer et vous avez un budget limité ? Avez-vous déjà joué à The Legend of Zelda : Echoes of Wisdom ? Ce jeu Switch…

Ce service présent sur l’écran d’accueil des smartphones Galaxy fermera le 21 décembre

Les smartphones Galaxy perdent régulièrement une fonction maison depuis deux ans. Installé à gauche de l’écran d’accueil, le fil d’actualités arrive à son tour en fin de parcours. Samsung News…

Fnac Darty collectait nos données sans notre consentement : la CNIL lui inflige 7 millions d’euros d’amende

La CNIL a sanctionné Fnac Darty d’une amende de 7 millions d’euros pour avoir eu recours à un traceur collectant les informations de navigation des utilisateurs sans leur autorisation. En…

Les nouveaux AirPods 5 avec réduction de bruit profitent déjà d’une belle promo sur Amazon

Le prix des nouveaux AirPods 5 est en baisse sur Amazon dans les deux versions des écouteurs sans fil : celle avec un boîtier de charge USB-C et celle avec recharge…