web-dev-qa-db-fra.com

Guide de conception des matériaux pour le panneau latéral de Google Maps?

Voici ce qui se passe lorsque vous cliquez sur une icône dans une carte Google "à l'ancienne":

Vous obtenez une InfoWindow, et en cliquant sur "plus d'informations" ouvre un nouvel onglet avec une recherche google du sujet de l'icône.

Voici ce qui se passe lorsque vous cliquez sur une icône dans une carte Google "nouveau style":

Vous obtenez plus d'informations en dehors de la carte avec lesquelles vous pouvez ensuite interagir.

Je comprends pourquoi la nouvelle méthode est meilleure: vous pouvez afficher plus d'informations, elle est plus adaptée aux mobiles et aide à désencombrer la carte.

Ma question est la suivante: Existe-t-il une directive spécifique conception matérielle qui a motivé ce changement de l'ancien style InfoWindow vers la nouvelle "barre latérale" "style? Je doute qu'il y ait quelque chose d'aussi évident que "n'utilisez plus InfoWindows sur les cartes, utilisez-le à la place", mais je recherche quelque chose d'un peu plus officiel que moi.

Question bonus: Comment s'appelle ce composant de la barre latérale?

La raison pour laquelle je pose la question est: À mon travail, nous avons un produit qui utilise l'API Google Map pour afficher diverses informations hiérarchiques: vous cliquez sur un point sur la carte, qui affiche une vue développée des données sur la carte, vous cliquez dans la vue développée et vous obtenez une InfoWindow avec plus de détails. Les clients n'aiment pas cet affichage, et je pense que nous devrions nous éloigner des affichages sur la carte et nous diriger vers cette nouvelle interface de barre latérale. Je cherche quelque chose d'un peu plus officiel que mon humble avis, mais rien dans les documents de conception matérielle ne me saute vraiment aux yeux.

7
Kevin Workman

tl; dr: C'est une feuille.

Le motif est lié au persistent bottom sheet élément sur mobile. Les directives MD font en fait référence à l'exemple de carte spécifiquement pour expliquer cette approche:

Sur le bureau, le contenu généralement présenté dans une feuille inférieure persistante peut se déplacer vers une nouvelle feuille de matériel. Sur des écrans plus grands, il peut être plus approprié d'afficher le contenu de la feuille inférieure sur une feuille de matériau positionnée sur le côté gauche de l'interface.

enter image description here

L'implémentation de la carte s'est un peu transformée depuis Android 6 est apparu (il est attaché à gauche, en haut et en bas), mais l'idée de base est la même.

Comme vous l'avez bien observé, Google s'est éloigné de l'ancienne approche de la fenêtre d'informations, car elle a perturbé votre vision de la zone d'intérêt.

8
plainclothes

Ce volet de conception de matériaux est Sheet dit avec justesse par @plainclothes. Si je deviens plus technique, alors auparavant, Google ne fournissait pas de support pour ce Bottom-Sheet qui apparaissent sur les appareils mobiles et qui sont venus de gauche sur les tablettes.

Mais maintenant, en février 2016 Android fournit un support pour Bottom-Sheet aux développeurs dans son API version 23.2

0
Anuj Sharma