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 !
Phonandroid a besoin de votre avis

Et si vous nous en disiez un peu plus sur vous, vos idées et vos attentes ? Pour cela, Phonandroid participe à l’enquête NetObserver organisée par Harris Interactive pour l’année 2019. L’objectif de ce questionnaire est d’en apprendre un peu plus…

Android 10 : Google impose désormais sa propre navigation gestuelle

Google cherche à imposer sa propre navigation gestuelle sur tous les smartphones sous Android 10 au détriment des gestes proposés par la surcouche logicielle des constructeurs. Afin d’opter pour le mode de navigation développé par Samsung, OnePlus, Huawei et consorts,…

Android 10 : la liste des smartphones compatibles

Android 10 est désormais officiellement disponible. En plus des Pixel, de nombreux smartphones pourront installer la dernière version de l’OS mobile de Google. On fait le point sur les appareils confirmés par les constructeurs dans la liste ci-dessous.    Android 10…

Le Xiaomi Redmi Note 8 Pro sera lancé en France au prix de 259 €

Le Xiaomi Redmi Note 8 Pro sera bientôt disponible. Ses prix européens sont connus grâce des revendeurs qui n’ont visiblement pas respecté l’accord de non-divulgation. Le smartphone est annoncé au tarif de 259 € pour la version de base avec 6 Go…

Android : ces applications lampe torche du Play Store vous espionnent

Le Google Play Store abrite des applications de lampe torche au comportement douteux, nous apprend la société de sécurité Avast. Plusieurs dizaines d’applications espionnes requièrent un nombre impressionnant d’autorisations dont la grande majorité ne leur est pas nécessaire pour fonctionner….

Android : le malware Joker se cache dans ces 24 applications du Play Store

Android est la cible d’un nouveau malware. Baptisé « Joker », le logiciel malveillant est capable d’abonner les utilisateurs à des services payants à leur insu. D’après Aleksejs Kuprins, chercheur en sécurité informatique chez CSIS, le malware se cache dans 24 applications…

Android vs iOS : les iPhone sont désormais bien plus faciles à pirater

Un smartphone Android est désormais plus difficile à pirater qu’un iPhone, assure Zerodium, une firme spécialisée dans l’achat et la vente d’attaques informatiques. D’après elle, Google est parvenu à apporter d’importantes améliorations à la sécurité d’Android lors de chaque nouvelle…