java eclipse netbeans - Les meilleurs conseils pour concevoir des interfaces graphiques?





5 Answers

Juste une astuce plutôt concrète que j'ai eue une fois grâce à un technicien talentueux:

Lorsque vous avez un dialogue / formulaire avec des boutons, des champs de texte, des listes, etc., essayez de garder un espace cohérent et symétrique entre eux. Par exemple, essayez d'utiliser la même distance entre les widgets dans toutes les directions, et si un groupe de widgets est séparé d'un autre en augmentant l'espace entre les groupes, essayez de faire de cet espace une copie de l'espace entre les contrôles des groupes. Par exemple, si tous les boutons d'une section sont séparés par 16 pixels dans toutes les directions, essayez de placer le plus grand espace dans le groupe suivant, 32, 64, 128 pixels environ.

Il est beaucoup plus confortable pour l'œil humain d'interpréter quelque chose qui est lié à une symétrie distincte.

Depuis que je l'ai essayé, j'utilise toujours cette méthode avec de très bons résultats. Je suis même retourné et j'ai retravaillé des interfaces graphiques plus anciennes et j'ai été surpris de voir un tel remodelage uniquement à partir de cet ajustement.

MODIFIER:

J'ai oublié de mentionner une leçon importante que j'ai apprise de la méthode ci-dessus:

Lorsque vous organisez tous les widgets en fonction de ce système (en particulier lors du traitement d'anciennes interfaces graphiques encombrées), vous risquez de manquer de place et votre boîte de dialogue doit être gonflée. À un moment donné, on peut avoir l'impression que la boîte de dialogue devient trop volumineuse (par exemple, en bloquant l'interface graphique d'arrière-plan associée ou les widgets associés se terminant trop loin l'un de l'autre). Cela pourrait être un bon indicateur que vous devriez peut-être diviser le dialogue en onglets, déplacer des éléments dans le menu ou simplement en faire un concept de type assistant, etc.

Cela n'a rien à voir avec l'espacement des widgets mais touche le sujet de moins-interagir avec lequel l'utilisateur peut interagir à tout moment. Il est intéressant de noter que lorsque vous commencez à faire les choses correctement, cela "fait des vagues" et vous oblige parfois à faire plus de choses (un peu comme si vous corrigiez la précision des constants: p).

exemple pdf open

Il y a quelque temps, j'ai lu (avant que je ne le perde) un livre génial intitulé GUI Bloopers qui contenait de nombreux exemples de mauvaise conception graphique, mais aussi plein de détails utiles, comme Ne pas appeler quelque chose .

Quels conseils donnerais-tu pour concevoir / documenter une interface graphique? Il serait particulièrement utile d’entendre parler des widgets que vous avez conçus pour créer des informations lisibles dans un espace aussi réduit que possible.

Je vais le faire avec un des miens: évitez les arbres (par exemple JTree de Swing) à moins que vous ne puissiez vraiment pas l'éviter, ou ayez une hiérarchie de choses illimitée. J'ai constaté que les utilisateurs ne les trouvent pas intuitifs et qu'ils sont difficiles à naviguer et à filtrer.

PS Je pense que cette question diffère de celle-ci car je demande des conseils généralistes




Une fois la conception terminée: demandez à quelques personnes de s'asseoir devant votre logiciel et laissez-les essayer de résoudre une tâche pour laquelle votre logiciel a été conçu (un par un, pas tout à la fois…). C'est absolument incroyable ce que vous allez apprendre en les regardant.

Si possible, les testeurs doivent correspondre au profil de votre groupe de clients typique. Le plus de personnes que vous pouvez trouver pour ce type de test de convivialité sont les meilleures, mais même une simple poignée de personnes par itération de produit m'a été très utile par le passé.




Ne changez pas les couleurs par défaut. C'est important pour les personnes daltoniennes .










Related