combinaison des cartes UI et des boutons
Je conçois une application pour Android et j'ai décidé d'aller avec le thème des cartes pour la conception visuelle. Les raisons étant que les informations présentées correspondent au format des cartes: courtes rafales d'informations importantes.
Le problème se pose lors de l'intégration de boutons dans la mise en page. Il existe principalement deux types de boutons:
- spécifique à une carte particulière
- spécifique à un jeu de cartes
Pour la première, je place le bouton en bas de la carte, comme on le ferait dans une fenêtre modale et il a l'air bien et va avec le thème. Cependant, dans le deuxième cas, lorsqu'une action est applicable à un jeu de cartes, le bouton doit être placé en dehors des cartes à la fin de la liste. Souvent, le bouton se trouve en dessous du pli et les testeurs ne réalisent pas qu'un bouton doit être enfoncé pour appliquer leurs actions/modifications.
Ma solution consiste à placer un bouton permanent sur toute la largeur avec des effets d'ombre pour montrer que le contenu continue en dessous. Cependant, j'hésite à l'utiliser car cela ne semble pas gélifier avec la conception globale.
J'adorerais les commentaires utiles et innovants de vous. À votre santé.
Visuels:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Si vous vous inquiétez des normes d'Android (qui est actuellement Material Design ), alors vous utilisez des cartes dans un Fausse Route. C'est pourquoi vous êtes confronté à ces problèmes.
Voici de la page ( Material Design :
Quand utiliser
Utilisez une présentation de carte lorsque vous affichez du contenu qui:
- En tant que collection, elle comprend plusieurs types de données (par exemple, la collection de cartes se compose d'images, de films et de texte).
- Ne nécessite pas de comparaison directe (un utilisateur ne compare pas directement des images ou des chaînes de texte).
- Prend en charge le contenu de longueur très variable, comme les commentaires.
- Se compose d'un contenu riche ou d'une interaction, comme des boutons +1 ou des commentaires.
- Serait autrement dans une liste mais doit afficher plus de trois lignes de texte.
- Serait autrement dans une liste de grille mais doit afficher plus de texte pour compléter l'image.
Donc, dans votre cas, vous devez ajouter les paramètres dans UNE carte, pas une carte pour chaque type de paramètre. Cela vous fournira la continuité logique si la carte dépasse la taille de l'écran.
Rappelez-vous également que vous pouvez avoir des actions à l'intérieur de la carte et même utiliser boutons d'action flottants pour éviter ce comportement si vous en avez besoin
Type1 : Avez-vous vraiment besoin d'un bouton "Tout voir"? l'utilisateur peut simplement appuyer sur le groupe pour l'ouvrir. De cette façon, les boutons sont uniquement pour des actions réelles, pas pour la navigation
Type 2 : Le bouton collant semble être une bonne solution à condition de ne l'afficher que s'il y a une modification à enregistrer. Comme vous avez une barre de menu, le bouton peut également être en haut de la page
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
