Skip to content

Cvoii

Menu
  • Home
  • Apple
  • Clouding
  • Gear
  • Latest
  • Lifestyle
  • Notebook
Menu

Material Design, 1 an plus tard : Comment Pocket et Pocket Casts ont conquis la vision de Google

Posted on December 11, 2021 by admin

Pas votre actualité Android moyenne, un mélange diversifié de conseils, d’informations et d’analyses avec le journaliste Android vétéran JR Raphael.

Avec Google I/O 2015 bien entamé, nous approchons rapidement du premier anniversaire de Material Design, la refonte radicale d’Android et d’autres produits Google dévoilée lors de la conférence des développeurs de l’année dernière.

Material Design a introduit un nouveau look non seulement pour le système d’exploitation Android, mais également pour l’écosystème d’applications qui l’entoure. Au cours des 11 derniers mois et plus, les développeurs ont travaillé sans relâche pour mettre à jour leurs applications et les faire se sentir comme une partie intégrante de l’univers Android moderne – et cela se voit : selon la propre estimation de Google, le Play Store contient désormais près d’un quart de million d’applications avec des conceptions sur le thème des matériaux.

En tant que propriétaire d’appareils Android, la différence entre l’utilisation d’une application qui adopte la conception matérielle et une autre qui ne l’est pas est incommensurable. Le premier ressemble à une extension naturelle de l’expérience Android – une pièce qui appartient à la plate-forme et qui est cohérente avec son apparence et son fonctionnement. Ce dernier, quant à lui, ressemble soit à une relique du passé, soit, pire, à une entité déplacée négligemment tombée d’une autre plate-forme.

Nous atteignons maintenant le point où suffisamment d’applications font bien la conception de matériaux que celles qui ne ressortent pas vraiment comme des pouces endoloris. Et vous n’avez pas besoin d’être un designer professionnel pour remarquer la différence.

Les réalités du Material Design

Il existe une idée fausse commune parmi les utilisateurs et même certains développeurs selon laquelle adopter la conception matérielle doit signifier se conformer à une sorte de visuel générique à l’emporte-pièce – une apparence non distinctive qui imite les propres applications de Google et n’a aucune personnalité propre.

Tenez le téléphone, cependant : bien que l’émulation de l’apparence de base de « l’application Google » soit certainement l’un des moyens (et sans doute le plus simple) d’adopter Material Design, de nombreux développeurs ont découvert qu’il était possible d’utiliser Material tout en conservant l’identité et la marque uniques d’une application.

“Notre application est assez distinctive sur la plupart des plates-formes sur lesquelles elle se trouve”, déclare Russell Ivanovic, développeur et co-fondateur de Shifty Jelly, la société à l’origine de l’application de podcast Pocket Casts, l’un des six titres reconnus par le gourou du design Google Matias Duarte. avec un Material Design Award à I/O hier soir.

“L’une des premières choses que nous nous sommes dites, c’est que nous ne voulons pas d’une interface utilisateur d’un blanc éclatant avec juste quelques boutons flottants et quelques ombres. Nous voulions prendre le temps d’ajouter tous les petits détails et touches qui mettent notre propre tampon et donne à l’application l’impression d’être comme nous.”

L’une de ces touches est la façon dont Pocket Casts identifie une couleur clé à partir des illustrations d’un podcast, puis utilise cette couleur pour les éléments de l’interface utilisateur tels que les boutons et les arrière-plans. C’est une chose subtile – et quelque chose que certains utilisateurs ne remarqueront peut-être même pas consciemment – mais cela contribue grandement à rendre l’expérience utilisateur plus raffinée et cohérente.

conception matérielle de moulages de poche

L’application Android Pocket Casts

Fait intéressant, Pocket Casts ne s’appuie pas beaucoup sur certains des signes les plus immédiatement reconnaissables de la conception matérielle, comme le bouton d’action flottant – l’icône circulaire aux couleurs vives qui se trouve dans le coin inférieur droit de nombreuses interfaces utilisateur sur le thème des matériaux. S’éloigner de cet élément était une décision délibérée des développeurs de Shifty Jelly.

“Certaines de nos premières conceptions avaient un bouton d’action flottant”, dit Ivanovic, “mais j’avais l’impression que cela n’avait pas besoin d’être là dans le contexte de Pocket Casts. Cela n’avait pas vraiment de sens.”

Pocket Casts utilise le bouton d’action flottant à un seul endroit – la boîte de dialogue de l’épisode, où un utilisateur a sélectionné une émission et un épisode spécifiques et est donc probablement prêt à écouter ce programme. Là, me dit Ivanovic, un bouton de lecture proéminent avait du sens – et un bouton d’action flottant semblait être un moyen logique de présenter une action aussi importante.

Le numéro d’équilibriste du Material designer

Cela soulève un point important à propos de la conception matérielle – ou de la plupart des directives de conception, d’ailleurs : elles sont des lignes directrices. Pas de règles strictes. C’est quelque chose que l’équipe derrière Pocket, un outil populaire de sauvegarde d’articles également reconnu par Duarte avec un Material Design Award hier soir, s’en est rapidement rendu compte.

« C’est un bon point de départ », déclare Max Weiner, principal développeur Android de Pocket. “En gros, Google dit : ‘Si vous n’avez pas d’équipe de concepteurs, voici ce que vous pouvez utiliser et à quoi vous pouvez donner l’apparence de votre application.'”

Weiner dit que son équipe a commencé la transition matérielle de Pocket en passant au peigne fin leur propre application et les directives de Google, puis en réfléchissant soigneusement à la manière dont les divers éléments pourraient s’intégrer dans leurs désirs de conception. Ils ont décidé d’inclure des éléments qui semblaient essentiels à l’ambiance Material – des choses comme une barre de navigation mise à jour avec des icônes Material-esque et des couleurs d’accent – et de trouver un moyen de les intégrer dans l’interface de Pocket tout en permettant à l’application de se sentir comme lui-même.

Conception de matériel de poche

L’application Android de poche

“Il est important que la marque soit toujours là”, explique Weiner. « Cela se résume à un exercice d’équilibre : nous voulons nous assurer que les gens ouvrent l’application et disent : « Oh, c’est Pocket ». Mais nous voulons aussi qu’ils disent : « C’est Android. »”

Matière et mouvement

Alors que des éléments tels que les icônes, les polices et les couleurs peuvent être les signes les plus évidents de Material Design, l’accent mis sur l’animation est sans doute l’ajout le plus transformateur des directives pour Android et son écosystème.

Lorsque vous parlez à des concepteurs – qu’ils conçoivent des divinités comme Duarte ou des êtres plus terrestres qui créent des applications et des services non Google – vous entendez souvent parler de la notion de “délice”. Fondamentalement, l’idée est que nous avons atteint un point où la fonctionnalité devrait être une donnée. Au-delà d’avoir une interface utilisateur sensée et intuitive, vous voulez qu’elle soit un plaisir à utiliser – pour qu’il crée ces petits moments magiques lorsqu’un utilisateur voit quelque chose et sourit ou dit: “Huh. C’était cool.”

C’est un concept au cœur de la conception d’Android Lollipop et qui devient également de plus en plus important pour les applications qui s’exécutent sur la plate-forme. Comme l’expliquent les développeurs, une animation correctement exécutée peut remplir deux rôles différents mais tout aussi précieux.

“Certaines animations sont là uniquement pour ravir l’utilisateur, comme notre bouton de lecture qui se transforme en bouton de pause”, explique Ivanovic de Pocket Casts. “D’autres vous donnent une idée de ce qui s’est passé, comme lorsque vous avez choisi de commencer à jouer un épisode différent et que les illustrations de cet épisode se mettent en position de lecture. Il y a un peu de plaisir là-bas, mais cela sert également un objectif – montrer le mouvement et décrivant clairement exactement ce qui se passe avec cette transition.”

Regarder en arrière, regarder en avant

Très bien – arrêtons les éloges pendant une minute et soyons brutalement honnêtes : pour tous les points positifs de Material Design, l’année dernière n’a pas été que du soleil et des fous rires dans la vie des développeurs. Pour les personnes chargées de suivre les directives de Google et de les mettre en place dans le monde réel, il y a un défi principal qui semble se poser le plus fréquemment – et c’est le redoutable mot “F”.

Non, non cette Mot “F”, espèce de maniaque grossier. L’autre. Fragmentation. Mais pas de la façon dont vous pourriez le penser.

“Du point de vue d’un non-développeur, les gens regardent toutes les différentes tailles d’appareils sur Android et ils se disent :” Wow, ça doit être vraiment difficile “”, déclare Ivanovic. “Mais Google a intégré la capacité de faire évoluer facilement une application à différentes tailles assez tôt, bien avant même Android 4.0.”

La véritable fragmentation en jeu n’est pas la diversité des dispositifs mais plutôt la diversité de Logiciel qui fonctionne sur ces nombreux téléphones et tablettes. Il suffit d’un coup d’œil sur mon dernier bulletin de mise à niveau Android pour voir à quoi les développeurs sont confrontés : lorsque Shifty Jelly a lancé la refonte du matériel de Pocket Casts, environ un quart de la base d’utilisateurs de l’application était sur l’actuel système d’exploitation Android 5.0 Lollipop. Ce chiffre est maintenant d’environ 50 %. Cela fait beaucoup d’utilisateurs sur les anciennes versions de la plate-forme – et ces utilisateurs doivent être pris en charge.

“C’est la partie difficile”, explique Ivanovic. “Lorsque Google introduit une toute nouvelle API pour Android 5.0, il vous offre parfois une bibliothèque de support qui vous permet de l’utiliser dans les anciennes versions et parfois non. Et s’ils ne le font pas, vous êtes gentil de vous-même quand il s’agit de vous assurer que les utilisateurs de ces anciennes versions peuvent toujours utiliser les choses que vous implémentez.”

Pocket Casts prend actuellement en charge les appareils dotés d’un logiciel aussi ancien que la version Android 4.1 Jelly Bean de 2012. Et avec des éléments matériels tels que l’animation et l’élévation étant limités aux appareils avec Android 5.0 ou supérieur, l’équipe Shifty Jelly a été confrontée à des décisions difficiles.

« Vous pouvez rechercher des implémentations open source pour des éléments que Google n’a pas rétroportés sur des versions plus anciennes, vous pouvez les implémenter vous-même ou vous pouvez simplement abandonner et dire que nous n’allons pas prendre en charge cette fonctionnalité sur les appareils plus anciens. » dit Ivanovic.

Shifty Jelly a pris le temps de trouver des solutions pour que son application soit aussi belle sur les anciennes versions d’Android que sur Lollipop. Mais de nombreux développeurs n’ont pas les ressources, les connaissances ou la motivation pour faire de même. Pour l’avenir, cela semble être la plus grande demande des développeurs – même plaidoyer — pour que Google améliore la conception matérielle et la rende plus pratique de son point de vue.

« Dans le monde réel, vous ne pouvez pas simplement soutenir Lollipop », déclare Max Weiner de Pocket. « Vous devez soutenir depuis longtemps, parfois même jusqu’à [2011’s] Sandwich à la crème glacée. Nous avons besoin de plus d’outils disponibles pour que des choses comme les animations se replient gracieusement.”

(Google fait annoncer de nouvelles ressources pour apporter des éléments de conception matérielle aux appareils plus anciens au niveau des E/S cette année, d’ailleurs, mais certains domaines – comme l’animation et l’élévation – ne sont toujours pas pris en charge.)

Défis et tout, il y a peu de débat sur le fait que Material en tant que norme de conception a aidé Android à progresser à pas de géant. Alors que les mises à jour précédentes ressemblaient à de nouvelles couches de peinture ou même à des éclaboussures partielles de vernis, Material Design donne en fait à Android l’impression d’être une plate-forme entièrement nouvelle et nouvellement cohésive, une plate-forme qui rivalise avec les meilleurs d’entre elles dans le département du design.

Et s’il y a quelqu’un sur qui vous pouvez compter pour une évaluation de la progression sans BS, c’est une personne dont le travail consiste à étudier le système d’exploitation et à créer des outils qui s’y adaptent.

“Je ne dirais pas que c’était moche, mais Android n’a jamais été le meilleur système d’exploitation au monde”, s’amuse Ivanovic. “Avec Material, il semble que Google ait enfin laissé libre cours à ses concepteurs pour remodeler le tout plutôt que de petits morceaux ici et là.”

SUIVANT: 30 applications de Material Design exceptionnelles pour Android

Android Power sur Twitter

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Premier coup d’œil : Ford Edge 2016
  • Les packs OnePlus 8, 7T, Amazon Echo et d’autres appareils sont en vente
  • Microsoft annonce l’application Votre téléphone pour Windows 10
  • Sony a officiellement dévoilé le Xperia Z4 : Snapdragon 810, écran 5,2 pouces 1080p et appareil photo 20,7 MP
  • The Division 2 arrive sur Stadia ce mois-ci avec le jeu croisé sur PC

Categories

  • Apple
  • Clouding
  • Gear
  • Latest
  • Lifestyle
  • Notebook
© 2023 Cvoii | Powered by Superbs Personal Blog theme