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 !

L’iPhone 18e pourrait faire l’impasse sur cette amélioration majeure

Mauvaise nouvelle pour celles et ceux qui attendaient une vraie évolution avec l’iPhone 18e à venir l’an prochain. D’après les dernières rumeurs, il faudra attendre encore plus longtemps pour en…

Nintendo Switch 2 : la dernière mise à jour va rendre vos vieux jeux beaucoup plus beaux, voici comment

La dernière mise à jour du firmware de la Nintendo Switch 2 apporte un nouveau mode qui vient booster les graphismes des jeux sortis sur la première Switch. Celui-ci permet…

Wi-Fi : passer d’un smartphone Android à un autre sera plus simple avec cette nouveauté

Google va apporter un petit changement au fonctionnement d’Android. Il n’a l’air de rien, mais il va faciliter le passage d’un smartphone à un autre au quotidien. Voici comment. Il…

Ce changement inattendu pourrait enfin faire baisser les prix de la RAM DDR5

Les prix de la mémoire vivent une période agitée depuis plusieurs mois. Les hausses se sont enchaînées sans interruption. Un nouveau signal pourrait toutefois changer la tendance. Depuis la fin…

Google TV : une mise à jour empêche ce launcher anti-pub de se lancer, voici comment régler le problème

Certains utilisateurs de Google TV ont eu la mauvaise surprise ces derniers jours de voir que le launcher alternatif Projectivity ne fonctionnait plus comme prévu. Ils se sont ainsi retrouvés…

TV

Google Maps : la navigation à vélo sera bientôt plus personnalisée

En parallèle de sa grosse mise à jour graphique, Maps de Google prépare une nouvelle option de personnalisation pour les trajets en vélo. De quoi la mettre au même niveau…

Les Realme 16 Pro et 16 Pro+ sont officiels et se présentent comme les « maîtres du portrait »

Realme vient d’officialiser ses deux nouveaux smartphones milieu de gamme : les 16 Pro et 16 Pro+. Ces deux terminaux au design toujours typé sont présentés par la marque comme « les…

Test Realme 16 Pro+ : que vaut ce concurrent du Redmi Note 15 Pro+ ?

Après le GT 8 Pro, Realme est de retour sur le milieu de gamme avec la série « 16 ». Et tout en haut de celle-ci, nous retrouvons le Realme…

Garmin Forerunner 255 : la montre connectée star des sportifs est à un prix choc !

La Garmin Forerunner 255, la montre connectée GPS multisport fait l’objet d’une importante baisse de prix dans les cadre des promos anniversaire d’AliExpress. Découvrir l’offre sur la Garmin Forerunner 255…

Le DLSS 5 va massacrer le look de vos jeux à coup d’IA, mais qui veut de ça Nvidia ?

Nvidia a annoncé hier le DLSS 5, la nouvelle mouture de la technologie d’upscaling intégrée à ses cartes graphiques. Et le moins que l’on puisse dire, c’est que la réception…