La nouvelle version du Play Store introduit le « Material Design » d'Android L

La nouvelle version du Play Store introduit le « Material Design » d’Android L

Autant s'y habituer, cela ne fait que commencer

Avatar de l'auteur

Vincent Hermann

Publié dansSociété numérique

24/07/2014
37
La nouvelle version du Play Store introduit le « Material Design » d'Android L

Google diffuse actuellement une mise à jour conséquente pour son Play Store. Il s’agit en effet de la première application à recevoir le « Material Design » qui a été présenté le mois dernier, et qui doit marquer une grande évolution visuelle pour Android L.

Premiers éléments concrets du « Material Design » 

Lors de sa grande conférence I/O, Google a dévoilé de très nombreuses nouveautés en cours de travaux pour la prochaine mouture d’Android, baptisée « L » pour l’instant. La firme prépare un important renouvellement de ses interfaces, tant via les règles ergonomiques que par les concepts visuels et les palettes de couleurs. Ode au flat design, « Material Design » fait la part belle aux couleurs pleines, aux grandes surfaces et, dans certains cas, aux contenus très graphiques.

 

La première application à basculer vers cette nouvelle présentation est Play Store, autrement dit celle par laquelle on accède à toutes les autres. Comme on peut le voir plus haut sur la vidéo réalisée par Droid Life, il s’agit surtout de premiers éléments, car ce n’est pas l’application complète qui a été reprise de fond en comble. Cependant, l’essentiel de l’interface a changé et fait la part belle aux contenus.

 

On retrouve de nombreux éléments apportés par Microsoft avec son langage graphique Modern UI. Ce qu’on appelle communément le « chrome », autrement dit ce qui définit le contenant d’une application, s’efface au maximum pour mettre en avant le contenu. Dans une fiche d'application par exemple, les éléments ne sont plus compactés les uns à côté des autres, mais simplement disposés en empilement vertical.

 

google play material design
Crédits : Anandtech

Une lisibilité largement améliorée, au prix d'un espace nécessaire plus grand 

Comme souvent avec ce type d’interface, ce que l’on gagne en lisibilité se perd en surface d’affichage. Car un tel layout prend davantage de place et il faudra faire défiler l’écran pour retrouver les éléments. En contrepartie, les différentes informations sont beaucoup plus lisibles et l’utilisateur aura certainement l’impression de mieux respirer.

 

Cependant, pour éviter qu’une page d’accueil pour une application ou un autre contenu ne soit trop longue, la fiche descriptive est tronquée. Par défaut, on ne trouvera que les derniers éléments ayant changé. Tout le reste, à savoir les nouveautés absentes ou même le résumé de l’éditeur, sont réunis dans une section « Lire la suite », sur laquelle il faudra appuyer pour afficher les informations.

 

google play material design
Crédits : Kirill Grouchnikov

Puisque « Material Design » doit mettre en avant au maximum le contenu, Google a également décidé de mettre en place de larges bannières pour les applications, la musique, les films et tout ce qui peut se récupérer depuis la boutique. Pour autant, ces bannières ne sont encore pas nombreuses car elles demandent une création graphique adaptée. Dans le cas des applications notamment, les éditeurs tiers devront eux-mêmes proposer l’image afin de compléter la fiche descriptive.

 

Lisibilité, iconographie, grandes images, animations : les bases sont posées et les prochains mois verront un nombre croissant d’applications de l’éditeur être renouvelées de la sorte. La question qui reste en suspens est de savoir si les éditeurs tiers suivront le mouvement et travailleront les nouvelles lignes introduites par Google. Si tel est le cas, l’écosystème Android pourrait connaître son plus gros renouvellement graphique depuis ses débuts.

 

En attendant, la nouvelle version de Google Play est graduellement diffusée. Elle porte le numéro de version 4.9.13 et Droid Life en propose le lien direct si vous ne souhaitez pas attendre sa disponibilité.

37
Avatar de l'auteur

Écrit par Vincent Hermann

Tiens, en parlant de ça :

Poing Dev

Le poing Dev – Round 7

Meuh sept super !

22:32 Next 6
Logo de Gaia-X sour la forme d’un arbre, avec la légende : infrastructure de données en forme de réseau

Gaia-X « vit toujours » et « arrive à des étapes très concrètes »

« Money time »

18:06 WebSécu 3

Trois consoles portables en quelques semaines

Et une nouvelle façon de concevoir le jeu se confirme

10:45 Hard 35

Sommaire de l'article

Introduction

Premiers éléments concrets du « Material Design » 

Une lisibilité largement améliorée, au prix d'un espace nécessaire plus grand 

Poing Dev

Le poing Dev – Round 7

Next 6
Logo de Gaia-X sour la forme d’un arbre, avec la légende : infrastructure de données en forme de réseau

Gaia-X « vit toujours » et « arrive à des étapes très concrètes »

WebSécu 3

Trois consoles portables en quelques semaines

Hard 35
Une tasse estampillée "Keep calm and carry on teaching"

Cyberrésilience : les compromis (provisoires) du trilogue européen

DroitSécu 3

#LeBrief : fuite de tests ADN 23andMe, le milliard pour Android Messages, il y a 30 ans Hubble voyait clair

#Flock a sa propre vision de l’inclusion

Flock 25
Un Sébastien transformé en lapin par Flock pour imiter le Quoi de neuf Docteur des Looney Tunes

Quoi de neuf à la rédac’ #10 : nous contacter et résumé de la semaine

43
Autoportrait Sébastien

[Autoportrait] Sébastien Gavois : tribulations d’un pigiste devenu rédac’ chef

Next 20
Logo de StreetPress

Pourquoi le site du média StreetPress a été momentanément inaccessible

Droit 21
Amazon re:Invent

re:Invent 2023 : Amazon lance son assistant Q et plusieurs services IA, dont la génération d’images

IA 14
Un œil symbolisant l'Union européenne, et les dissensions et problèmes afférents

Le Conseil de l’UE tire un bilan du RGPD, les États membres réclament des « outils pratiques »

Droit 6

19 associations européennes de consommateurs portent plainte contre Meta

DroitSocials 16

#LeBrief : Ariane 6 l’été prochain, Nextcloud rachète Roundcube, désinformation via la pub

Chiffre et formules mathématiques sur un tableau

CVSS 4.0 : dur, dur, d’être un expert !

Sécu 16
Une tête de fusée siglée Starlink.

Starlink accessible à Gaza sous contrôle de l’administration israélienne

Web 35
Fibre optique

G-PON, XGS-PON et 50G-PON : jusqu’à 50 Gb/s en fibre optique

HardWeb 53
Photo d'un immeuble troué de part en part

Règlement sur la cyber-résilience : les instances européennes en passe de conclure un accord

DroitSécu 10
lexique IA parodie

AGI, GPAI, modèles de fondation… de quoi on parle ?

IA 11

#LeBrief : logiciels libres scientifiques, fermeture de compte Google, « fabriquer » des femmes pour l’inclusion

livre dématérialisé

Des chercheurs ont élaboré une technique d’extraction des données d’entrainement de ChatGPT

IAScience 3
Un chien avec des lunettes apprend sur une tablette

Devenir expert en sécurité informatique en 3 clics

Sécu 11
Logo ownCloud

ownCloud : faille béante dans les déploiements conteneurisés utilisant graphapi

Sécu 16
Le SoC Graviton4 d’Amazon AWS posé sur une table

Amazon re:invent : SoC Graviton4 (Arm), instance R8g et Trainium2 pour l’IA

Hard 12
Logo Comcybergend

Guéguerre des polices dans le cyber (OFAC et ComCyberMi)

Sécu 10

#LeBrief : faille 0-day dans Chrome, smartphones à Hong Kong, 25 ans de la Dreamcast

Mur d’OVHcloud à Roubaix, avec le logo OVHcloud

OVHcloud Summit 2023 : SecNumCloud, IA et Local Zones

HardWeb 2
algorithmes de la CAF

Transparence, discriminations : les questions soulevées par l’algorithme de la CAF

IASociété 62

Plainte contre l’alternative paiement ou publicité comportementale de Meta

DroitIA 40
Nuage (pour le cloud) avec de la foudre

Économie de la donnée et services de cloud : l’Arcep renforce ses troupes

DroitWeb 0
De vieux ciseaux posés sur une surface en bois

Plus de 60 % des demandes de suppression reçues par Google émanent de Russie

Société 7
Une vieille boussole posée sur un plan en bois

La Commission européenne et Google proposent deux bases de données de fact-checks

DroitWeb 3

#LeBrief : des fichiers Google Drive disparaissent, FreeBSD 14, caméras camouflées, OnePlus 12

Hubble mission maintenance

Il y a 30 ans, Hubble recevait sa première mission de maintenance

Science 18

Des menottes autour d'un rouleau de billets de banque

Les deux principaux responsables de l’agence de cybersécurité ukrainienne accusés de corruption

DroitÉcoSécu 8

Google Messages

Sur Android, Messages fête son milliard d’utilisateurs, de nouvelles fonctions en approche

WebSoft 19

Une femme en blouse blanche et portant des lunettes adaptées utilise un séquenceur à ADN

Tests ADN : 23andMe avoue que les infos d’un « nombre significatif » d’utilisateurs ont fuité

Sécu 7

Commentaires (37)


Nioniotte
Il y a 9 ans

Flat design … <img data-src=" />


Seth-Erminatores
Il y a 9 ans

Plutôt sympa comme maj. Je l’ai installée sur mon LG g2 ça tourne parfaitement.


Immoria
Il y a 9 ans

Je trouve l’évolution plutôt positive. J’aime ce design moins “carré”.


Kamalen
Il y a 9 ans






Nioniotte a écrit :

Flat design … <img data-src=" />



Flat design <img data-src=" /> <img data-src=" />



Alucard63
Il y a 9 ans

Windows Phonedroid. <img data-src=" />


kade
Il y a 9 ans

Ce qui est amusant, c’est que dans les applis métiers, quand on fait un upgrade et que l’ergonomie change, même un peu, les utilisateurs gueulent. Et c’est souvent signe de formations/mises à niveau.
Pour Androïd, heureusement que c’est ludique. C’est beau d’évoluer sans cesse. Quand c’est ludique.


frikakwa
Il y a 9 ans

Adopté en ce qui me concerne: lisibilité nickel et les INfos principales bien mises en avant AMHA. <img data-src=" />


Jarodd Abonné
Il y a 9 ans

J’aime bien ce nouveau design. La seule chose que je regrette, c’est la perte du bandeau de couleur sous les boutons Partager/Rechercher/Plus.


Maicka
Il y a 9 ans

Impeccable.


kade
Il y a 9 ans






Jarodd a écrit :

J’aime bien ce nouveau design. La seule chose que je regrette, c’est la perte du bandeau de couleur sous les boutons Partager/Rechercher/Plus.


Pour ma part, je ne vois plus “partager”…



frikakwa
Il y a 9 ans






kade a écrit :

Pour ma part, je ne vois plus “partager”…


Juste en-dessous des commentaires. <img data-src=" />



kade
Il y a 9 ans






frikakwa a écrit :

Juste en-dessous des commentaires. <img data-src=" />


Je n’ai jamais vraiment réussi à me remettre du passage de Windows 3.11 vers 95. Désolé.
<img data-src=" />



frikakwa
Il y a 9 ans






kade a écrit :

Je n’ai jamais vraiment réussi à me remettre du passage de Windows 3.11 vers 95. Désolé.
<img data-src=" />


<img data-src=" /> Tu vas souffrir toi au passage à Android L! <img data-src=" />



Thoscellen Abonné
Il y a 9 ans






kade a écrit :

Je n’ai jamais vraiment réussi à me remettre du passage de Windows 3.11 vers 95. Désolé.
<img data-src=" />

Mais si ca se trouve, le bureau révolutionnaire que Microsoft nous prépare dans Windows 9, c’est le bureau Windows 3.1 ! <img data-src=" />


Cependant, pour éviter qu’une page d’accueil pour une application ou un autre contenu ne soit trop longue, la fiche descriptive est tronquée.
Notons que c’est déjà le cas, actuelement.



kade
Il y a 9 ans






Thoscellen a écrit :

Mais si ca se trouve, le bureau révolutionnaire que Microsoft nous prépare dans Windows 9, c’est le bureau Windows 3.1 ! <img data-src=" />


Si c’est le cas, j’ai hâte !
J’ai quand-même un peu peur sur le nombre de disquettes pour l’install ; s’il y en a plus de 10 (ce que j’ai cru comprendre) ça risque d’être chaud (secteurs défectueux, tout ça…)
<img data-src=" />



Thoscellen Abonné
Il y a 9 ans






Nioniotte a écrit :

Flat design … <img data-src=" />

Curieusement, Google s’en éloigne, justement ! Ils ont évité le skeuomorphisme à la mode chez Apple il y a quelques ans, et se sont inspiré de l’étrange Metro Design de Microsoft, sans pour autant reproduire du Flat Design. J’pense que les Graphiste de Google ne veulent pas se résoudre à faire où du trop “minimaliste”, ou du trop “imitation de la réalité” dans la mesure où ce sont des solutions simplistes qui viennent à l’esprit quand on ne sais pas quoi faire du design d’un produit.
Même si je suis pas fan de ce Material Design (même le nom je le trouve pas adapté), le je préfère déjà à ceux que j’ai déjà présenté. Il me semble évident que Microsoft doit évoluer de son Metro vers un design permettant plus de subtilité dans la représentations des layouts et la mise en évidence des contenus (C’histoire de Chrome)

Autre sujet : Google présente le Matérial Design comme étant mettre les animations au service de l’expérience utilisateur et de ergonomie. Vue la vidéo et les présentations, c’est intelligence, pertinent, cohérent, peut-être même innovant dans sont ensemble, mais ce ne sont pas les premiers a avoir réfléchit la dessus ^^



GruntZ Abonné
Il y a 9 ans






Nioniotte a écrit :

Flat design … <img data-src=" />




Kamalen a écrit :

Flat design <img data-src=" /> <img data-src=" />


Ah ! Les gouts et les couleurs …

L’esthétique d’un design passe souvent avant son ergonomie, et c’est à mon sens bien dommage.
Après, c’est mieux de pouvoir choisir son papier peint et ses meubles sans avoir à toucher aux murs ou à la vue.

Perso, j’aime pas le flat; mais je suis toujours avec le cube Compiz et Emerald pour mes fenêtres …



Vincent_H Abonné
Il y a 9 ans






Thoscellen a écrit :

Curieusement, Google s’en éloigne, justement ! Ils ont évité le skeuomorphisme à la mode chez Apple il y a quelques ans, et se sont inspiré de l’étrange Metro Design de Microsoft, sans pour autant reproduire du Flat Design. J’pense que les Graphiste de Google ne veulent pas se résoudre à faire où du trop “minimaliste”, ou du trop “imitation de la réalité” dans la mesure où ce sont des solutions simplistes qui viennent à l’esprit quand on ne sais pas quoi faire du design d’un produit.
Même si je suis pas fan de ce Material Design (même le nom je le trouve pas adapté), le je préfère déjà à ceux que j’ai déjà présenté. Il me semble évident que Microsoft doit évoluer de son Metro vers un design permettant plus de subtilité dans la représentations des layouts et la mise en évidence des contenus (C’histoire de Chrome)

Autre sujet : Google présente le Matérial Design comme étant mettre les animations au service de l’expérience utilisateur et de ergonomie. Vue la vidéo et les présentations, c’est intelligence, pertinent, cohérent, peut-être même innovant dans sont ensemble, mais ce ne sont pas les premiers a avoir réfléchit la dessus ^^



Au contraire, il n’y a pas plus flat design que ce que c’est en train de faire Google. Ce type de design est justement une conception générale, pas un thème graphique.



tAran
Il y a 9 ans


Comme souvent avec ce type d’interface, ce que l’on gagne en lisibilité se perd en surface d’affichage. Car un tel layout prend davantage de place et il faudra faire défiler l’écran pour retrouver les éléments.

C’est pour ça que je ne vais quasiment plus sur le Google Play depuis la 3.10, parceque j’ai autre chose à foutre que de passer mon temps à faire défiler mon écran <img data-src=" />


i4004
Il y a 9 ans

Le “flat design” alors qu’on se dirige résolument vers les écrans 3D <img data-src=" />


Thoscellen Abonné
Il y a 9 ans






Vincent_H a écrit :

Au contraire, il n’y a pas plus flat design que ce que c’est en train de faire Google. Ce type de design est justement une conception générale, pas un thème graphique.

Ah bah on n’as pas la même vision de ce qu’est le flat design alors ^^
Ce qu’a fait Microsoft avec son environnement métro, a base de contraste coloré, de formes simples et étaler, je trouve que c’est du flat design. Et c’est justement ce qui me déplait : écrase toutes les couches de l’application et l’on sais plus quel élément va au dessus de l’autre, et donc quelques sont les relations qui existent entre ces éléments : Les boutons, les barres d’outils, les menus n’indiquent plus sur quoi ils agissent.

Google garde encore plein d’élément avec du relief : Ca commence par des jeux d’ombres (rappelles-toi la vidéo de présentation du Material Design où l’on vois les petites fiches se faire déplacer une a une par un doigts imaginaire) et ca continue avec des bordures et quelques (rares, certes) dégradés (Dans le PlayStore de la vidéo ou le Play Musique, les barres d’outils et barres d’onglet ont des bordures foncées, donnant un peu de reliefs et donc de logiques).
Ces mêmes lignes sont découpé d’autres formes (disques, surtouts) pour apporter des repères ergonomiques à l’utilisateur, et Google évite certains écueils de Metro.

Apple, même si je ne connais que de visu, a travailler son Flat design sur des contraste de couleurs, des assombrissements et des éclaircissement, et surtout le floue. Cela permet aussi de donner le la hiérarchie au éléments et donc d’aider l’utilisateur a se repérer.

Bon, c’est comme ça que je comprends les choses, ça reste mon point de vue <img data-src=" />



Iceksy
Il y a 9 ans

@Thoscellen: J’allais dire la même chose :p
définition wikipedia du flat design (pour ce que ça vaut)

Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, or textures)

Avec Material design, y a encore la notion de profondeur (ou de hauteur), même si ça s’inspire du flat design.


Tarpan
Il y a 9 ans






Vincent_H a écrit :

Au contraire, il n’y a pas plus flat design que ce que c’est en train de faire Google. Ce type de design est justement une conception générale, pas un thème graphique.



Ah… si seulement les gars qui ont vendue cette idée débile (à nos grands frais) à Pole Emploi l’avait su..!



jaretlafoudre
Il y a 9 ans






Vincent_H a écrit :

Au contraire, il n’y a pas plus flat design que ce que c’est en train de faire Google. Ce type de design est justement une conception générale, pas un thème graphique.



Heu… je pense pas au contraire, ou alors on a pas les même définitions du material et flat design…
Le material design permet l’utilisation de dégradé, d’ombrage pour donner du relief, de transition multilayer, de superposition d’animation etc. qui ne sont pas du tout la la philosophie du flat design



Wikus
Il y a 9 ans






i4004 a écrit :

Le “flat design” alors qu’on se dirige résolument vers les écrans 3D <img data-src=" />


C’est que t’as pas compris le principe du flat design



anonyme_e81f13f26967ac587ac2eb6417d78632
Il y a 9 ans

Mon Nexus 5 en frétille d’avance.


von-block
Il y a 9 ans

Je viens de la télécharger et j’adore.

C’est plutot rare normaleement je déteste les mises à jour graphisme Google.

Le plays store était rendu un gros bordel, difficile de trouver les infos rapidement pour les applications.


zer
Il y a 9 ans






von-block a écrit :

Je viens de la télécharger et j’adore.

C’est plutot rare normaleement je déteste les mises à jour graphisme Google.

Le plays store était rendu un gros bordel, difficile de trouver les infos rapidement pour les applications.



Tu l’as dl où ?



von-block
Il y a 9 ans






zer a écrit :

Tu l’as dl où ?




En attendant, la nouvelle version de Google Play est graduellement diffusée. Elle porte le numéro de version 4.9.13 et en propose le lien direct si vous ne souhaitez pas attendre sa disponibilité.

http://www.droid-life.com/2014/07/22/download-google-play-4-9-13-rolls-out-featu…



zer
Il y a 9 ans

Tiens, marrant.. J’ai lu l’article en entier, mais je n’ai pas enregistré cette info.. Sans doute étais-je en train de finir ma lecture au moment où mon boss passait dans le bureau ^^


Vincent_H Abonné
Il y a 9 ans






jaretlafoudre a écrit :

Heu… je pense pas au contraire, ou alors on a pas les même définitions du material et flat design…
Le material design permet l’utilisation de dégradé, d’ombrage pour donner du relief, de transition multilayer, de superposition d’animation etc. qui ne sont pas du tout la la philosophie du flat design



Non effectivement, my bad, le multilayer coince vraiment. <img data-src=" />



BreizFenrir
Il y a 9 ans






i4004 a écrit :

Le “flat design” alors qu’on se dirige résolument vers les écrans 3D <img data-src=" />


Résolument, résolument… ah et puis je te conseille de jeter un coup d’œil aux histoires de z-index dont il est question dans une partie de la documentation décrivant le “Material Design”. Entre ça et l’utilisation d’images ou de vidéos 3D en tant qu’illustration, on devrait se retrouver avec quelque chose qui ressemble beaucoup à l’interface de la 3DS ou du magasin dématérialisé sur celle-ci… sans vraiment avoir à retoucher la description actuelle de ce en quoi consiste cette convention graphique.

Il y aura peut-être des retouches occasionnelles, mais cela m’étonnerait que Google passe à autre chose avant un bon moment.



flagos_
Il y a 9 ans

Je tourne depuis une bonne semaine avec Android L sur mon nexus 5. Bon a part quelques bugs (statut beta), le tout est vraiment beau. Les animations sont simples et élégantes, les couleurs sont bien choisies.

Bon boulot Duarte <img data-src=" />


MrGland
Il y a 9 ans

Pour info le design de Chrome sur Android a également évolué dans le même style sur la dernière beta. Je suppose que ça préfigure une mise à jour de toutes les applis Google.


darth21
Il y a 9 ans

Il me semble quand meme que cest le minimum que les applis Google suivent les guidelines de Google. La vraie question est plutôt de savoir si les autres suivront aussi et en combien de temps


Bambou64 Abonné
Il y a 9 ans






darth21 a écrit :

Il me semble quand meme que cest le minimum que les applis Google suivent les guidelines de Google. La vraie question est plutôt de savoir si les autres suivront aussi et en combien de temps




Si au moins c’était le cas…
Pas une appli Google ne gère les guidelines KitKat, avec avec couleur dans la barre d’état, et «plein écran» avec transparence (translucent) pour la navbar (touches virtuelles du bas)…
Liste d’applis qui le gèrent là par exemple.

Donc il serait temps qu’ils donnent l’exemple…



Twiz
Il y a 9 ans

Voilà un bel exemple de Flat Design, pas comme sur Windows 8.