web-dev-qa-db-fra.com

Comment puis-je concevoir une interface graphique efficace pour les étiquettes et les valeurs d'une tablette Android?

J'essaie de créer une interface graphique simple pour une application Android qui sera principalement utilisée sur les tablettes. J'ai des captures d'écran portrait et paysage de mon interface graphique actuelle. Notez que c'est littéralement le seul écran qui mon application utilise. Je n'ai aucune autre information à afficher.

enter image description hereenter image description here

Comme vous pouvez le constater, ce n'est rien de spécial. Il y a normalement des boutons dans l'ActionBar pour interagir avec l'application, donc je ne suis pas inquiet à ce sujet. Je souhaite surtout afficher [Description]: [Valeur] plus efficacement sur un grand écran.

Si vous avez des conseils pertinents, j'aimerais les entendre. La plupart de mes recherches sur Google ont abouti à la conception de formulaires Web, ce qui n'est pas mon objectif dans ce scénario.

usabilitygui-designmobilelayoutdesign-patterns
2
Krzysztof Czelusniak

Si l'écran sert uniquement à afficher des paires clé-valeur, tous vos efforts doivent être consacrés à les rendre faciles à lire. Incluez donc les valeurs dans votre maquette; sans eux, vous ne pouvez pas vérifier comment cela fonctionne.

Sans apporter de changements radicaux, j'ai ajusté un peu votre maquette de paysage:

  1. J'ai poussé le texte plus loin au centre; avec un plus petit écart entre la clé et la valeur, il facilite le balayage gauche-droite sur l'œil, c'est-à-dire plus lisible.

  2. J'ai ajouté de faibles lignes directrices pour séparer chaque paire clé-valeur; encore une fois, l'idée est de rendre chaque paire clé-valeur plus lisible.

    mockup with improvements to help reading key-value pairs

Autres changements que vous voudrez peut-être envisager:

  • Dessinez un tableau avec une coloration alternée des rangées; ceci est connu pour aider à guider l'œil de l'utilisateur à travers les données tabulaires.
  • Au lieu de mettre les valeurs à droite, mettez-les en retrait et placez-les sur la ligne suivante sous la clé; c'est une technique souvent utilisée dans les applications sur petit écran où il n'y a pas beaucoup d'espace horizontal, et a également l'avantage de garder chaque valeur proche de la clé, ce qui facilite encore la lecture.
1
Vince Bowdren

Vous pouvez essayer une disposition de carte, avec des cartes de différentes tailles décalées. Tout comme ce que le Play Store est sur une tablette. Chaque carte peut contenir la propriété et la valeur ainsi qu'une icône.

0
abhinavc

Si votre cible principale sont les tablettes, pensez à disposer de deux/plusieurs volets. Ne vous contentez pas d'afficher un écran contenant uniquement [Description]: [Valeur]. De cette façon, votre volet qui contiendra les valeurs sera beaucoup plus petit et vous n'aurez pas à vous soucier de trop d'espace vide.

Pour savoir comment afficher les paires clé/valeur, l'application Paramètres ou Personnes est l'endroit idéal pour commencer.

EDIT: Vous pouvez envisager d'utiliser PreferenceActivity comme activité principale pour obtenir un affichage par défaut Android Android.

0
SidhNor