7
votes

Conseil de l'UI: Comment concevoir un formulaire avec beaucoup de données

Je réécritez une application qui est un outil de saisie de données. L'application existante est dans l'accès et consiste en une forme avec plusieurs grilles, chaque grille contenant de nombreuses colonnes nécessitant l'utilisateur de faire défiler horizontalement afin de voir les colonnes.

Les grilles actuelles sur la forme sont déposées héritachiquement dans les relations parent-enfant. La grille supérieure représente des projets, la grille ci-dessous qui représente le SKU dans le projet sélectionné, la grille ci-dessous qui représente des données de saison (tarification, informations d'expédition, etc.) pour le SKU sélectionné ci-dessus.

Je recherche des conseils concernant de bons principes de conception de l'UI pour ce type d'application. Comment concevoir une forme qui donne à l'utilisateur la flexibilité de voir toutes les colonnes pour les données sur le formulaire sans avoir besoin de faire défiler autant?

Quelles sont les bonnes ressources en ligne pour les principes d'interface utilisateur pour les applications commerciales?

Merci!


2 commentaires

J'avais / fort / recommandé que vous examinez à l'aide de WPF car il offre une bonne affaire plus de flexibilité et de fonctionnalité que de formulaires.


WPF est une plate-forme fascinante pour développer nos applications de nouvelle génération! La capacité de styles à peu près n'importe quoi, le support de base de données et les propriétés ci-jointes / de dépendance. Wow! Mais ne jetons pas la prudence au vent parce que pendant que la performance du WPF est excellente, ce n'est pas le meilleur ... encore. Il s'agit certainement d'un concurrent solide, mais comme les développeurs que nous sommes toujours laissés avec des principes de conception pour nos extrémités avant.


3 Réponses :


2
votes

utilisable.gov est une excellente ressource pour la conception de l'interface utilisateur. En outre, consultez wufoo.com , qui est un site Web d'hébergement de formulaire. Leur blog est plein de recherches intéressantes sur la convivialité et la conception de formulaires.


3 commentaires

Ironiquement l'utilisabilité.gov est laide et pas bien structurée imo


+1 pour wufoo que j'avais en quelque sorte entendu parler de maintenant


Je conviens que l'usibilité.gov est hypocrite dans sa mise en page, mais ses conseils sont géniaux et possède un manuel avec beaucoup d'informations pertinentes.



6
votes

Ce que j'ai trouvé être une règle générale qui aide à développer des interfaces utilisateur esthétiquement agréables est la notion de présentation uniquement autant que nécessaire pour une tâche donnée.

L'une des approches que nous pouvons prendre dans la conception des formulaires est de concentrer l'attention de l'utilisateur à la tâche ou à la fonction à portée de main par des contrôles de centrage sur un axe horizontal.

La culture, aussi, joue un rôle majeur dans l'acceptation des programmes que nous écrivons. Par exemple, dans la culture occidentale, nous lisons de gauche à droite et de haut en bas. Par conséquent, les programmes ciblés pour un public occidental devraient idéalement suivre le même principe de conception.

Voici quelques principes de base qui aideront

  • Utilisez des mots et des termes amicaux sur des tons odieux et exigeants: "Le fichier n'a pas pu être trouvé à l'emplacement 'c: \ temp'" par opposition à "un fichier requis à ne pas être trouvé, veuillez corriger l'erreur."
  • Schémas de couleurs simples qui s'appliquent à l'apparence générale et aux polices
  • Layout de contrôle commun sur toutes les formes présente
  • Suivez les directives de conception généralement utilisées pour la plate-forme que vous ciblez

    Références

    Voici un élément de référence pour vous aider sur votre propre chemin unique

    (Windows) Directives d'interaction de l'expérience utilisateur
    (Apple) Guidelines d'expérience utilisateur
    Principes de conception Windows
    (Windows) Certains pointeurs de conception

    Pour résumer, j'ai découvert que l'utilisateur accablant avec toutes les informations qu'il aurait besoin d'effectuer une simple saisie de données n'est pas vraiment un moyen idéal; Plutôt progressivement présentant des fonctionnalités et des outils pour faire ce qu'ils veulent, c'est pour moi une bien meilleure alternative.

    Comme toujours, placez-vous dans la position de l'utilisateur: " Est-ce que j'aime ce que je vois? Est-ce que cela me rend heureux de travailler avec elle? Est-ce que le programme est-il trop restreint? Comment puis-je rendre la tâche x beaucoup plus facile à effectuer ? "


0 commentaires

0
votes

Ce site peut vous aider à sortir: http://www.jankoowarpspeed.com/post/2009/02/18/how-to-deal-with-large-webforms.aspx . Gros points là-bas en train d'être des onglets et des régions pliables.

En outre, si vous n'avez pas besoin de montrer toutes ces colonnes horizontalement, vous pouvez les présenter lorsque l'utilisateur clique sur l'entrée pour afficher plus de détails. Je préfère généralement montrer les informations critiques, puis demander à l'utilisateur de voir plus de détails si elles ont besoin de spécificités.

Comme Mike mentionné, "la notion de présentation que si nécessaire pour une tâche donnée"


0 commentaires