Le Material Design : principe et applications pratiques

Maj. le 9 mars 2018 à 11 h 35 min

C’est un concept qui est revenu fréquemment dans certaines actualités récentes du petit monde d’Android. Un concept au nom séduisant, mais dont la particularité est en soi assez difficile à saisir. Alors que le Play Store de Google s’est converti à ce nouveau concept graphique avec sa dernière mise en jour, et qu’il devrait être au coeur de l’expérience Android L, on vous explique rapidement en quoi consiste le material design et quels sont ses apports pour l’utilisateur d’Android.

Présenté au cours de la dernière Google I/O, le concept de Material Design est en soi un peu compliqué à expliquer, donc commençons par évoquer ce à quoi il est censé parer, en prenant l’exemple d’une application qui ne fonctionne pas sous Material Design.

material design explication

C’est le cas notamment de l’application Météo d’iOS, une application que l’on peut qualifier de réussie au niveau du design mais dont l’interactivité n’est pas vraiment intuitive. Les zones que l’utilisateur peut activer tactilement ne sont pas explicites et il faut un peu de recherche avant de découvrir que la partie haute de l’écran peut être activée comme vous pouvez le voir sur l’image ci-dessus. Il est donc parfois difficile pour l’utilisateur de s’y retrouver sans tâtonner, et parfois sans activer une option ou un lien non désiré.

fonctionnement material design

Pire, certains mouvements suivant la logique de l’application ne font pas toujours immédiatement sens quand on les active. Toujours dans la même application, il est possible de réduire une page en appuyant sur en bas à droite de l’écran. La page se réduit en faisant une animation de glissement, ce qui laisse à penser qu’elle peut être réagrandie en faisant glisser le doigt le long de l’écran. Ce qui n’est pas le cas, puisqu’il faut à nouveau appuyer sur une des lignes réduites.

explication material design

Pour se figurer les problèmes d’interactivité de l’application, il est possible de la recréer sous forme papier. On s’aperçoit alors qu’il est nécessaire, si l’on veut recréer les interactions possibles, de couper une partie de l’écran et de le déplacer. Ce modèle papier montre de quelle façon l’interaction dans l’application devrait s’arranger pour que l’utilisateur s’y retrouve immédiatement.

Les conventions de ce genre de design ne sont donc pas des plus instinctives, et c’est sur ce point que le Material Design intervient. Grâce à ce concept, les applications créées sur ce modèle ne laisseront plus passer des errances de design de la sorte en matérialisant le mouvement dans les applications. Concrètement par exemple, si vous choisissez de déplacer une ligne, ses contours seront nettement visibles, et si vous la faîtes glisser, une ombre et des effets de perspective vous permettront de vous y retrouver facilement.

material design fonctionnement

Le principe du Material Design est donc d’offrir à l’utilisateur une expérience qui se rapproche au plus près de celle qu’elle serait dans la vie de tous les jours. En créant des designs instinctifs, il permet à ceux qui n’ont pas toujours l’habitude de s’y retrouver sur un écran tactile de ne plus être perdus. Et aux autres d’éviter les manipulations involontaires parfois parasites dans une application.

Via

Réagissez à cet article !
Abonnez-vous gratuitement à la newsletter
Chaque semaine, le meilleur de Phonandroid dans votre boite mail !
Demandez nos derniers articles !
/e/ : voici les premiers smartphones Android sans Google

/e/, l’OS Android sans la moindre trace de Google, sera bientôt proposé à la vente sur une poignée de smartphones, dont les Galaxy S9 de Samsung. Sans surprise, le projet s’adresse surtout aux utilisateurs soucieux de protéger leur vie privée….

CameraX : voici comment Google compte améliorer les applications photo Android

Avec CameraX, annoncé lors du Google I/O 2019, les applications photo des smartphones Android vont pouvoir s’étoffer, et exploiter au maximum les capteurs photo de votre smartphone et les capteurs supplémentaires (profondeur de champ, autofocus…) éventuellement ajoutés par le fabricant….

Android Q : comment installer la beta 3

Android Q est désormais disponible en version beta. Plusieurs mois avant l’arrivée de la version finale, Google a mis à disposition des utilisateurs d’un Pixel, Pixel 2 ou Pixel 3 une troisième beta publique. On vous explique comment faire pour télécharger et installer la 10ème version…

Android 10 Q Beta : 21 smartphones compatibles, voici les nouveautés

La bêta d’Android 10 Q est annoncée compatible avec 21 smartphones par Google lors de sa conférence I/O. Pour la première fois, au moins un smartphone Huawei pourra profiter en avant-première des fonctionnalités et de l’interface d’une version d’Android encore…

Waze : bugs et problèmes sur Android Auto, que se passe-t-il ?

Waze a du mal à fonctionner correctement sur Android Auto ces derniers temps. Les utilisateurs se plaignent de différents bugs et problèmes avec l’application. Navigation en panne, commandes vocales en berne, signalement des incidents… plusieurs fonctionnalités sont affectées.  Depuis juillet…